/* ═══════════════════════════════════════════════════════════════
 * Üst menü çubuğu + geniş menü (masaüstü)
 *  - Menü öğeleri: ikon + normal yazım, aralarda ince "/" ayırıcı
 *  - Sağda arama ve menü düğmeleri (menü masaüstünde geniş paneli açar,
 *    mobilde mevcut yan menü aynen çalışır)
 * Renkler temadan: --color-primary (Tema Ayarları)
 * Hareketli hover (translate/scale) yok.
 * ═══════════════════════════════════════════════════════════════ */

/* ── Menü çubuğu ─────────────────────────────────────────────── */
html body .header-nav .header-nav-inner {
    display: flex !important;
    align-items: center !important;
    gap: 6px;
    position: relative;
}
html body .header-nav .header-nav-list {
    flex: 1 1 auto;
    min-width: 0;
    min-height: 50px;
}
html body .header-nav .header-nav-list > li > a {
    text-transform: none !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
    padding: 15px 11px !important;
    gap: 8px;
}
html body .header-nav .header-nav-list > li > a i { font-size: 15px; opacity: .95; }
html body .header-nav .header-nav-list > li > a i.fa-chevron-down { font-size: 10px !important; opacity: .8; }
/* Aralarda "/" ayırıcı (ana sayfa ikonundan sonra başlar) */
html body .header-nav .header-nav-list > li + li:not(:nth-child(2)) {
    display: flex;
    align-items: center;
}
html body .header-nav .header-nav-list > li + li:not(:nth-child(2))::before {
    content: "/";
    color: rgba(255, 255, 255, .38);
    font-weight: 400;
    font-size: 15px;
    padding: 0 1px;
    pointer-events: none;
}
html body .header-nav .header-nav-list > li > a:hover,
html body .header-nav .header-nav-list > li > a.active {
    background: rgba(0, 0, 0, .14) !important;
    border-radius: 6px;
}

/* Sağdaki düğmeler */
html body .header-nav .nav-actions {
    display: none;
    align-items: center;
    gap: 4px;
    flex-shrink: 0;
    padding-left: 8px;
    margin-left: 2px;
    border-left: 1px solid rgba(255, 255, 255, .22);
}
html body .header-nav .nav-act-btn {
    width: 42px;
    height: 42px;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: #fff;
    font-size: 19px;
    cursor: pointer;
    display: inline-grid;
    place-items: center;
    transition: background-color .15s;
}
html body .header-nav .nav-act-btn:hover,
html body .header-nav .nav-act-btn[aria-expanded="true"] { background: rgba(0, 0, 0, .18); }

@media (min-width: 1024px) {
    html body .header-nav .nav-actions { display: flex; }
    /* Arama/menü artık kırmızı çubukta; üstteki kopyalarını gizle */
    html body .site-header .header-main .search-toggle,
    html body .site-header .header-main .hamburger { display: none !important; }
}
@media (max-width: 1280px) and (min-width: 1024px) {
    html body .header-nav .header-nav-list > li > a { font-size: 14px !important; padding: 15px 8px !important; }
}
@media (max-width: 1023px) {
    html body .header-nav .header-nav-list > li > a { font-size: 13.5px !important; padding: 13px 9px !important; }
    html body .header-nav .header-nav-list > li + li:not(:nth-child(2))::before { display: none; }
}

/* ── Geniş menü paneli ───────────────────────────────────────── */
.mega-menu[hidden] { display: none !important; }
.mega-menu {
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    z-index: 1200;
    background: #fff;
    box-shadow: 0 18px 40px rgba(15, 23, 42, .18);
    border-top: 1px solid rgba(0, 0, 0, .06);
    max-height: calc(100vh - 140px);
    overflow-y: auto;
    font-family: inherit;
}
@media (max-width: 1023px) { .mega-menu { display: none !important; } }

