/*
 * DAİB — özel kozmetik CSS
 * ---------------------------------------------------------------------------
 * Faz 1 + Faz 2 revizeleri (2026-09-08 / 2026-09-09).
 * Bu dosya child temanın functions.php'sinden enqueue edilir.
 */

:root {
    --daib-content-max: 1320px;
    --daib-navy:        #0d3856;
    --daib-red:         #c61f3f;
}

/* ---------------------------------------------------------------------------
 * Etkinlik Takvimi — takvim ve etkinlik listesi kart başlıkları (kırmızı)
 * ---------------------------------------------------------------------------
 * yenietkinlikler.php `<div class="card-header etakvim text-white">` kullanıyor
 * ama .etakvim tanımı hiçbir yerde yoktu. DAİB kırmızısı + beyaz metin.
 */
.card-header.etakvim,
.etakvim {
    background-color: var(--daib-red) !important;
    color: #fff !important;
    padding: 12px 16px !important;
    border-bottom: 0 !important;
}
.card-header.etakvim > span,
.card-header.etakvim .fw-bold,
.card-header.etakvim,
.etakvim,
.etakvim * {
    color: #fff !important;
}
/* Sol/sağ prev-next + "Tümü" butonları: DAİB lacivert (mavi) + beyaz metin */
.card-header.etakvim .btn,
.card-header.etakvim .btn.btn-light,
.card-header.etakvim button,
.card-header.etakvim #show-all-events {
    background-color: var(--daib-navy) !important;
    color: #fff !important;
    border: 0 !important;
    font-weight: 700 !important;
    padding: 4px 12px !important;
    border-radius: 4px !important;
    line-height: 1.2 !important;
}
.card-header.etakvim .btn:hover,
.card-header.etakvim .btn.btn-light:hover,
.card-header.etakvim button:hover,
.card-header.etakvim #show-all-events:hover {
    background-color: #06253d !important; /* koyu lacivert */
    color: #fff !important;
    opacity: 1;
}

/* ---------------------------------------------------------------------------
 * Madde 2 — Kırmızı/lacivert/beyaz bölümleri daralt
 * ---------------------------------------------------------------------------
 */
.elementor-element.elementor-element-90f85e5.elementor-section-stretched {
    left: auto !important;
    right: auto !important;
    width: 100% !important;
    max-width: var(--daib-content-max) !important;
    margin-left: auto !important;
    margin-right: auto !important;
}
.elementor-element.elementor-element-90f85e5 > .elementor-container {
    max-width: var(--daib-content-max);
    margin-left: auto;
    margin-right: auto;
}

/* ---------------------------------------------------------------------------
 * Madde 9 — Alt logolar Swiper carousel (2sn otomatik + ok butonları)
 * ---------------------------------------------------------------------------
 * JS (daib-custom.js) container `ae08f23`'ün çocuklarını Swiper markup'ına
 * sarar. Aşağıdaki CSS Swiper görünümünü DAİB stiline uyarlar.
 *
 * Kompakt: dikey boşluk azaltıldı, tüm logolar aynı yükseklikte (contain).
 */
.elementor-element.elementor-element-ae08f23 {
    position: relative;
    padding: 14px 70px !important;
}
.elementor-element.elementor-element-ae08f23 > .elementor-widget-wrap,
.elementor-element.elementor-element-ae08f23 > .e-con-inner {
    min-height: 0 !important;
    padding: 0 !important;
}
.daib-logos-swiper {
    width: 100%;
    overflow: hidden;
    position: relative;
}
.daib-logo-slide {
    display: flex !important;
    align-items: center;
    justify-content: center;
    height: 120px !important;    /* sabit yükseklik — hepsi aynı hizada */
    min-height: 120px !important;
    max-height: 120px !important;
    overflow: visible;
}
.daib-logo-slide .elementor-widget-image {
    width: 100%;
    height: 100%;
    text-align: center;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
}
.daib-logo-slide .elementor-widget-image .elementor-widget-container {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 !important;
    margin: 0 !important;
}
.daib-logo-slide .elementor-widget-image img {
    height: 110px !important;     /* sabit görsel yükseklik — kesim yok */
    max-height: 110px !important;
    width: auto !important;
    max-width: 95% !important;
    object-fit: contain !important;
    display: block;
    margin: 0 auto;
    filter: none;
    transition: transform 0.25s ease;
}
.daib-logo-slide a:hover img,
.daib-logo-slide .elementor-widget-image:hover img {
    transform: scale(1.06);
}

