/* ============================================================
   utilities.css — Paylaşılan Yardımcı Class'lar
   ────────────────────────────────────────────────────────────
   Adım 6 — view dosyalarındaki inline style'ları class'a çevirmek
   için kullanılan paylaşılan utility'ler.
   
   Tüm view'lardan ortak kullanılır.
============================================================ */

/* ─── Sayfa Container'ları ─── */
.br-page-container {
    padding-top: 12px;
    padding-bottom: 100px;
    max-width: 720px;
    margin-left: auto;
    margin-right: auto;
}
.br-page-container--narrow {
    padding-top: 18px;
    padding-bottom: 100px;
    max-width: 720px;
    margin-left: auto;
    margin-right: auto;
}
.br-page-container--center {
    padding-top: 30px;
    padding-bottom: 100px;
    max-width: 720px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

/* ─── Empty State / Boş Mesaj ─── */
.br-empty-msg {
    color: var(--br-cream-soft);
    font-family: var(--br-font-serif);
    font-size: 1.0625rem;
    font-style: italic;
    padding: 30px 0;
}
.br-empty-msg-soft {
    text-align: center;
    padding: 40px 20px;
    color: var(--br-cream-muted);
    font-style: italic;
}

/* ─── Buton Modifier'ları ─── */
.br-secondary--narrow {
    display: inline-flex;
    max-width: 240px;
}
.br-secondary--narrow-tall {
    display: inline-flex;
    max-width: 240px;
    margin-top: 20px;
}

/* ─── Mini SVG İkonlar (cart action butonlar için) ─── */
.br-svg-tiny {
    width: 14px;
    height: 14px;
}
.br-svg-mini {
    width: 11px;
    height: 11px;
}

/* ─── Faded İkon ─── */
.br-icon-faded {
    opacity: 0.5;
}

/* ─── Renk yardımcıları (hardcoded inline'dan kaçınmak için) ─── */
.br-text-gold      { color: var(--br-gold); }
.br-text-gold-soft { color: var(--br-gold); opacity: 0.85; }
.br-text-cream-muted { color: var(--br-cream-muted); }

/* ─── TTS-Source kartı (In-House Only badge) ─── */
.br-tts-source-card {
    padding: 14px;
    background: var(--br-bg-elev);
    border: 1px solid var(--br-gold-line);
    border-radius: var(--br-radius-md);
    text-align: center;
    margin-bottom: 12px;
}
.br-tts-source-title {
    color: var(--br-gold);
    font-family: var(--br-font-serif);
    font-size: 0.875rem;
    margin: 0 0 4px;
}
.br-tts-source-meta {
    color: var(--br-cream-muted);
}

/* ─── Banner Modifier'ları ─── */
.br-cat-banner-rule--bottom {
    margin-bottom: 18px;
}

/* ─── Variant Açıklama (kart yenileme) ─── */
.br-variant-desc-muted {
    color: var(--br-cream-muted);
}
.br-variant-price-adj {
    color: var(--br-gold);
    opacity: 0.85;
}

/* ─── Form Mark (zorunlu yıldız) ─── */
.br-required-mark {
    color: var(--br-gold);
}

/* ─── Spacer'lar (vertical rhythm) ─── */
.gh-spacer-md       { margin-top: 24px; }
.gh-bottom-spacer   { height: 80px; }
.gh-hero-cta--spaced { margin-top: 30px; }

/* ─── Brand renkler (review platform logoları için) ─── */
.color-tripadvisor  { color: #00AF87; }  /* TripAdvisor green dot */
.color-google-blue  { color: #4285F4; }  /* Google "G" blue */

/* ─── Games sayfası tema renkleri ─── */
.games-section-title { color: var(--br-orange-dark); }
.games-today-tag     { color: var(--br-accent); }