/* =====================================================================
   MERKEZÎ VURGU KELİME — gradyan yazı + "çizilen" alt çizgi.
   İlk kullanım: anasayfa hero slider'ı (Anasayfa.php .bhv2-title em → artık
   .acc-word). Bu efekt home.css + bayi.css'te birbirinden kopyalanmış iki
   ayrı (ve drift etmiş) kopya halindeydi; tek kaynağa taşındı. Beğenilirse
   diğer slider'lar ve section title vurguları (ör. .home-about h2 .mint/
   .coral) da buraya taşınacak — bu yüzden renkler CSS custom property ile
   parametrik.

   RENK: panelin dinamik BİRİNCİL rengine (d?s=theme → --c-mint, gerçek adı
   "primary") bağlı — primary artık gradyanın ORTA/merkez tonu. Gradyan
   3 duraklı ve KOYUDAN AÇIĞA akar: koyu uç --c-mint-deep (0%, primary-12L
   türevi) → primary --c-mint (50%, orta) → açık uç --c-mint-light (100%,
   demo-wsell.min.php'de orijinal statik #C2410C→#E0982E çiftinden ölçülen
   TAM HSL tarifiyle türetilir: dH +18.26° / dS -14.18 / dL +12.55). Primary
   ne kadar açık/koyu seçilirse seçilsin HER İKİ ucu da garanti eder (deep
   her zaman primary'den koyudur) — primary'yi sabit "en koyu" kabul eden
   önceki tek-taraflı tarifin aksine, çok açık bir primary seçilse bile
   gradyan hep yeterli aralığa sahip olur.

   KULLANIM: vurgulanacak kelimeyi `<em class="acc-word">...</em>` (veya
   herhangi bir inline etiket) ile sar. Alt çizgi, elemanın bulunduğu bir üst
   öğe `.is-active` olduğunda (slider slaytı aktifleşince) soldan sağa
   çizilir — mevcut slider JS'indeki `.is-active` toggle'ına biner, ayrı bir
   JS gerekmez. Farklı bir aksan rengi gerekirse `--acc-word-c1/-c2/-c3/-bar`
   inline style veya context selector ile ezilir (ör. ileride indigo bir
   section title için --acc-word-c2: var(--c-indigo)).
   ===================================================================== */
.acc-word {
  font-style: normal; position: relative; white-space: nowrap;
  background: linear-gradient(120deg, var(--acc-word-c1, var(--c-mint-deep, #882e08)), var(--acc-word-c2, var(--c-mint, #C2410C)) 50%, var(--acc-word-c3, var(--c-mint-light, #E0982E)));
  -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent;
}
.acc-word::after {
  content: ''; position: absolute; left: 0; right: 0; bottom: 4px; height: 6px; border-radius: 3px; z-index: -1;
  background: var(--acc-word-bar, var(--c-mint, #F0A93B));
  transform: scaleX(0); transform-origin: left center; opacity: 0;
}
.is-active .acc-word::after {
  animation: accWordDraw .7s cubic-bezier(.6,.2,.2,1) .35s forwards;
}
@keyframes accWordDraw { from { transform: scaleX(0); opacity: 0; } 20% { opacity: 1; } to { transform: scaleX(1); opacity: 1; } }