/* Ust menu "Hizmetler" GENIS MEGA MENU — parcalar/mega-menu*.blade.php, davranis public/js/dk-mega-menu.js.
   Sahibin karari (26 Eyl 2026): prototipten BILINCLI sapma; KAPALI hal ve basligin geri kalani prototipe piksel sadik
   (tetik dugmesi dk.css + dk-ortak.css ile aynen). Dil prototipin mega karti: beyaz kart, #E7EBF3 kenar, 20px yaricap,
   0 30px 80px -20px golge; ogeler eski mega ogesinin siniflari (d6acef3c / d295a6e0 / d7cb0e0e), grup simgeleri 40x40
   renkli karolar, CTA karti d263711e. Metin kontrasti AA: #0B1A3A, #5B6478 (6,2:1), fiyat #1E56D9, rozet lacivert/kehribar.
   Kirilma: > 1024 dort grup + sagda CTA sutunu (1025-1279'da CTA daralir; panel yuksekligi artmasin diye alta inmez);
   <= 1024 ust menu gizli (JS) ve ayni gruplar cekmecede AKORDIYON. Kisa ekranda kart kendi icinde kayar (--dkm-azami).
   JS yoksa panel :hover / :focus-within ile acilir (asagida, [data-dkm-hazir] yokken). */

.dkm-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* ---- Masaustu panel ---------------------------------------------------------------------------------------------
   Sarmalayici konumlanmaz: panel yapiskan basliga (.dc4f0267 — sticky, kapsayan blok) gore, kap (.d7935946: en cok
   1200 - 2x24) genisliginde durur. */
