/* ================================================
   Toyz Oyuncak Theme — Etic Medya'ya uyarlanmış
   Quka toyz2 temasından alınmış renk paleti + UX kararları
   Sadece Toyz aktifken yüklenir.
   ================================================ */

/* ----- Toyz alias değişkenleri (admin'deki tema ayarlarına bağlı) -----
   --color-primary, --color-accent, --primary, --primary-dark, --color-bg, --color-header-bg
   bu değişkenler theme_css_vars() tarafından <head>'e basılır. Admin'den renk
   değiştirilince Toyz'a OTOMATİK yansır.                                       */
:root {
    --toyz-blue:        var(--color-primary, #1c7ad2);
    --toyz-blue-dark:   var(--primary-dark, #004f99);
    --toyz-gold-light:  var(--color-accent,  #ffcc34);
    --toyz-gold:        var(--color-accent,  #b28300);
    --toyz-red:         #ff3230;  /* sabit - kırmızı uyarı tonu */
    --toyz-dark:        #403c3a;
}

/* Tipografi admin'den seçilen --theme-font'tan otomatik gelir */
body { background: var(--color-bg, #f8f8f8); }

/* ----- Section Title - playful & bold ----- */
.section-title {
    font-size: 1.5rem;
    font-weight: 700;
    color: #1a1a1a;
    text-transform: uppercase;
    letter-spacing: .02em;
    position: relative;
    padding-bottom: 14px;
    text-align: center;
}
.section-title::after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    width: 60px;
    height: 4px;
    background: linear-gradient(90deg, var(--toyz-blue), var(--toyz-gold-light));
    border-radius: 4px;
}

/* ----- Header - kalın, renkli ----- */
.site-header { border-bottom: 3px solid var(--toyz-blue); padding: 12px 0; }
.site-nav { background: var(--toyz-blue) !important; }
.site-nav .nav-menu > li > a { color: #fff; font-weight: 600; letter-spacing: .02em; }
.site-nav .nav-menu > li > a:hover, .site-nav .nav-menu > li:hover > a {
    background: rgba(255,255,255,.18);
    color: var(--toyz-gold-light) !important;
}
.top-bar { background: linear-gradient(90deg, var(--toyz-blue-dark), var(--toyz-blue)) !important; color: #fff; }

/* ----- Primary buton (Sepete Ekle vb.) - mavi ----- */
.btn-primary {
    background: var(--toyz-blue-dark);
    border-color: var(--toyz-blue-dark);
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .02em;
    border-radius: 50px !important;
    padding: 8px 22px;
    transition: all .25s ease;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
    background: var(--toyz-gold) !important;
    border-color: var(--toyz-gold) !important;
    color: #fff !important;
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(178,131,0,.35);
}

/* ----- Ürün Kartı - hover efekti + sarı border ----- */
.product-card {
    background: #fff;
    border: 1px solid #ececec;
    border-radius: 14px;
    overflow: hidden;
    transition: all .3s ease;
    position: relative;
}
.product-card:hover {
    border-color: var(--toyz-gold-light);
    box-shadow: 0 12px 28px rgba(28,122,210,.15);
    transform: translateY(-4px);
}
.product-card .product-card-img { position: relative; overflow: hidden; }
.product-card .product-card-img img { transition: transform .5s; }
.product-card:hover .product-card-img img { transform: scale(1.06); }
.product-card-title a { color: #1a1a1a; font-weight: 600; font-size: .9rem; }
.product-card-title a:hover { color: var(--toyz-blue); }
.product-card-price { color: var(--toyz-blue-dark); font-weight: 700; font-size: 1.05rem; }
.product-card-price .old-price { color: #999; text-decoration: line-through; font-weight: 500; font-size: .85rem; margin-left: 6px; }

/* ----- İndirim Etiketi (Toyz tarzı yuvarlak rozet) ----- */
.product-card-badge .badge.bg-danger {
    background: var(--toyz-red) !important;
    border-radius: 50px;
    padding: 6px 14px;
    font-weight: 700;
    font-size: .72rem;
    box-shadow: 0 3px 10px rgba(255,50,48,.3);
}

/* ----- Wishlist (kalp) ----- */
.product-card .wishlist-btn { background: #fff !important; transition: all .2s; }
.product-card .wishlist-btn:hover { background: var(--toyz-red) !important; }
.product-card .wishlist-btn:hover i { color: #fff !important; }
.product-card .wishlist-btn.active { background: var(--toyz-red) !important; }
.product-card .wishlist-btn.active i { color: #fff !important; }

/* ----- Quick View ----- */
.product-card .quick-view-btn { background: var(--toyz-blue-dark) !important; border-radius: 50px !important; font-weight: 600; }
.product-card .quick-view-btn:hover { background: var(--toyz-gold) !important; }

/* ----- Banner ve slider ----- */
.banner-img { border-radius: 14px; overflow: hidden; box-shadow: 0 6px 18px rgba(0,0,0,.08); }
.hero-slider .carousel-caption {
    background: rgba(28,122,210,.85);
    border-radius: 14px;
    padding: 20px 28px;
}
.hero-slider .carousel-caption .btn-primary {
    background: var(--toyz-gold-light);
    color: #1a1a1a;
    border-color: var(--toyz-gold-light);
    font-weight: 700;
}
.hero-slider .carousel-caption .btn-primary:hover {
    background: var(--toyz-gold) !important;
    color: #fff !important;
}

/* ----- Kategori kartları ----- */
.home-section .category-card,
.home-section [class*="cat-"] .text-center.p-3 {
    border-radius: 14px;
    transition: all .25s;
    border: 2px solid transparent;
}
.home-section [class*="cat-"] .text-center.p-3:hover {
    border-color: var(--toyz-gold-light);
    background: #fffaf0;
    transform: translateY(-3px);
}

/* ----- Footer (renkler admin > Tasarım > Alt Bilgi'den; detay kurallar aşağıda) ----- */
.site-footer { background: var(--color-footer-bg, #1a1a1a); color: var(--color-footer-text, #ffffff); }
.site-footer h5, .site-footer h6 { font-weight: 700; }
.site-footer a { color: var(--color-footer-text, #ffffff); }

/* ----- Form input'lar ----- */
.form-control:focus {
    border-color: var(--toyz-blue);
    box-shadow: 0 0 0 .2rem rgba(28,122,210,.18);
}

/* ----- Cart bar / badge ----- */
.cart-badge { background: var(--toyz-red) !important; }
.header-action:hover { color: var(--toyz-blue) !important; }

/* ----- Container - tüm sayfa içeriği footer kartıyla aynı genişlikte (1320px) ----- */
.container, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl {
    max-width: 1320px !important;
}
@media (max-width: 1380px) {
    .container, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl {
        max-width: calc(100% - 32px) !important;
    }
}

/* ----- Mobile menu accent ----- */
.mobile-menu-list li a:hover { background: #fff3d0; color: var(--toyz-blue) !important; }

/* ----- WhatsApp / İletişim ikonları yuvarlak ----- */
.theme-icon-whatsapp, .theme-icon-support, .theme-icon-scroll-top {
    box-shadow: 0 6px 16px rgba(28,122,210,.3) !important;
}

/* ----- Ürün detay sayfası iyileştirmeleri ----- */
.product-detail .btn-primary.add-to-cart {
    background: var(--toyz-blue-dark);
    font-size: 1rem;
    padding: 14px 32px;
    border-radius: 50px;
    letter-spacing: .04em;
    font-weight: 700;
}
.product-detail .price { color: var(--toyz-blue-dark); font-weight: 800; font-size: 1.6rem; }
.product-detail .price-old { color: #999; text-decoration: line-through; font-weight: 500; font-size: 1.1rem; }
.product-detail .price-discount {
    background: var(--toyz-red);
    color: #fff;
    padding: 4px 12px;
    border-radius: 50px;
    font-size: .75rem;
    font-weight: 700;
    margin-left: 8px;
}

/* ----- "Hemen Al" butonu - sarı renk override ----- */
.flora-buy-now, .buy-now-btn {
    background: var(--toyz-dark) !important;
    color: #fff !important;
    border-radius: 50px !important;
    font-weight: 700;
    transition: all .25s;
}
.flora-buy-now:hover, .buy-now-btn:hover {
    background: var(--toyz-gold-light) !important;
    color: #1a1a1a !important;
    transform: translateY(-2px);
}

/* ----- Newsletter / Bize Katılın ----- */
.newsletter-section, .ebulten {
    background: linear-gradient(135deg, var(--toyz-blue), var(--toyz-blue-dark));
    color: #fff;
    border-radius: 18px;
    padding: 24px;
}
.newsletter-section button { background: var(--toyz-gold-light); color: #1a1a1a; font-weight: 700; border-radius: 50px; }

/* ----- Pagination ----- */
.pagination .page-link {
    color: var(--toyz-blue);
    border-radius: 50px !important;
    margin: 0 3px;
    border: 1px solid #e5e5e5;
}
.pagination .active .page-link {
    background: var(--toyz-blue);
    border-color: var(--toyz-blue);
}

/* ----- Mobile özel renkler ----- */
@media (max-width: 767px) {
    .section-title { font-size: 1.15rem; padding-bottom: 10px; }
    .section-title::after { width: 40px; height: 3px; }
    .btn-primary { padding: 7px 16px; font-size: .85rem; }
    .product-card-price { font-size: .95rem; }
}

/* ----- Animation polish ----- */
@keyframes toyz-bounce-in {
    0% { opacity: 0; transform: scale(0.9); }
    100% { opacity: 1; transform: scale(1); }
}
.product-card { animation: toyz-bounce-in .4s ease forwards; }

/* Responsive show/hide helpers - kullanım: class="toyz-hide-mobile" veya "toyz-hide-desktop" */
@media (max-width: 767px) {
    .toyz-hide-mobile { display: none !important; }
}
@media (min-width: 768px) {
    .toyz-hide-desktop { display: none !important; }
}

/* ============================================
   TOYZ TOP BANNER (üst dekoratif görsel + logo overlay)
   ============================================ */
.toyz-top-banner {
    display: block;
    width: 100%;
    line-height: 0;
    background: #fff;
    position: relative;
}
.toyz-top-banner > picture > img { width: 100%; height: auto; display: block; }

/* Logo banner üzerine overlay */
.toyz-logo-overlay {
    position: absolute;
    top: 50%;
    left: 5%;
    transform: translateY(-50%);
    z-index: 5;
    display: inline-block;
    line-height: 1;
    text-decoration: none;
}
.toyz-logo-overlay img { max-height: 80px; height: auto; width: auto; display: block; }
.toyz-logo-text { font-size: 2rem; font-weight: 800; color: #1a1a1a; letter-spacing: -.02em; }

@media (max-width: 991px) {
    .toyz-logo-overlay img { max-height: 56px; }
    .toyz-logo-text { font-size: 1.5rem; }
}
@media (max-width: 767px) {
    .toyz-top-banner img { object-fit: cover; }
    .toyz-logo-overlay { left: 4%; }
    .toyz-logo-overlay img { max-height: 40px; }
    .toyz-logo-text { font-size: 1.1rem; }
}

/* TOYZ MASAÜSTÜ: normal header gizli (mega bar tüm gerekenleri sağlıyor) */
@media (min-width: 992px) {
    .site-header { display: none !important; }
    .top-bar { display: none !important; }
}
/* MOBİL: site-header görünür, logo overlay gizli (çift logo olmasın) */
@media (max-width: 991px) {
    .toyz-logo-overlay { display: none !important; }
}
/* Eski normal alt nav bar her zaman gizli (mega bar yerine geçti) */
.site-nav { display: none !important; }

/* ============================================
   TOYZ MEGA KATEGORİLER BAR (mavi bar)
   ============================================ */
.toyz-mega-bar {
    background: var(--toyz-blue);
    padding: 16px 0;
    box-shadow: 0 2px 10px rgba(0,0,0,.06);
}
.toyz-mega-inner {
    display: flex;
    gap: 14px;
    align-items: center;
}

/* Tüm Kategoriler buton */
.toyz-mega-cats { position: relative; flex-shrink: 0; }
.toyz-cats-btn {
    background: #fff;
    color: var(--toyz-blue-dark);
    border: 0;
    padding: 12px 22px;
    border-radius: 8px;
    font-weight: 700;
    font-size: .92rem;
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    box-shadow: 0 2px 6px rgba(0,0,0,.08);
    transition: all .2s;
}
.toyz-cats-btn:hover { background: var(--toyz-gold-light); color: #1a1a1a; }
.toyz-cats-btn i { font-size: 1rem; }

/* Dropdown menü - HOVER ile açılır */
.toyz-cats-dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    width: 320px;
    max-height: 460px;
    overflow-y: auto;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 8px 28px rgba(0,0,0,.15);
    padding: 8px 0;
    opacity: 0;
    visibility: hidden;
    transform: translateY(8px);
    transition: all .2s ease;
    z-index: 50;
}
/* Hover (mouse butona ya da dropdown'ın içine) gelince açılır */
.toyz-mega-cats:hover .toyz-cats-dropdown,
.toyz-cats-dropdown:hover,
.toyz-cats-dropdown.open {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
/* Hover sırasında menü içine geçişte boşluk olmasın */
.toyz-mega-cats::after {
    content: '';
    position: absolute;
    top: 100%;
    left: 0;
    width: 320px;
    height: 14px;
}
.toyz-cat-item { position: relative; }
.toyz-cat-item > a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 18px;
    color: #1a1a1a;
    text-decoration: none;
    font-weight: 500;
    font-size: .88rem;
    border-bottom: 1px solid #f5f5f5;
    transition: all .2s;
}
.toyz-cat-item > a:hover { background: #f0f7ff; color: var(--toyz-blue-dark); padding-left: 24px; }
.toyz-cat-item .toyz-sub {
    display: none;
    position: absolute;
    left: 100%;
    top: 0;
    min-width: 260px;
    background: #fff;
    box-shadow: 0 6px 20px rgba(0,0,0,.12);
    border-radius: 0 8px 8px 8px;
    padding: 8px 0;
}
.toyz-cat-item:hover .toyz-sub { display: block; }
.toyz-cat-item .toyz-sub a {
    display: block;
    padding: 8px 18px;
    color: #555;
    text-decoration: none;
    font-size: .82rem;
}
.toyz-cat-item .toyz-sub a:hover { background: #fffbe6; color: var(--toyz-blue-dark); }

/* Büyük arama kutusu */
.toyz-mega-search {
    flex: 1;
    display: flex;
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 6px rgba(0,0,0,.08);
}
.toyz-mega-search input {
    flex: 1;
    border: 0;
    padding: 14px 20px;
    font-size: .92rem;
    outline: none;
    color: #1a1a1a;
}
.toyz-mega-search input::placeholder { color: #999; }
.toyz-mega-search button {
    background: var(--toyz-gold-light);
    border: 0;
    color: #1a1a1a;
    padding: 0 24px;
    cursor: pointer;
    font-size: 1.1rem;
    transition: background .2s;
}
.toyz-mega-search button:hover { background: var(--toyz-gold); color: #fff; }

/* Sağ aksiyonlar */
.toyz-mega-actions { display: flex; gap: 10px; align-items: center; }
.toyz-action-btn,
.toyz-cart-btn {
    background: rgba(255,255,255,.15);
    color: #fff;
    border: 0;
    padding: 12px 18px;
    border-radius: 8px;
    text-decoration: none;
    font-weight: 600;
    font-size: .88rem;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: all .2s;
    cursor: pointer;
    white-space: nowrap;
}
.toyz-action-btn:hover, .toyz-cart-btn:hover { background: var(--toyz-gold-light); color: #1a1a1a; }
.toyz-cart-btn { background: var(--toyz-gold-light); color: #1a1a1a; }
.toyz-cart-btn:hover { background: #fff; }
.toyz-cart-btn .cnt {
    background: var(--toyz-red);
    color: #fff;
    width: 22px; height: 22px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: .72rem;
    font-weight: 700;
    margin-right: 4px;
}

/* ============================================
   TOYZ FOOTER BANNER + MAVİ FOOTER tek kart olarak
   ============================================ */
/* Sayfa arka planı beyaz olsun, footer area card görünsün */
body { background: #fff; }

/* Banner: container'lı, alt köşeleri düz (footer'a yapışır) */
.toyz-footer-banner {
    display: block;
    width: 100%;
    background: #fff;
    padding: 40px 16px 0;
    line-height: 0;
}
.toyz-footer-banner picture,
.toyz-footer-banner img {
    display: block;
    margin: 0 auto;
    max-width: 1320px;
    width: 100%;
    height: auto;
    border-radius: 14px 14px 0 0;   /* sadece üst köşeler rounded */
    overflow: hidden;
}

/* Mavi footer: container'lı kart, üst köşeleri düz (banner'a yapışır) */
.toyz-footer-banner + .site-footer,
.toyz-footer-banner ~ .site-footer {
    max-width: 1320px;
    margin: 0 auto 40px !important;
    border-radius: 0 0 14px 14px;
    box-shadow: 0 8px 24px rgba(0,0,0,.08);
    padding: 30px 16px !important;
    overflow: hidden;
}

/* Banner görselli olmasa bile (görsel yüklemediyse) footer kart olarak görünür */
.site-footer {
    max-width: 1320px;
    margin: 40px auto !important;
    border-radius: 14px;
    overflow: hidden;
}

@media (max-width: 767px) {
    .toyz-footer-banner { padding: 20px 8px 0; }
    .toyz-footer-banner img { border-radius: 10px 10px 0 0; }
    .toyz-footer-banner + .site-footer,
    .toyz-footer-banner ~ .site-footer {
        margin: 0 8px 20px !important;
        border-radius: 0 0 10px 10px;
        padding: 24px 12px !important;
    }
    .site-footer { margin: 20px 8px !important; border-radius: 10px; }
}

/* TOYZ FOOTER — renkler ADMIN'den gelir, temada sabit renk yok.
   --color-footer-bg / --color-footer-text değişkenlerini theme_css_vars()
   (includes/frontend.php) theme_footer_bg / theme_footer_text ayarlarından üretir.
   Admin > Tasarım > Alt Bilgi'den değiştirilen renk doğrudan buraya yansır.
   Başlıklar da footer metin rengini kullanır: sabit altın ton, açık renkli bir
   alt bilgi arka planı seçildiğinde okunamaz hale geliyordu. */
.site-footer {
    background: var(--color-footer-bg, #1a1a1a) !important;
    color: var(--color-footer-text, #ffffff) !important;
    border-top: 6px solid var(--color-accent, #ffcc34);
}
.site-footer h5,
.site-footer h6,
.site-footer .footer-heading {
    color: var(--color-footer-text, #ffffff) !important;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .03em;
    font-size: .92rem;
}
.site-footer a { color: var(--color-footer-text, #ffffff) !important; opacity: .82; transition: opacity .2s, color .2s; }
.site-footer a:hover { color: var(--color-footer-text, #ffffff) !important; opacity: 1; }
.site-footer hr { border-color: currentColor; opacity: .15; }
.site-footer .text-muted,
.site-footer small,
.site-footer p { color: var(--color-footer-text, #ffffff) !important; opacity: .75; }

/* Mavi bar mobilde otomatik gizli, mobil arama header'da var */
@media (max-width: 991px) {
    .toyz-mega-bar { display: none; }
}

/* Toyz aktifken normal alt nav bar gizli (mega bar var) */
.site-nav { display: none !important; }

/* Toyz aktifken header sade — logo + sepet kalır, kategoriler mega bar'a taşındı */
.site-header { padding: 10px 0; }

/* ============================================
   OYUNCAKTOYS DÜZELTMESİ (2026-10-24)
   assets/css/style.css:175 footer logoya
   `filter: brightness(0) invert(1)` uyguluyor.
   Oyuncaktoys logosunda "TOYS" harfleri zaten beyaz
   olduğu için filtre sonrası beyaz daire içinde beyaz
   harf kalıyor ve logo okunamaz hale geliyor.
   Bu tema renkli logo kullandığından filtreyi iptal ediyoruz.
   ============================================ */
.footer-logo {
    filter: none;
    max-height: 48px;
}

/* ============================================
   OYUNCAKTOYS — renkler artık burada SABİT DEĞİL.
   Mega bar  : .toyz-mega-bar -> var(--toyz-blue) -> var(--color-primary)
               => Admin > Tasarım > Tema Ayarları > Ana Renk
   Alt bilgi : .site-footer   -> var(--color-footer-bg/text)
               => Admin > Tasarım > Alt Bilgi > Arka Plan / Yazı Rengi
   Buraya renk kodu yazmayın; admin'den gelen değer ezilir.
   ============================================ */

/* ============================================
   BENZER ÜRÜNLER (karusel) ve SIKÇA SORULAN SORULAR
   Bu iki bölümün markup'ı pages/product.php içinde flg-* sınıflarıyla
   yazılmış; o stiller yalnızca falergo temasında tanımlı olduğu için toyz'da
   bölümler stilsiz kalıyordu: ürün kartları 968px'e kadar büyüyor, SSS
   cevapları hep açık duruyordu. Aşağısı aynı sınıfları toyz için tanımlar.
   Renkler admin ayarlarından gelir.
   ============================================ */

/* ----- Benzer Ürünler ----- */
.flg-carousel { position: relative; }
.flg-carousel-track {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
}
.flg-carousel-item { min-width: 0; }
.flg-carousel-item .product-card { height: 100%; }
/* Izgara kullandığımız için ok düğmeleri gerekmiyor */
.flg-car-nav { display: none; }

@media (max-width: 991px) {
    .flg-carousel-track { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
}
@media (max-width: 767px) {
    .flg-carousel-track { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
}

/* ----- Sıkça Sorulan Sorular ----- */
.flg-faq { max-width: 860px; margin-left: auto; margin-right: auto; }
.flg-faq-list { display: flex; flex-direction: column; gap: 10px; }
.flg-faq-item {
    border: 2px solid #f0ece6;
    border-radius: 14px;
    background: #fff;
    overflow: hidden;
    transition: border-color .2s, box-shadow .2s;
}
.flg-faq-item.open {
    border-color: var(--color-primary, #f7a70d);
    box-shadow: 0 6px 18px rgba(0, 0, 0, .07);
}
.flg-faq-q {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 12px;
    text-align: left;
    background: none;
    border: 0;
    padding: 16px 18px;
    font-size: .95rem;
    font-weight: 700;
    color: var(--color-text, #1a1a1a);
    cursor: pointer;
    line-height: 1.45;
}
.flg-faq-no {
    flex: 0 0 auto;
    width: 30px; height: 30px;
    border-radius: 50%;
    background: var(--color-primary, #f7a70d);
    color: #fff;
    display: flex; align-items: center; justify-content: center;
    font-size: .78rem; font-weight: 800;
}
.flg-faq-q i {
    margin-left: auto;
    flex: 0 0 auto;
    font-size: .8rem;
    color: var(--color-primary, #f7a70d);
    transition: transform .25s;
}
.flg-faq-item.open .flg-faq-q i { transform: rotate(180deg); }
/* Cevap varsayılan olarak kapalı; .open ile açılır */
.flg-faq-a {
    max-height: 0;
    overflow: hidden;
    transition: max-height .3s ease, padding .3s ease;
    padding: 0 18px;
}
.flg-faq-item.open .flg-faq-a { max-height: 600px; padding: 0 18px 16px; }
.flg-faq-a p {
    margin: 0;
    font-size: .9rem;
    line-height: 1.75;
    color: var(--color-muted, #666);
    padding-left: 42px;
}
@media (max-width: 575px) {
    .flg-faq-q { font-size: .88rem; padding: 14px; gap: 10px; }
    .flg-faq-a { padding: 0 14px; }
    .flg-faq-item.open .flg-faq-a { padding: 0 14px 14px; }
    .flg-faq-a p { padding-left: 0; font-size: .86rem; }
}

/* ============================================
   ÜST BANNER SAĞ MENÜSÜ + DAHA DAR ARAMA KUTUSU
   ============================================ */

/* Logo overlay gibi banner üzerine konumlanır (banner position:relative). */
.toyz-top-links {
    position: absolute;
    top: 50%;
    right: 5%;
    transform: translateY(-50%);
    z-index: 5;
    display: flex;
    align-items: center;
    gap: 26px;
}
.toyz-top-links a {
    color: var(--color-text, #1a1a1a);
    font-size: .98rem;
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
    transition: color .2s;
}
.toyz-top-links a:hover { color: var(--color-primary, #f7a70d); }

/* Üst banner mobilde zaten gizli; bağlantılar da onunla birlikte gider.
   Mobilde bu sayfalara hamburger menü ve alt bilgiden ulaşılıyor. */
@media (max-width: 991px) {
    .toyz-top-links { display: none; }
}
@media (max-width: 1199px) {
    .toyz-top-links { gap: 18px; right: 3%; }
    .toyz-top-links a { font-size: .9rem; }
}

/* Arama kutusu: önce flex:1 ile tüm boşluğu kaplıyordu, referanstaki gibi
   sınırlı genişlikte ve ortalanmış duruyor. */
.toyz-mega-search {
    flex: 1 1 auto;
    max-width: 620px;
    margin-left: auto;
    margin-right: auto;
}
.toyz-mega-search input { padding: 11px 18px; }

/* Alt bilgi iletişim listesi: assets/css/style.css:186-188 bu satırlara sabit
   rgba(255,255,255,.7) veriyor. Koyu alt bilgi için yazılmış; açık renkli bir
   arka plan seçildiğinde (ör. #fbf1f1) kontrast 1.11:1'e düşüp adres
   görünmez oluyordu. Admin'den gelen yazı rengine bağlandı. */
.site-footer .footer-contact li,
.site-footer .footer-contact a {
    color: var(--color-footer-text, #ffffff) !important;
    opacity: .82;
}
.site-footer .footer-contact a:hover {
    color: var(--color-footer-text, #ffffff) !important;
    opacity: 1;
}

/* Okunurluk (WCAG AA): turuncu zeminde beyaz yazı 2:1, açık turuncu fiyat 2.8:1 kalıyordu. */
.btn-primary, .btn-primary:hover, .btn-primary:focus, .btn-primary:active { color: #241a05 !important; }
.product-card-price { color: #8f5f00; }
.product-card-price .old-price { color: #6f6f6f; }
.footer-bottom { opacity: 1; }
.footer-bottom p { color: #6d6868; }
.toyz-cats-btn { color: #8f5f00; }
.toyz-action-btn, .toyz-cart-btn { color: #241a05; }
.breadcrumb a { color: #8f5f00; }
:root { --color-muted: #6f6f6f; }
.text-success { color: #157347 !important; }
.product-info .product-price { color: #8f5f00; }
.product-info .product-price .old { color: #6f6f6f; }
.social-proof-count { color: #c0392b !important; }
.flg-faq-no { color: #241a05 !important; }