.mega-menu .mega-grid {
    display: grid;
    grid-template-columns: 290px 1fr;
    gap: 28px;
    padding: 26px 0 24px;
}
.mega-menu .mega-grid > .mega-links:only-child { grid-column: 1 / -1; }
.mega-menu .mega-services {
    background: #f4f6f9;
    border: 1px solid #e6e9ef;
    border-radius: 10px;
    padding: 10px 16px;
    align-self: start;
}
.mega-menu .mega-title {
    font-size: 11.5px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #94a3b8;
    padding: 8px 0 6px;
}
.mega-menu .mega-services a,
.mega-menu .mega-links a {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 11px 2px;
    color: #1f2937;
    font-size: 15px;
    font-weight: 700;
    text-decoration: none;
    border-bottom: 1px solid #e5e7eb;
    transition: color .12s;
}
.mega-menu .mega-services a:last-child { border-bottom: 0; }
.mega-menu :is(.mega-services, .mega-links) a i {
    width: 20px;
    text-align: center;
    font-size: 15px;
    color: #334155;
    flex-shrink: 0;
}
.mega-menu :is(.mega-services, .mega-links) a:hover,
.mega-menu :is(.mega-services, .mega-links) a:hover i { color: var(--color-primary, #b91c1c); }
.mega-menu .mega-links {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-auto-flow: row;
    column-gap: 30px;
    align-content: start;
}

/* Sosyal hesaplar şeridi */
.mega-menu .mega-social { background: #f6f7f9; border-top: 1px solid #eceef2; }
.mega-menu .mega-social .container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    gap: 10px 24px;
    padding-top: 16px;
    padding-bottom: 16px;
}
.mega-menu .mega-social a {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-size: 16px;
    font-weight: 700;
    color: #1f2937;
    text-decoration: none;
}
.mega-menu .mega-social a i { font-size: 19px; }
.mega-menu .mega-social .ms-facebook i { color: #1877f2; }
.mega-menu .mega-social .ms-twitter i { color: #0f172a; }
.mega-menu .mega-social .ms-instagram i { color: #e1306c; }
.mega-menu .mega-social .ms-youtube i { color: #ff0000; }
.mega-menu .mega-social .ms-telegram i { color: #229ed9; }
.mega-menu .mega-social .ms-whatsapp i { color: #25d366; }
.mega-menu .mega-social a:hover { color: var(--color-primary, #b91c1c); }

/* Alt kurumsal şerit (tema rengi) */
.mega-menu .mega-foot { background: var(--color-primary, #b91c1c); }
.mega-menu .mega-foot .container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    gap: 10px 24px;
    padding-top: 15px;
    padding-bottom: 15px;
}
.mega-menu .mega-foot a {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    text-decoration: none;
    opacity: .95;
}
.mega-menu .mega-foot a:hover { opacity: 1; text-decoration: underline; text-underline-offset: 4px; }

@media (max-width: 1200px) {
    .mega-menu .mega-grid { grid-template-columns: 250px 1fr; gap: 20px; }
    .mega-menu .mega-links { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* Karanlık tema */
html[data-theme="dark"] .mega-menu, body.dark-mode .mega-menu { background: #0f172a; }
html[data-theme="dark"] .mega-menu :is(.mega-services, .mega-social),
body.dark-mode .mega-menu :is(.mega-services, .mega-social) { background: #111c33; border-color: #1f2a44; }
html[data-theme="dark"] .mega-menu :is(.mega-services a, .mega-links a, .mega-social a),
body.dark-mode .mega-menu :is(.mega-services a, .mega-links a, .mega-social a) { color: #e2e8f0; border-color: #1f2a44; }
html[data-theme="dark"] .mega-menu :is(.mega-services, .mega-links) a i,
body.dark-mode .mega-menu :is(.mega-services, .mega-links) a i { color: #94a3b8; }

/* Servis sayısı fazlaysa kutu iki sütun (panel kısa kalsın) */
.mega-menu .mega-grid { grid-template-columns: 430px 1fr; }
.mega-menu .mega-services { display: grid; grid-template-columns: 1fr 1fr; column-gap: 18px; }
.mega-menu .mega-services .mega-title { grid-column: 1 / -1; }
.mega-menu .mega-services a:last-child,
.mega-menu .mega-services a:nth-last-child(2):nth-child(odd) { border-bottom: 0; }
.mega-menu .mega-services a { font-size: 14.5px; }
@media (max-width: 1200px) {
    .mega-menu .mega-grid { grid-template-columns: 380px 1fr; }
}