/* Ok butonları — DAİB kırmızısı, sade */
.daib-logos-swiper .swiper-button-prev,
.daib-logos-swiper .swiper-button-next {
    width: 36px;
    height: 36px;
    background: transparent;
    border: none;
    color: var(--daib-red);
    cursor: pointer;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.daib-logos-swiper .swiper-button-prev { left: -45px; }
.daib-logos-swiper .swiper-button-next { right: -45px; }
.daib-logos-swiper .swiper-button-prev::after,
.daib-logos-swiper .swiper-button-next::after {
    font-family: 'swiper-icons';
    font-size: 26px;
    font-weight: bold;
    color: var(--daib-red);
    line-height: 1;
}
.daib-logos-swiper .swiper-button-prev::after { content: 'prev'; }
.daib-logos-swiper .swiper-button-next::after { content: 'next'; }
.daib-logos-swiper .swiper-button-prev:hover::after,
.daib-logos-swiper .swiper-button-next:hover::after {
    color: var(--daib-navy);
}

/* ---------------------------------------------------------------------------
 * Madde 4a — Mega menü (Nested Menu) minimal & 3 bölümlü panel
 * ---------------------------------------------------------------------------
 * Yapı:
 *   .e-n-menu-content
 *     > .e-con (dropdown panel)
 *       > .e-con-inner
 *         > .e-con  ← LEFT (image + text-editor)
 *         > .e-con  ← MIDDLE (nav-menu) veya RIGHT (İletişim'de 3. child)
 *
 * Görsel hedef:
 *   - Panel ~1100px, kompakt, edge-to-edge değil
 *   - Sol: sabit 200px görsel + altında açıklama metni
 *   - Sağ: linkler 2 sütunlu grid ile yan yana
 *   - İletişim'de 3. child (E-Bülten kayıt) da yanına düşer
 */

/* 1) Dış panel — TAMAMEN full-width (edge-to-edge), logonun altında açılır */
.elementor-widget-n-menu.e-full_width .e-n-menu-content,
.elementor-widget-n-menu .e-n-menu-content {
    left: 0 !important;
    right: 0 !important;
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
    border-radius: 0 !important;
    padding: 0;
}

/* 2) Dropdown paneli (.e-con): içerik ortada, 1320px cap ile hizala */
.elementor-widget-n-menu .e-n-menu-content > .e-con {
    max-width: var(--daib-content-max) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    width: 100% !important;
}

/* 3) Panel iç konteyneri — flex-row, 3 çocuğu yan yana */
.elementor-widget-n-menu .e-n-menu-content > .e-con > .e-con-inner {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: flex-start !important;
    gap: 40px !important;
    padding: 28px 40px !important;
    width: 100% !important;
    max-width: 100% !important;
}

/* 3) LEFT (görsel + metin) — orijinal boy: 340px genişlik */
.elementor-widget-n-menu .e-n-menu-content > .e-con > .e-con-inner > .e-con:first-child {
    flex: 0 0 340px !important;
    max-width: 340px !important;
    min-width: 340px !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 14px !important;
}

/* Görsel: 340px içine sığdır, radius */
.elementor-widget-n-menu .e-n-menu-content > .e-con > .e-con-inner > .e-con:first-child .elementor-widget-image {
    margin: 0 !important;
}
.elementor-widget-n-menu .e-n-menu-content > .e-con > .e-con-inner > .e-con:first-child .elementor-widget-image img {
    width: 100% !important;
    max-width: 340px !important;
    height: auto !important;
    border-radius: 8px;
    display: block;
    object-fit: cover;
}

/* Görsel altındaki açıklama metinlerini kaldır */
.elementor-widget-n-menu .e-n-menu-content > .e-con > .e-con-inner > .e-con:first-child .elementor-widget-text-editor {
    display: none !important;
}

/* 4) MIDDLE/RIGHT (linkler ve varsa E-Bülten) — genişleyerek doldur */
.elementor-widget-n-menu .e-n-menu-content > .e-con > .e-con-inner > .e-con:not(:first-child) {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    padding: 0 !important;
    align-self: stretch;
}

/* 5) Nav menu linkleri — 2 kolon column-major (JS `--rows` set eder)
 *    ≤2 link olan menü (İletişim) tek kolon kalır (JS class ekler) */
.elementor-widget-n-menu .e-n-menu-content ul.elementor-nav-menu {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-template-rows: repeat(var(--daib-nav-rows, 5), auto) !important;
    grid-auto-flow: column !important;
    column-gap: 40px !important;
    row-gap: 4px !important;
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
    align-items: start;
}

/* Tek kolon zorlaması (≤2 link için) */
.elementor-widget-n-menu .e-n-menu-content ul.elementor-nav-menu.daib-single-col {
    grid-template-columns: 1fr !important;
    grid-template-rows: auto !important;
    grid-auto-flow: row !important;
}

.elementor-widget-n-menu .e-n-menu-content ul.elementor-nav-menu > li {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    text-align: left;
}
.elementor-widget-n-menu .e-n-menu-content ul.elementor-nav-menu > li > a {
    display: block !important;
    padding: 10px 6px !important;
    color: var(--daib-navy) !important;
    font-weight: 600 !important;
    font-size: 15px !important;
    text-decoration: none !important;
    line-height: 1.4 !important;
    border-bottom: 1px solid transparent;
    transition: color .2s ease, border-color .2s ease;
    white-space: normal;
}
.elementor-widget-n-menu .e-n-menu-content ul.elementor-nav-menu > li > a:hover {
    color: var(--daib-red) !important;
    border-bottom-color: var(--daib-red);
}

/* İletişim menüsündeki E-Bülten icon-box ve form — kompakt */
.elementor-widget-n-menu .e-n-menu-content .elementor-widget-icon-box {
    margin: 0 !important;
}
.elementor-widget-n-menu .e-n-menu-content .elementor-widget-icon-box .elementor-icon-box-icon {
    margin-bottom: 8px !important;
}
.elementor-widget-n-menu .e-n-menu-content .elementor-widget-icon-box .elementor-icon-box-icon .elementor-icon {
    font-size: 32px !important;
}
.elementor-widget-n-menu .e-n-menu-content .elementor-widget-icon-box .elementor-icon-box-title {
    font-size: 14px !important;
    line-height: 1.3 !important;
    margin: 0 0 4px 0 !important;
}
.elementor-widget-n-menu .e-n-menu-content .elementor-widget-icon-box .elementor-icon-box-description {
    font-size: 11px !important;
    line-height: 1.4 !important;
    color: #666 !important;
    margin: 0 !important;
}
.elementor-widget-n-menu .e-n-menu-content .elementor-widget-form .elementor-field-group {
    margin-bottom: 8px !important;
}
.elementor-widget-n-menu .e-n-menu-content .elementor-widget-form .elementor-field {
    font-size: 12px !important;
    padding: 6px 10px !important;
}
.elementor-widget-n-menu .e-n-menu-content .elementor-widget-form button[type="submit"] {
    font-size: 12px !important;
    padding: 8px 14px !important;
}

/* 6) Mobile: tek sütuna düş */
@media (max-width: 900px) {
    .elementor-widget-n-menu .e-n-menu-content > .e-con > .e-con-inner {
        flex-wrap: wrap !important;
        padding: 20px !important;
        gap: 20px !important;
    }
    .elementor-widget-n-menu .e-n-menu-content > .e-con > .e-con-inner > .e-con:first-child {
        flex: 1 1 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }
    .elementor-widget-n-menu .e-n-menu-content ul.elementor-nav-menu {
        grid-template-columns: 1fr !important;
    }
}