/*
 * Ana menü ve açılır menüler — sade görünüm (en üstteki ince çubuk .h2-topbar bu dosyada YOK, olduğu gibi kalır).
 * Renk geçişi, parlama, hap etiket ve çok yuvarlak köşeler kaldırıldı; seviye renkleri ürün kartlarıyla aynı
 * (cards-2026.css): DV turkuaz, OV mavi, EV mor. Önceki katmanları ezmek için :not(#_):not(#__):not(#___).
 */

/* Üst menü bağlantıları */
:is(.h2-menu > a, .h2-menu > .h2-drop > a):not(#_):not(#__):not(#___) { border-radius: 6px; }
:is(.h2-menu > a, .h2-menu > .h2-drop > a):not(#_):not(#__):not(#___)::after {
  background: #037278 !important; height: 2px !important; border-radius: 0 !important; bottom: 2px !important;
}

/* Açılır kartlar */
:is(.h2-mega-card):not(#_):not(#__):not(#___) {
  border: 1px solid #EAECF0 !important;
  border-radius: 10px !important;
  box-shadow: 0 18px 40px -18px rgba(16, 24, 40, .28), 0 1px 2px rgba(16, 24, 40, .05) !important;
}
:is(.h2-drop-menu):not(#_):not(#__):not(#___) {
  border: 1px solid #EAECF0 !important;
  border-radius: 10px !important;
  box-shadow: 0 18px 40px -18px rgba(16, 24, 40, .28), 0 1px 2px rgba(16, 24, 40, .05) !important;
}
:is(.h2-mega-col .h2-mega-h, .h2-bm-h, .h2-dm-head):not(#_):not(#__):not(#___) {
  color: #475467 !important; font-size: .72rem !important; letter-spacing: .06em !important;
}
:is(.h2-mega-col .h2-mega-h, .h2-bm-h):not(#_):not(#__):not(#___)::after { background: #EAECF0 !important; }

/* SSL menüsü satırları: simge kutusu seviye renginde, başlangıç fiyatı düz yazı */
:is(.mm-item):not(#_):not(#__):not(#___) { border-radius: 8px !important; }
:is(.mm-ic):not(#_):not(#__):not(#___) { border-radius: 8px !important; transform: none !important; }
:is(.mm-k-dv .mm-ic):not(#_):not(#__):not(#___)       { background: #DCF2F0 !important; color: #037278 !important; }
:is(.mm-k-ov .mm-ic):not(#_):not(#__):not(#___)       { background: #E3ECFF !important; color: #1D4ED8 !important; }
:is(.mm-k-ev .mm-ic):not(#_):not(#__):not(#___)       { background: #EDE4FF !important; color: #6D28D9 !important; }
:is(.mm-k-wildcard .mm-ic):not(#_):not(#__):not(#___) { background: #FFEFD6 !important; color: #B54708 !important; }
:is(.mm-k-multi .mm-ic):not(#_):not(#__):not(#___)    { background: #E0F2FE !important; color: #0369A1 !important; }
:is(.mm-k-single .mm-ic):not(#_):not(#__):not(#___)   { background: #DCF2F0 !important; color: #037278 !important; }
:is(.mm-k-ucc .mm-ic):not(#_):not(#__):not(#___)      { background: #FCE7F2 !important; color: #C11574 !important; }
:is(.mm-from, .mm-item:hover .mm-from):not(#_):not(#__):not(#___) {
  background: none !important; padding: 0 !important; border-radius: 0 !important;
  font-size: .78rem !important; font-weight: 600 !important; color: #475467 !important;
}
:is(.mm-k-dv .mm-from, .mm-k-single .mm-from):not(#_):not(#__):not(#___) { color: #037278 !important; }
:is(.mm-k-ov .mm-from):not(#_):not(#__):not(#___) { color: #1D4ED8 !important; }
:is(.mm-k-ev .mm-from):not(#_):not(#__):not(#___) { color: #6D28D9 !important; }
:is(.mm-k-wildcard .mm-from):not(#_):not(#__):not(#___) { color: #B54708 !important; }
:is(.mm-k-multi .mm-from):not(#_):not(#__):not(#___) { color: #0369A1 !important; }
:is(.mm-k-ucc .mm-from):not(#_):not(#__):not(#___) { color: #C11574 !important; }

/* Popüler sertifikalar paneli */
:is(.mm-pop):not(#_):not(#__):not(#___) { background: #F9FAFB !important; border: 1px solid #EAECF0 !important; border-radius: 8px !important; }
:is(.mm-thumb):not(#_):not(#__):not(#___) { border-radius: 6px !important; }

/* Alt şerit: çerçeveli hap butonlar yerine düz bağlantılar */
:is(.h2-mega-foot):not(#_):not(#__):not(#___) { background: #F9FAFB !important; border-top: 1px solid #EAECF0 !important; gap: 4px 18px !important; }
:is(.h2-mega-foot a):not(#_):not(#__):not(#___) {
  background: none !important; border: 0 !important; padding: 6px 0 !important; border-radius: 0 !important;
  color: #344054 !important; transform: none !important;
}
:is(.h2-mega-foot a:hover):not(#_):not(#__):not(#___) { color: #037278 !important; text-decoration: underline; text-underline-offset: 3px; }
:is(.h2-mega-foot .all):not(#_):not(#__):not(#___) { color: #037278 !important; font-weight: 700 !important; }

/* Markalar menüsü */
:is(.h2-bm-card):not(#_):not(#__):not(#___) { border-radius: 8px !important; border-color: #EAECF0 !important; transform: none !important; }
:is(.h2-bm-card:hover):not(#_):not(#__):not(#___) { border-color: #037278 !important; box-shadow: 0 10px 22px -16px rgba(3, 114, 120, .55) !important; }
:is(.h2-bm-go):not(#_):not(#__):not(#___) { color: #98A2B3 !important; }

/* Tanıtım kutusu: düz koyu zemin, parlama yok */
:is(.h2-mega-promo):not(#_):not(#__):not(#___) { background: #101828 !important; border-radius: 8px !important; }
:is(.h2-mega-promo):not(#_):not(#__):not(#___)::before { display: none !important; }
:is(.h2-mega-promo .pm-ic):not(#_):not(#__):not(#___) { background: rgba(255, 255, 255, .08) !important; border-color: rgba(255, 255, 255, .14) !important; }
:is(.h2-mega-promo a):not(#_):not(#__):not(#___) { border-radius: 6px !important; color: #101828 !important; transform: none !important; }
:is(.h2-bm-banner):not(#_):not(#__):not(#___) { border-radius: 8px !important; }

/* Küçük açılır menüler (Kod İmzalama, Araçlar) */
:is(.h2-di):not(#_):not(#__):not(#___) { border-radius: 8px !important; }
:is(.h2-di-ic):not(#_):not(#__):not(#___) { background: #F2F4F7 !important; border: 0 !important; color: #344054 !important; }
:is(.h2-di:hover .h2-di-ic):not(#_):not(#__):not(#___) { background: #DCF2F0 !important; color: #037278 !important; }

@media (prefers-reduced-motion: reduce) {
  :is(.h2-mega, .h2-drop-menu):not(#_):not(#__):not(#___) { transition: none !important; }
}

/* ---------- Yapışkan üst menü ----------
 * style.css'teki body { overflow-x: hidden } body'yi kaydırma kutusuna çeviriyor ve position: sticky
 * çalışmıyordu (sayfa kayınca menü kayboluyordu). clip yatay taşmayı aynı şekilde keser ama kaydırma kutusu oluşturmaz. */
@supports (overflow: clip) {
  html body { overflow-x: clip !important; }
}

/* ---------- Logo ---------- */
:is(.h2-logo-ic):not(#_):not(#__):not(#___) { background: #037278 !important; box-shadow: none !important; border-radius: 10px !important; }
:is(.h2-logo-ic):not(#_):not(#__):not(#___)::after { display: none !important; }

/* ---------- Mobil menü ---------- */
/* Yalnızca WhatsApp satırında simge vardı: ana satırlar simgesiz ve hizalı */
:is(.h2-mobile > a.top > i):not(#_):not(#__):not(#___) { display: none !important; }
:is(.h2-mobile .h2-mob-cta):not(#_):not(#__):not(#___) { background: #037278 !important; box-shadow: none !important; border-radius: 8px !important; }
/* Dil ve para birimi seçimleri telefona sığsın: taşmak yerine alt satıra geçer */
:is(.h2-mobile .h2-mob-cur):not(#_):not(#__):not(#___) { flex-wrap: wrap !important; gap: 8px !important; }
/* Para birimleri: hepsi tek satır ve eşit genişlik (satırda 4 tane) */
:is(.h2-mobile .h2-mob-cur > a):not(#_):not(#__):not(#___) { white-space: nowrap !important; text-align: center; }
:is(.h2-mobile .h2-mob-cur:has(a[href*="set_currency"]) > a):not(#_):not(#__):not(#___) { flex: 0 0 calc(25% - 6px) !important; min-width: 0; padding-inline: 4px !important; }
/* Menü yüksekliği: en üstteki ince çubuk + üst menü kadar düşülür, son buton da kaydırılarak görünür */
@media (max-width: 1040px) {
  :is(.h2-mobile.open):not(#_):not(#__):not(#___) { max-height: calc(100vh - 116px) !important; max-height: calc(100dvh - 116px) !important; padding-bottom: 28px !important; }
}
/* Menü açıkken sağ alttaki WhatsApp düğmesi alttaki butonların üstüne binmesin */
body:has(.h2-mobile.open) .wa-fab { display: none !important; }

/* ---------- Telefon: WhatsApp düğmesi alt satın alma şeridinin üstünde ---------- */
@media (max-width: 960px) {
  body:has(#pdxMbar) .wa-fab { bottom: calc(84px + env(safe-area-inset-bottom)) !important; }
}

/* ---------- Sayfa yolu: tek satır, son öğe "…" ile kısalır ---------- */
@media (max-width: 760px) {
  :is(.breadcrumb-modern):not(#_):not(#__):not(#___) { display: flex !important; flex-wrap: nowrap !important; overflow: hidden !important; white-space: nowrap; }
  :is(.breadcrumb-modern > li):not(#_):not(#__):not(#___) { flex: none; white-space: nowrap; }
  :is(.breadcrumb-modern > li:last-child):not(#_):not(#__):not(#___) { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; }
}

/* ---------- Dil / para birimi açılır paneli (en üstteki çubuğun kendisi değişmez) ----------
 * Para birimleri: kod kalın, simge küçük ve soluk; tek satır, 4 sütun, eşit genişlik; seçili olan açık turkuaz. */
:is(.h2-topbar .h2-loc-panel):not(#_):not(#__):not(#___) { width: 272px !important; border-radius: 10px !important; }
:is(.h2-topbar .h2-loc-cur):not(#_):not(#__):not(#___) { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 6px !important; }
:is(.h2-topbar .h2-loc-cur a):not(#_):not(#__):not(#___) {
  display: flex !important; align-items: center; justify-content: center; gap: 4px; min-height: 38px; padding: 6px 2px !important;
  border-radius: 6px !important; white-space: nowrap; font-size: .8rem !important;
}
:is(.h2-topbar .h2-loc-cur a .cs):not(#_):not(#__):not(#___) { font-weight: 500; color: #98A2B3; font-size: .75rem; }
:is(.h2-topbar .h2-loc-cur a.on):not(#_):not(#__):not(#___) { background: #DCF2F0 !important; border-color: #A9DDD8 !important; color: #035B60 !important; }
:is(.h2-topbar .h2-loc-cur a.on .cs):not(#_):not(#__):not(#___) { color: #037278; }
:is(.h2-topbar .h2-loc-list a, .h2-topbar .h2-loc-list .cd):not(#_):not(#__):not(#___) { border-radius: 6px !important; }
/* Mobil menüdeki para birimleri de aynı biçimde: kod kalın, simge küçük ve soluk */
:is(.h2-mobile .h2-mob-cur > a .cs):not(#_):not(#__):not(#___) { font-weight: 500; color: #98A2B3; font-size: .82em; }
:is(.h2-mobile .h2-mob-cur > a.on .cs):not(#_):not(#__):not(#___) { color: #037278; }