/* Rooa Woo Pro Edit — Frontend (ücretsiz seçenekler + kademe tablosu; varyasyon UI tema/WC) */

.rooa-free-options { margin: 1em 0; }

.rooa-free-option { margin-bottom: 1em; }

.rooa-free-option__label { display: block; font-weight: 600; margin-bottom: 0.5em; font-size: 0.95em; }

.rooa-free-option__values { display: flex; flex-wrap: wrap; gap: 0.5em; }

.rooa-swatch {

  display: inline-flex;

  align-items: center;

  justify-content: center;

  min-width: 44px;

  min-height: 36px;

  padding: 0.4em 0.9em;

  border: 2px solid #ccc;

  border-radius: 999px;

  background: #fff;

  font-size: 0.9em;

  cursor: pointer;

  transition: border-color 0.15s, background 0.15s, color 0.15s;

}

.rooa-swatch:hover { border-color: #333; }

.rooa-swatch.is-active { border-color: var(--rooa-pill-active, #2271b1); background: var(--rooa-pill-active, #2271b1); color: #fff; }

.rooa-swatch--color { width: 36px; height: 36px; min-width: 36px; padding: 0; border-radius: 50%; border: 2px solid #bbb; background-size: cover; background-position: center; }

.rooa-swatch--color.is-active { outline: 2px solid #333; outline-offset: 2px; border-color: #333; }

.rooa-tier-table-wrap { margin: 1em 0; }

.rooa-tier-table__title { font-weight: 600; margin-bottom: 0.5em; }

.rooa-tier-table { width: 100%; border-collapse: collapse; font-size: 0.9em; }

.rooa-tier-table th, .rooa-tier-table td { border: 1px solid #ddd; padding: 0.5em 0.75em; text-align: left; }

.rooa-tier-table th { background: #f6f7f7; }

/* Toplam + adet + Sepete Ekle sarmalayıcı (arka plan yok) */
.rooa-purchase-box.rooa-has-total {
  background: none;
  border: 0;
  padding: 0;
  margin: 0.4em 0 1em;
}

/* Kutu içindeyken Toplam satırı */
.rooa-purchase-box.rooa-has-total .rooa-line-total {
  display: block;
  width: 100%;
  background: none;
  border: 0;
  padding: 0;
  margin: 0 0 0.75em;
}

/* Birim fiyat × adet hesabı — Toplam ile yan yana, aralarında ince ayraç */
.rooa-line-total__calc {
  display: inline;
  font-weight: 600;
  opacity: 0.85;
  margin-right: 0.55em;
  padding-right: 0.55em;
  border-right: 1px solid rgba(0, 0, 0, 0.18);
}

/* WC'nin tekrar eden birim fiyat satırı: birim fiyatı kutuya taşıdık, burada gizli */
.single-product .woocommerce-variation-price { display: none !important; }

.rooa-purchase-box .woocommerce-variation-add-to-cart { margin: 0; }

/* Seçilen adede göre canlı toplam tutar satırı */
.rooa-line-total {
  display: inline-block;
  width: auto;
  max-width: 100%;
  clear: both;
  margin: 0.3em 0 0.85em;
  padding: 0;
  background: none;
  border: 0;
  /* rem: tema/Avada fiyat alanından em devralmasın */
  font-size: 0.9375rem;
  line-height: 1.35;
}

/* Tema büyük fiyat sınıfları Toplam satırına taşmasın */
body.single-product .rooa-line-total .woocommerce-Price-amount,
body.single-product .rooa-line-total .amount {
  font-size: inherit !important;
  font-weight: inherit;
  line-height: inherit;
}

.rooa-line-total[hidden] { display: none; }

/* Mobilde yazılar küçük ve tek satır */
@media (max-width: 768px) {
  .rooa-line-total {
    font-size: 0.74em;
    white-space: nowrap;
  }
  .rooa-line-total .rooa-line-total__amount { font-size: 1em; }
  .rooa-line-total small { font-size: 0.75em; }
  .rooa-line-total__calc { margin-right: 0.45em; padding-right: 0.45em; }
}

@media (max-width: 480px) {
  .rooa-line-total { font-size: 0.66em; }
}

.rooa-line-total .rooa-line-total__label { font-weight: 600; }

.rooa-line-total .rooa-line-total__amount {
  font-weight: 700;
  font-size: 1rem;
  white-space: nowrap;
}

.rooa-line-total small {
  font-weight: 400;
  font-size: 0.8125rem;
  opacity: 0.7;
  margin-left: 0.2em;
  white-space: nowrap;
}