.dc4f0267 .dkm-sarmal{position:static}
.dkm-panel{position:absolute;top:100%;left:max(16px,calc(50% - 630px));right:max(16px,calc(50% - 630px));z-index:60;
  padding-top:10px;font-family:'DM Sans',system-ui,sans-serif;font-size:14px;line-height:1.45;color:#0B1A3A;text-align:left}
@media (min-width:1440px){
  .dkm-panel{left:max(24px,calc(50% - 670px));right:max(24px,calc(50% - 670px))}
}
.dkm-panel[hidden]{display:none}
/* Kopru: dugmenin alt kenarindan panel kutusuna (JS acilista olcer). Seffaf; yalniz panel acikken var. Kutunun
   padding-top'u ile birlikte imlec dugmeden karta inerken sarmalayicidan hic ayrilmaz (olu bolge yok). */
.dkm-panel::before{content:"";position:absolute;left:0;right:0;bottom:100%;height:var(--dkm-kopru,18px)}
.dkm-kart{box-sizing:border-box;max-height:var(--dkm-azami,calc(100vh - 120px));overflow-y:auto;overscroll-behavior:contain;
  padding:20px 20px 12px;background:#fff;border:1px solid #E7EBF3;border-radius:20px;box-shadow:0 30px 80px -20px rgba(11,26,58,.25)}
.dkm-sutunlar{display:flex;gap:16px;align-items:stretch}
.dkm-kolon{flex:1 1 0;min-width:0;display:flex;flex-direction:column}

/* Grup basligi (masaustu kolon + cekmece summary ortak) */
.dkm-grup{display:flex;align-items:center;gap:12px;margin:0 0 6px;padding:0 4px 10px;border-bottom:1px solid #EEF1F7}
.dkm-grup-metin{display:flex;flex-direction:column;min-width:0}
/* Sutun basliklari ayni yukseklikte (alt satir 1 ya da 2 satir): ogeler sutunlar arasinda ayni hizadan baslar. */
.dkm-kolon .dkm-grup-metin{min-height:55px}
.dkm-grup-baslik{font-family:'Plus Jakarta Sans',sans-serif;font-weight:700;font-size:15px;line-height:1.3;color:#0B1A3A}
.dkm-grup-aciklama{font-size:12.5px;line-height:1.4;color:#5B6478;font-weight:400}

/* Ogeler: d6acef3c (flex, 12px dolgu, hover #F3F6FC) + metin sutunu */
.dkm-liste{display:flex;flex-direction:column;gap:0}
.dkm-oge.d6acef3c{padding:8px 10px;gap:0}
.dkm-oge-metin{display:flex;flex-direction:column;gap:1px;min-width:0}
.dkm-oge-baslik{display:flex;align-items:center;flex-wrap:wrap;gap:2px 8px}
.dkm-oge .d295a6e0{line-height:1.35}
.dkm-aciklama{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;line-height:1.35;font-size:12px;color:#5B6478}
.dkm-fiyat{margin-top:2px;font-size:12.5px;font-weight:700;line-height:1.35;color:#1E56D9}
.dkm-rozet{display:inline-flex;align-items:center;padding:1px 7px;border-radius:999px;background:#F59E0B;color:#0B1A3A;
  font-size:11px;font-weight:800;line-height:1.4;white-space:nowrap}

/* CTA sutunu: prototipin "ücretsiz analiz" karti (d263711e, gorsel + degrade) + WhatsApp acil mudahale */
.dkm-cta{flex:0 0 clamp(200px,18vw,236px);display:flex;flex-direction:column;gap:10px;min-width:0}
.dkm-cta .d263711e{flex:1 1 auto;min-height:160px;padding:18px 18px 20px}
.dkm-cta .dda6a35a{font-size:16px;line-height:1.3;letter-spacing:-0.01em}
.dkm-whatsapp{display:flex;align-items:center;gap:12px;padding:11px 14px;border:1px solid #CDEBD8;border-radius:14px;background:#F2FBF5;
  color:#0B1A3A;text-decoration:none}
.dkm-whatsapp:hover{border-color:#16A34A;background:#E8F8EE;color:#0B1A3A}
.dkm-whatsapp-ikon{flex:none;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;
  background:#16A34A;color:#fff}
.dkm-whatsapp-metin{display:flex;flex-direction:column;min-width:0;line-height:1.3}
.dkm-whatsapp-metin b{font-size:14px}
.dkm-whatsapp-metin span{font-size:12.5px;font-weight:600;color:#15803D}

/* Alt serit: KDV notu + tum fiyatlar */
.dkm-alt{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px 16px;margin-top:10px;padding:10px 4px 0;
  border-top:1px solid #EEF1F7;font-size:12.5px;color:#5B6478}
.dkm-tum{display:inline-flex;align-items:center;gap:6px;font-weight:700;color:#1E56D9}
.dkm-tum:hover{color:#0B1A3A}

/* Hizmet sayfalari (27 Eyl 2026, site alt sayfalara bolundu): masaustunde SUTUN BASLIGI grubun hizmet sayfasina baglanir
   (panel yuksekligi artmaz); IKINCIL siparis baglantisi alt seritte (sade alti cizili). Cekmecede her grubun altinda sayfa +
   siparis satiri (.dkm-kolon-alt). */
.dkm-grup-baglanti{display:flex;align-items:center;gap:12px;min-width:0;border-radius:10px;color:inherit}
.dkm-grup-baglanti:hover .dkm-grup-baslik{color:#1E56D9;text-decoration:underline;text-underline-offset:3px}
.dkm-alt-baglantilar{display:inline-flex;flex-wrap:wrap;align-items:center;gap:6px 18px}
.dkm-kolon-alt{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;padding:10px 10px 2px;border-top:1px solid #EEF1F7}
.dkm-sayfa{display:inline-flex;align-items:center;gap:5px;font-size:13px;font-weight:700;color:#1E56D9}
.dkm-sayfa:hover{color:#0B1A3A}
.dkm-siparis{font-size:12.5px;font-weight:600;color:#5B6478;text-decoration:underline;text-decoration-color:#C9D2E3;text-underline-offset:3px}
.dkm-siparis:hover{color:#0B1A3A;text-decoration-color:currentColor}
.dkm-akordiyon .dkm-kolon-alt{margin:0 6px 8px;padding:8px 10px 4px}
.dkm-akordiyon .dkm-cekmece-siparis{justify-self:start;display:inline-flex;align-items:center;min-height:44px;padding:0 12px;font-size:13.5px}

/* Ust menunun duz baglantilari: gecerli alt sayfa (aria-current="page") prototipin uzerine gelme haliyle isaretlenir. */
.dc4f0267 .dd2bb9c0[aria-current="page"]{background:#F3F6FC;color:#0B1A3A}
.dk-cekmece-baglantilar a[aria-current="page"]{background:#F3F6FC;color:#1E56D9}
/* Menu artik 7 oge (Hizmetler + SiteAlarm + Hosting, Fiyatlandirma, Nasil Calisir, Blog, SSS):
   Yatay tasma ve SSS'in kesilmesini onlemek icin desktop kurallari */
@media (min-width: 1025px) {
  .dc4f0267 .d7935946 { max-width: 1360px !important; gap: 10px !important; padding: 0 16px !important; }
  .dc4f0267 .d8b3caf1 { gap: 2px !important; flex: 1 1 auto !important; min-width: 0 !important; }
  .dc4f0267 .d8b3caf1 > .dd2bb9c0,
  .dc4f0267 .d8b3caf1 .d9f38d4c { padding: 6px 9px !important; font-size: 13.5px !important; flex-shrink: 0 !important; white-space: nowrap !important; }
  .dc4f0267 .d9eae3f9 { gap: 8px !important; flex-shrink: 0 !important; }
  .dkhm-metin .dkhm-ad { max-width: 85px !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; }
}

/* Klavye odagi: marka mavisi halka (fareyle tiklamada gorunmez) */
.dkm-panel a:focus-visible,.dkm-akordiyon a:focus-visible,.dkm-akordiyon-baslik:focus-visible{outline:2px solid #2F6BFF;outline-offset:2px}
.dkm-cta .d263711e:focus-visible{outline-offset:3px}

/* Panel acikken ana sayfanin yuzen "WhatsApp Destek" dugmesi (dd365966, sabit, z-index 90) panelin sag altini ortmesin:
   panelin kendi WhatsApp baglantisi var. html.dkm-acik'i dk-mega-menu.js koyar. */
.dkm-acik .dd365966{opacity:0;visibility:hidden}

/* Acik tetik: ok doner (kapali hal DEGISMEZ). Hareket yalniz tercih edilmediginde. */
.dk-mega-tetik[aria-expanded="true"] svg{transform:rotate(180deg)}
@keyframes dkm-gir{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:no-preference){
  .dkm-panel:not([hidden]) .dkm-kart{animation:dkm-gir .18s ease-out both}
  .dk-mega-tetik svg,.dkm-akordiyon-ok{transition:transform .15s ease}
}

/* 1025-1279: CTA sutunu daralir (clamp), karti biraz kisalir; sutunlar tek satirda kalir (panel yuksekligi artmasin). */
@media (max-width:1279.98px){
  .dkm-cta .d263711e{padding:18px}
  .dkm-cta .d263711e .dda6a35a{font-size:16px}
}

/* ---- JS YOKSA (ya da dk-mega-menu.js yuklenemediyse): uzerine gelince / odak icerdeyken acik ----------------------- */
.dkm-sarmal:not([data-dkm-hazir]):hover > .dkm-panel,
.dkm-sarmal:not([data-dkm-hazir]):focus-within > .dkm-panel{display:block}
/* Yalniz JS'siz dar ekranda (JS varken <= 1024 ust menu gizli, menu cekmecede): sutunlar sarilir, CTA alta iner. */
@media (max-width:1024px){
  .dkm-sutunlar{flex-wrap:wrap}
  .dkm-kolon{flex:1 1 calc(50% - 8px)}
  .dkm-cta{flex:1 1 100%}
  .dkm-cta .d263711e{min-height:0}
}
@media (max-width:640px){
  .dkm-panel{left:16px;right:16px}
  .dkm-kolon{flex-basis:100%}
}

/* ---- Cekmece (<= 1024 px): ayni gruplar akordiyon ------------------------------------------------------------------ */
.dkm-akordiyon{display:grid;gap:6px}
.dkm-akordiyon-grup{border:1px solid #E7EBF3;border-radius:14px;background:#fff}
.dkm-akordiyon-grup[open]{border-color:#DDE3EE;box-shadow:0 10px 30px -18px rgba(11,26,58,.18)}
.dkm-akordiyon-baslik{display:flex;align-items:center;gap:12px;min-height:56px;padding:8px 12px;border-radius:13px;cursor:pointer;
  list-style:none;color:#0B1A3A}
.dkm-akordiyon-baslik::-webkit-details-marker{display:none}
.dkm-akordiyon-baslik:hover{background:#F6F8FC}
.dkm-akordiyon-baslik .dkm-grup-metin{flex:1 1 auto}
.dkm-akordiyon-ok{flex:none;color:#5B6478}
.dkm-akordiyon-grup[open] .dkm-akordiyon-ok{transform:rotate(180deg)}
.dkm-akordiyon .dkm-liste{padding:2px 6px 8px}
.dkm-akordiyon .dkm-whatsapp{margin-top:4px}

@media (prefers-reduced-motion:reduce){
  .dkm-panel .dkm-kart{animation:none}
  .dk-mega-tetik svg,.dkm-akordiyon-ok{transition:none}
}

/* SiteAlarm Header Rozet Buton */
.dk-nav-sitealarm-btn {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 4px 9px;
  border-radius: 9999px;
  background: #EFF6FF;
  border: 1px solid #BFDBFE;
  color: #1D4ED8 !important;
  font-weight: 700;
  font-size: 12.5px;
  line-height: 1;
  text-decoration: none !important;
  box-shadow: 0 1px 2px rgba(37,99,235,0.06);
  transition: all 0.15s ease;
  margin: 0 2px;
  white-space: nowrap;
  flex-shrink: 0;
}
.dk-nav-sitealarm-btn:hover {
  background: #DBEAFE;
  border-color: #93C5FD;
  color: #1E40AF !important;
  transform: translateY(-1px);
}
.dk-nav-sitealarm-btn.aktif,
.dk-nav-sitealarm-btn[aria-current="page"] {
  background: #1E40AF !important;
  border-color: #1E3A8A !important;
  color: #FFFFFF !important;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12) !important;
}
.dk-nav-sitealarm-btn.aktif .dksa-icon,
.dk-nav-sitealarm-btn[aria-current="page"] .dksa-icon { stroke: #FFFFFF; }
.dk-nav-sitealarm-btn.aktif .dksa-pill,
.dk-nav-sitealarm-btn[aria-current="page"] .dksa-pill { background: rgba(255,255,255,0.22) !important; color: #FFFFFF !important; }

.dksa-live-radar { position: relative; width: 7px; height: 7px; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; }
.dksa-radar-dot { width: 6px; height: 6px; border-radius: 50%; background: #10B981; }
.dksa-radar-ring { position: absolute; inset: -1px; border-radius: 50%; background: #10B981; animation: dksaRadarPulse 1.8s infinite cubic-bezier(0,0,0.2,1); }
@keyframes dksaRadarPulse { 0% { transform: scale(1); opacity: 0.85; } 100% { transform: scale(2.6); opacity: 0; } }

.dksa-icon { flex-shrink: 0; stroke: currentColor; }
.dksa-nav-text { font-weight: 750; letter-spacing: -0.2px; }
.dksa-pill { font-size: 8.5px; font-weight: 800; letter-spacing: 0.4px; padding: 1.5px 5px; border-radius: 9999px; background: #2563EB; color: #FFFFFF; line-height: 1; }

.dk-cekmece-sitealarm-kutu { padding: 12px 16px 8px; }
.dk-cekmece-sitealarm-btn { display: flex; align-items: center; justify-content: space-between; padding: 11px 14px; border-radius: 14px; background: #EFF6FF; border: 1px solid #BFDBFE; text-decoration: none !important; box-shadow: 0 1px 4px rgba(37,99,235,0.08); transition: all 0.15s ease; }
.dk-cekmece-sitealarm-btn:hover, .dk-cekmece-sitealarm-btn.aktif { background: #1E40AF !important; border-color: #1E3A8A !important; }
.dk-cekmece-sitealarm-btn:hover .dksa-m-baslik, .dk-cekmece-sitealarm-btn.aktif .dksa-m-baslik { color: #FFFFFF !important; }
.dk-cekmece-sitealarm-btn:hover .dksa-m-alt, .dk-cekmece-sitealarm-btn.aktif .dksa-m-alt { color: #DBEAFE !important; }
.dk-cekmece-sitealarm-btn:hover .dksa-icon, .dk-cekmece-sitealarm-btn.aktif .dksa-icon { stroke: #FFFFFF !important; }
.dk-cekmece-sitealarm-btn:hover .dksa-pill, .dk-cekmece-sitealarm-btn.aktif .dksa-pill { background: rgba(255,255,255,0.22) !important; color: #FFFFFF !important; }
.dksa-m-sol { display: flex; align-items: center; gap: 10px; }
.dksa-m-baslik { font-size: 13.5px; font-weight: 800; color: #1E40AF; display: block; }
.dksa-m-alt { font-size: 11px; color: #64748B; display: block; margin-top: 1px; }