/* =========================================================
   ALT MENÜ (açılır menü) — header.php ile birlikte yüklenir
   Masaüstü: .subnav içindeki .subnav-dd (hover / odak / dokunuşla açılır)
   Mobil   : .mmenu içindeki .mmenu-group (akordeon)
   Renkler header.css'teki tona uyması için aşağıdaki değişkenlerden ayarlanır.
   ========================================================= */
:root{
    --am-bg:#ffffff;
    --am-text:#0f2a4a;
    --am-accent:#1e6fd9;
    --am-soft:#eaf3ff;
    --am-line:rgba(30,111,217,.16);
    --am-shadow:0 18px 40px -14px rgba(15,42,74,.35),0 2px 8px rgba(15,42,74,.08);
}

/* ---------- MASAÜSTÜ ---------- */
.subnav{overflow:visible !important}
.subnav-dd{position:relative;display:inline-flex;align-items:center}
.subnav-parent{display:inline-flex;align-items:center}
.subnav-caret{width:13px;height:13px;margin-left:6px;flex:none;transition:transform .25s ease}
.subnav-dd:hover .subnav-caret,
.subnav-dd:focus-within .subnav-caret,
.subnav-dd.is-open .subnav-caret{transform:rotate(180deg)}

.subnav-sub{
    position:absolute;top:calc(100% + 10px);left:50%;z-index:60;
    min-width:210px;margin:0;padding:8px;list-style:none;
    background:var(--am-bg);border:1px solid var(--am-line);border-radius:14px;
    box-shadow:var(--am-shadow);
    opacity:0;visibility:hidden;transform:translate(-50%,8px);
    transition:opacity .22s ease,transform .22s ease,visibility 0s linear .22s;
}
/* hover boşluğunu kapatan görünmez köprü */
.subnav-sub::before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}
/* küçük ok */
.subnav-sub::after{
    content:"";position:absolute;top:-6px;left:50%;width:12px;height:12px;margin-left:-6px;
    background:var(--am-bg);border-left:1px solid var(--am-line);border-top:1px solid var(--am-line);
    transform:rotate(45deg);
}
.subnav-dd:hover .subnav-sub,
.subnav-dd:focus-within .subnav-sub,
.subnav-dd.is-open .subnav-sub{
    opacity:1;visibility:visible;transform:translate(-50%,0);
    transition:opacity .22s ease,transform .22s ease,visibility 0s;
}
.subnav-subitem{
    position:relative;display:flex;align-items:center;gap:11px;
    padding:11px 14px;border-radius:10px;
    color:var(--am-text);text-decoration:none;font-size:14.5px;font-weight:600;white-space:nowrap;
    transition:background .18s ease,color .18s ease,padding-left .18s ease;
}
.subnav-subitem svg{width:19px;height:19px;flex:none;color:var(--am-accent)}
.subnav-subitem:hover,
.subnav-subitem:focus-visible{background:var(--am-soft);color:var(--am-accent);padding-left:18px;outline:none}
.subnav-subitem.is-active{background:var(--am-accent);color:#fff}
.subnav-subitem.is-active svg{color:#fff}

/* ---------- MOBİL (tam sayfa menü) ---------- */
.mmenu-group{display:block}
/* Mobil menü koyu tema: üst öğe <button> olduğu için <a> kartlarının stilini burada açıkça veriyoruz */
:root{
    --am-m-text:#ffffff;
    --am-m-sub:#d6e6fa;
    --am-m-accent:#37b0ff;
    --am-m-card:linear-gradient(180deg,#1a2b42 0%,#13212f 100%);
    --am-m-border:rgba(90,170,255,.20);
    --am-m-active:linear-gradient(90deg,#1e7fe8 0%,#1aa3ff 100%);
}
.mmenu .mmenu-group{display:block;width:100%}
.mmenu button.mmenu-item.mmenu-parent{
    -webkit-appearance:none;appearance:none;box-sizing:border-box;
    display:flex;align-items:center;gap:14px;width:100%;margin:0;
    padding:11px 14px 11px 11px;
    font:inherit;font-weight:700;text-align:left;cursor:pointer;
    color:var(--am-m-text);
    background:var(--am-m-card);
    border:1px solid var(--am-m-border);border-left:3px solid var(--am-m-accent);
    border-radius:14px;
    -webkit-tap-highlight-color:transparent;
}
.mmenu button.mmenu-parent .mmenu-label{color:var(--am-m-text);flex:1;text-align:left}
.mmenu button.mmenu-parent .mmenu-chev{margin-left:auto;flex:none;color:var(--am-m-accent);transition:transform .28s ease}
.mmenu .mmenu-group.is-open .mmenu-parent .mmenu-chev{transform:rotate(90deg)}
.mmenu .mmenu-group.is-open button.mmenu-parent{border-bottom-left-radius:14px;border-bottom-right-radius:14px}
/* içinde bulunulan sayfa bu grubun altındaysa diğer aktif öğeler gibi mavi */
.mmenu button.mmenu-item.mmenu-parent.is-active{
    background:var(--am-m-active);border-color:rgba(120,200,255,.55);
    box-shadow:0 0 18px rgba(30,150,255,.35);
}
.mmenu button.mmenu-parent.is-active .mmenu-chev{color:#fff}
.mmenu-sub{max-height:0;overflow:hidden;transition:max-height .3s ease}
.mmenu-group.is-open .mmenu-sub{max-height:420px}
.mmenu .mmenu-subitem{
    display:flex;align-items:center;gap:12px;
    margin:0 0 0 22px;padding:13px 16px 13px 22px;
    border-left:2px solid var(--am-m-border);
    color:var(--am-m-sub);text-decoration:none;font-size:15.5px;font-weight:600;
    -webkit-tap-highlight-color:transparent;
}
.mmenu .mmenu-subitem:first-child{margin-top:6px}
.mmenu .mmenu-subitem:last-child{margin-bottom:6px}
.mmenu .mmenu-subitem svg{width:20px;height:20px;flex:none;color:var(--am-m-accent)}
.mmenu .mmenu-subitem:hover,
.mmenu .mmenu-subitem:focus-visible{color:#fff;border-left-color:var(--am-m-accent);outline:none}
.mmenu .mmenu-subitem.is-active{border-left-color:var(--am-m-accent);color:var(--am-m-accent);background:linear-gradient(90deg,rgba(55,176,255,.14),transparent)}

/* alt menü yalnızca masaüstü şeridinde; küçük ekranda subnav zaten gizli */
@media (max-width:900px){.subnav-sub{display:none}}
@media (prefers-reduced-motion:reduce){
    .subnav-sub,.subnav-caret,.mmenu-sub,.mmenu-parent .mmenu-chev{transition:none}
}