/* =====================================================================
   BuyFansHQ — Erisilebilirlik & kontrast duzeltmeleri (WCAG 2.1 AA)
   Lighthouse "Arka plan ve on plan renkleri yeterli kontrast oranina
   sahip degil" bulgusuna karsilik gelen minimum-mudahale katmani.
   ===================================================================== */
.announcement, .announcement p, .announcement b, .announcement .mobile-hide, .announcement .mobile-none {
  color: #ffffff !important;   /* koyu lacivert denenmisti: 4,12:1, yine yetersiz */
}
.announcement b { font-weight: 700 !important; }

.dropdown-selected span, .dropdown-selected small { color: #1b3c74 !important; }

/* Platform kartlari.
   Kontrast denetimi bu kartlarda beyaz metin icin 2,25:1 (Kick yesili) ile
   4,00:1 (YouTube kirmizisi) arasi degerler veriyor. Metin rengini zemine gore
   otomatik secen bir surum denendi; kartlarin bir kismindaki yazi siyaha
   dondugu ve marka gorunumunu degistirdigi icin GERI ALINDI.
   Tasarim korunuyor: metin beyaz kaliyor, yalnizca opaklik tam yapilip
   okunabilirligi artiran hafif bir golge ekleniyor. */
.item .title, .item .subtitle { color: #ffffff !important; opacity: 1 !important; }
.item .title, .item .subtitle { text-shadow: 0 1px 2px rgba(0,0,0,.38); }

/* Duyuru cubugu: --mainbg (#5177fc) uzerinde beyaz metin 3,89:1 idi.
   Zemin ayni tonun bir tik koyusuna cekilerek beyaz metin 4,67:1'e cikarilir;
   marka rengi korunur. */
.announcement { background: #4569ea !important; }

/* "Fast" rozeti */
span.fast { color: #0b3d2e !important; background: #d6f5e6 !important; }

/* Yorum karti alt metni */
.bottomtext { color: #4a5568 !important; }

/* Footer iletisim blogu */
.footer--top_inner .text--top, .footer--top_inner .text--bottom { color: #1b3c74 !important; }
.dark .footer--top_inner .text--top, .dark .footer--top_inner .text--bottom { color: #e8edf5 !important; }

/* Sahte bildirim balonu */
.custom-notification, .custom-notification-content, .custom-notification small { color: #2d3748 !important; }
.custom-notification strong { color: #0b6b3a !important; }

/* Giris baglantisi */
a.log { color: #14213d !important; }
.dark a.log { color: #ffffff !important; }

/* Klavye odagi gorunurlugu (Lighthouse/WCAG 2.4.7) */
a:focus-visible, button:focus-visible, input:focus-visible,
select:focus-visible, textarea:focus-visible, [tabindex]:focus-visible {
  outline: 3px solid #5177fc !important;
  outline-offset: 2px !important;
  border-radius: 4px;
}

/* Icerige atla baglantisi */
.bfhq-skip-link {
  position: absolute; left: -9999px; top: 0; z-index: 10000;
  background: #14213d; color: #fff; padding: 12px 18px;
  border-radius: 0 0 6px 0; font-weight: 600; text-decoration: none;
}
.bfhq-skip-link:focus { left: 0; }

/* Yer tutucu gorsellerde en-boy orani korumasi (CLS) */
img[width][height] { height: auto; }
.norlogo, .darklogo { object-fit: contain; }

/* Logo yuvalarinda en-boy orani korumasi (Lighthouse "yanlis en boy orani") */
.sideon, .sideoff, .norlogo, .darklogo { width: auto !important; max-width: 100%; object-fit: contain; }
.sideon { aspect-ratio: 1 / 1; }
.sideoff { aspect-ratio: 6 / 1; }

/* =====================================================================
   Belge basligi hiyerarsisi
   Ust menudeki modal / bildirim / sepet paneli basliklari sayfanin H1'inden
   ONCE geldigi icin belge anahatti "H2 > H3 > H1" seklinde bozuk cikiyordu.
   Bu ogeler sayfa icerigi degil arayuz parcasi; basliktan cikarilip ayni
   gorunumu veren paragrafa cevrildi. Asagidaki kurallar onceki
   h2 / h3 / h6 gorunumunu birebir korur.
   ===================================================================== */

/* Siparis takip modali — onceki: #orderModal ... .modal-body h2 */
#orderModal .modal-dialog .modal-content .modal-body .order-modal-title {
  margin-bottom: 10px;
  font-size: 20px;
  color: var(--main_text);
  font-weight: 600;
  line-height: 22px;
}

/* Bildirim listesi — onceki: .dropdown .menu .body ul li .text h6 */
.dropdown .menu .body ul li .text .notif-title,
.notif-title {
  font-size: 15px;
  font-weight: 600;
  line-height: 17px;
  color: var(--main_text);
  margin: 0;
}

/* Sepet paneli basligi — onceki: .shop-cart-header h3 */
.shop-cart-header .shop-cart-title {
  font-size: 1rem;
  font-weight: 600;
  color: var(--main_text);
  margin: 0;
}

/* =====================================================================
   Urun ve kategori sayfalarina eklenen SSS bolumu
   Temanin akordiyon stilleri yalnizca ".home--content .home--content--inner"
   altina kapsanmis. SSS blogu ana sayfa disinda da kullanildigi icin
   bicimsiz kaliyordu (baslik ve sorular duz metin gorunuyordu).
   Asagidaki kurallar ayni bildirimleri #accordion kapsaminda tekrarlar;
   ana sayfadaki gorunum degismez.
   ===================================================================== */
#accordion .section--wrapper .title { margin-bottom:40px }
#accordion .section--wrapper .title .left { font-size:20px;line-height:22px;color:var(--main_text);font-weight:600 }
#accordion .section--wrapper .accordion-wrapper .accordion .accordion-title p { margin-right:30px }
#accordion .section--wrapper .accordion-wrapper .accordion { margin-bottom:30px }
#accordion .section--wrapper .accordion-wrapper .accordion .accordion-title { display:flex;align-items:center;justify-content:space-between;padding:22px 25px;border-radius:2px;cursor:pointer;font-size:16px;line-height:21px;color:var(--subtext);background:var(--whitebg);font-weight:500 }
#accordion .section--wrapper .accordion-wrapper .accordion .accordion-title.active { border-radius:2px 2px 0 0;border-bottom:0 }
#accordion .section--wrapper .accordion-wrapper .accordion .accordion-title i { font-size:24px }
#accordion .section--wrapper .accordion-wrapper .accordion .accordion-title .ri-subtract-line { display:none }
#accordion .section--wrapper .accordion-wrapper .accordion .panel { display:none;padding:0 25px 25px;border:1px solid var(--line);border-top:0;background:var(--whitebg);border-radius:0 0 2px 2px }
#accordion .section--wrapper .accordion-wrapper .accordion .panel p { font-size:15px;color:var(--subtext);font-weight:400;line-height:25px;padding-top:21px;border-top:1px solid var(--line);transition:.3s ease-in-out;white-space:pre-wrap;font-family:Biennale,sans-serif }
@media (max-width:769px) {
  #accordion .section--wrapper .title { margin-bottom:30px !important }
}