/* 992px - 1400px arası header sıkıştırma */
@media (min-width: 992px) and (max-width: 1400px) {

    /* Menü tek satırda kalsın */
    #mainmenu {
        display: flex !important;
        flex-wrap: nowrap !important;
        white-space: nowrap !important;
    }

    #mainmenu > li {
        margin: 0 !important;
        float: none !important;
    }

    #mainmenu > li > a.menu-item {
        font-size: 15px !important;
        padding-left: 8px !important;
        padding-right: 8px !important;
        letter-spacing: 0 !important;
    }

    /* Telefon numarası kırılmasın */
    .h-phone {
        white-space: nowrap !important;
        font-size: 14px !important;
    }

    .menu_side_area.ml-3 {
        margin-left: 12px !important;
        margin-right: 8px !important;
    }
}

/* Daha dar aralıkta telefon bloğunu tamamen gizle, menüye yer açılsın */
@media (min-width: 992px) and (max-width: 1199px) {
    .d-widget-phone {
        display: none !important;
    }

    #mainmenu > li > a.menu-item {
        font-size: 14px !important;
        padding-left: 6px !important;
        padding-right: 6px !important;
    }
}
/* ============================================================
   MEGA MENU - DESKTOP
   ============================================================ */

/* Parent li static yapılır */
#mainmenu li.mega-menu-parent {
    position: static !important;
}

/* Mega menü konteyneri - kapalı durum */
#mainmenu li.mega-menu-parent .mega-menu {
    position: absolute !important;
    left: 50% !important;
    right: auto !important;
    top: 100% !important;
    width: 90% !important;
    max-width: 1300px !important;
    transform: translateX(-50%) translateY(10px);
    background: #fff !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15) !important;
    padding: 40px 0 !important;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: all 0.3s ease;
    z-index: 9999 !important;
    border-top: 3px solid #c9a96e;
    display: block !important;
    list-style: none !important;
    margin: 0 !important;
    border-radius: 0 0 8px 8px;
}

/* Mega menü açık durum - SADECE is-open class'ı ile */
#mainmenu li.mega-menu-parent.is-open .mega-menu {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateX(-50%) translateY(0) !important;
    pointer-events: auto !important;
}

/* İç container */
.mega-menu-inner {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 40px;
}

.mega-menu-inner .row {
    display: flex !important;
    flex-wrap: wrap !important;
    margin: 0 -15px !important;
}

/* Kolonlar */
.mega-col {
    padding: 0 20px !important;
    width: 25% !important;
    flex: 0 0 25% !important;
    max-width: 25% !important;
    box-sizing: border-box !important;
}

/* Başlıklar */
.mega-title {
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #1a2e4a !important;
    text-transform: uppercase !important;
    margin: 0 0 18px 0 !important;
    padding-bottom: 12px !important;
    border-bottom: 2px solid #c9a96e !important;
    letter-spacing: 0.8px !important;
    line-height: 1.4 !important;
    display: block !important;
}

.mega-title.mt-4 {
    margin-top: 25px !important;
}

.mega-title a {
    color: #1a2e4a !important;
    text-decoration: none !important;
    transition: color 0.3s !important;
}

.mega-title a:hover {
    color: #c9a96e !important;
}

/* Mega menü içindeki ul'leri görünür yap */
#mainmenu li.mega-menu-parent .mega-menu ul,
.mega-col ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: block !important;
    position: static !important;
    background: transparent !important;
    box-shadow: none !important;
    width: auto !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    border: none !important;
}

/* Alt menü li'leri */
#mainmenu li.mega-menu-parent .mega-menu ul li,
.mega-col ul li {
    margin: 0 0 8px 0 !important;
    padding: 0 !important;
    display: block !important;
    width: 100% !important;
    border: none !important;
    background: transparent !important;
}

/* Alt menü linkleri */
#mainmenu li.mega-menu-parent .mega-menu ul li a,
.mega-col ul li a {
    color: #555 !important;
    text-decoration: none !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
    display: block !important;
    padding: 6px 0 6px 10px !important;
    transition: all 0.3s ease !important;
    border-left: 2px solid transparent !important;
    text-transform: none !important;
    font-weight: 400 !important;
    background: transparent !important;
}

#mainmenu li.mega-menu-parent .mega-menu ul li a:hover,
.mega-col ul li a:hover {
    color: #c9a96e !important;
    border-left-color: #c9a96e !important;
    padding-left: 14px !important;
    background: transparent !important;
}


/* ============================================================
   MEGA MENU - MOBİL (Accordion)
   ============================================================ */
@media (max-width: 991px) {

    /* Mega menü konteyneri - mobilde kapalı */
    #mainmenu li.mega-menu-parent .mega-menu {
        position: static !important;
        opacity: 1 !important;
        visibility: visible !important;
        transform: none !important;
        box-shadow: none !important;
        padding: 0 !important;
        border-top: none !important;
        background: transparent !important;
        width: 100% !important;
        max-width: 100% !important;
        left: 0 !important;
        border-radius: 0 !important;
        pointer-events: auto !important;
        display: none !important;
    }

    /* Practice Areas tıklandığında aç (mobilde) */
    #mainmenu li.mega-menu-parent.mobile-open .mega-menu {
        display: block !important;
    }

    /* Desktop is-open class'ı mobilde etkisiz olsun */
    #mainmenu li.mega-menu-parent.is-open .mega-menu {
        display: none !important;
    }
    #mainmenu li.mega-menu-parent.mobile-open.is-open .mega-menu,
    #mainmenu li.mega-menu-parent.mobile-open .mega-menu {
        display: block !important;
    }

    .mega-menu-inner {
        padding: 0 !important;
        max-width: 100% !important;
    }

    .mega-menu-inner .row {
        display: block !important;
        margin: 0 !important;
    }

    /* Kolonlar tek tek alt alta */
    .mega-col {
        width: 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
        border-bottom: 1px solid rgba(255,255,255,0.1);
        margin-bottom: 0 !important;
        box-sizing: border-box !important;
    }

    .mega-col:last-child {
        border-bottom: none;
    }

    /* Başlıklar - mobil */
    #mainmenu li.mega-menu-parent .mega-menu .mega-col h4.mega-title {
        font-size: 14px !important;
        color: #c9a96e !important;
        -webkit-text-fill-color: #c9a96e !important;
        background: rgba(255,255,255,0.05) !important;
        padding: 16px 20px !important;
        margin: 0 !important;
        border-bottom: none !important;
        border-top: none !important;
        cursor: pointer !important;
        position: relative !important;
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        text-transform: uppercase !important;
        letter-spacing: 0.5px !important;
        font-weight: 600 !important;
        text-align: left !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        white-space: normal !important;
        overflow: visible !important;
        text-indent: 0 !important;
        transform: none !important;
        left: 0 !important;
        right: auto !important;
        line-height: 1.4 !important;
    }

    .mega-title,
    .mega-title * {
        color: #c9a96e !important;
        -webkit-text-fill-color: #c9a96e !important;
    }

    .mega-title::after {
        content: '+';
        font-size: 22px;
        font-weight: 300;
        color: #c9a96e !important;
        -webkit-text-fill-color: #c9a96e !important;
        transition: transform 0.3s ease;
        margin-left: auto !important;
        flex-shrink: 0;
    }

    .mega-title.active::after {
        content: '−';
    }

    .mega-title.mt-4 {
        margin-top: 0 !important;
    }

    .mega-title a {
        color: #c9a96e !important;
        -webkit-text-fill-color: #c9a96e !important;
        flex: 1;
        text-decoration: none !important;
        text-indent: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        display: inline-block !important;
        width: auto !important;
    }

    /* Alt linkler - default kapalı */
    .mega-col ul {
        display: none !important;
        background: rgba(0,0,0,0.2) !important;
        padding: 8px 0 !important;
        position: static !important;
        transform: none !important;
        margin: 0 !important;
    }

    /* Aktif olduğunda aç */
    .mega-col ul.active {
        display: block !important;
        opacity: 1 !important;
        visibility: visible !important;
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
    }

    .mega-col ul.active li {
        display: block !important;
        opacity: 1 !important;
        visibility: visible !important;
        margin: 0 !important;
    }

    .mega-col ul.active li a {
        color: #fff !important;
        -webkit-text-fill-color: #fff !important;
        padding: 10px 25px !important;
        font-size: 13px !important;
        border-left: none !important;
        opacity: 0.85 !important;
        visibility: visible !important;
        display: block !important;
    }

    .mega-col ul.active li a:hover {
        color: #c9a96e !important;
        -webkit-text-fill-color: #c9a96e !important;
        background: rgba(255,255,255,0.05) !important;
        padding-left: 30px !important;
        border-left: none !important;
    }
/* Mobilde Faaliyet Alanları linkine + / - göstergesi ekle */
#mainmenu#mainmenu li.mega-menu-parent > a.menu-item {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    width: 100% !important;
}

#mainmenu#mainmenu li.mega-menu-parent > a.menu-item::after {
    content: '+' !important;
    font-size: 24px !important;
    font-weight: 400 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    margin-left: 8px !important;
    transition: transform 0.3s ease !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
    height: 100% !important;
}

#mainmenu#mainmenu li.mega-menu-parent.mobile-open > a.menu-item::after {
    content: '−' !important;
}
}


    /* 1. Kart Konfigürasyonu */
    .practice-card-custom {
        border: 1px solid #eee;
        transition: all 0.3s ease;
        display: flex !important;
        flex-direction: column !important;
        height: 100% !important; /* Row içindeki kartları eşitler */
        min-height: 400px;
        position: relative;
        overflow: hidden;
    }

    .practice-card-custom:hover {
        border-color: #111c30;
        box-shadow: 0 10px 30px rgba(0,0,0,0.1);
        transform: translateY(-5px);
    }

    /* 2. Metin Taşma Kontrolü (Kritik Alan) */
    .practice-desc {
        display: block !important;
        width: 100% !important;
        white-space: normal !important; /* Yanlamasına taşmayı engeller */
        word-wrap: break-word !important; /* Uzun kelimeleri böler */
        overflow-wrap: break-word !important;
        line-height: 1.6 !important;
        font-size: 15px;
        color: #666;
        margin-bottom: 0; /* Boşluğu kapsayıcı div (flex-grow) yönetiyor */
    }

    /* 3. Buton ve Linkleme Tasarımı */
    .btn-main-custom {
        display: block !important;
        width: 100% !important;
        text-align: center;
        padding: 12px 20px;
        background: #111c30;
        color: #fff !important;
        border-radius: 4px;
        text-decoration: none !important;
        font-weight: 600;
        transition: 0.3s background;
        cursor: pointer;
    }

    .btn-main-custom:hover {
        background: #e5a93e;
        color: #fff !important;
    }

    /* Genel boşluk */
    .p-30 {
        padding: 30px !important;
    }
    /* Başlıkların yanlamasına kesilmesini engeller ve alt satıra indirir */
    .practice-content-box h2 {
        white-space: normal !important;
        word-wrap: break-word !important;
        overflow-wrap: break-word !important;
        overflow: visible !important;
        text-overflow: clip !important;
        line-height: 1.4 !important; /* Alt satıra geçince satırlar arası boşluk dengesi için */
    }


    @media (min-width: 768px) {
    .whatsapp-float {
        bottom: 90px !important;
        right: 27px !important;
    }
}
        /* Dil seçeneklerini içeren kapsayıcı */
        .menu_side_area.ml-3 {
            display: flex;
            align-items: center;
            margin-left: 25px !important; /* Telefon bloğuyla arasına net boşluk */
            margin-right: 15px; /* Hamburger menüyle arasına boşluk */
            color: rgba(255, 255, 255, 0.2); /* Aradaki "|" çizgisinin rengi */
            font-family: inherit;
            font-weight: 700;
            font-size: 13px;
        }

        /* TR ve EN linklerinin genel stili */
        .menu_side_area.ml-3 a.menu-item {
            color: rgba(255, 255, 255, 0.6) !important; /* Pasif haldeki soft beyaz */
            text-decoration: none !important;
            padding: 0 5px;
            transition: all 0.3s ease;
            letter-spacing: 1px;
        }

        /* Mouse ile üzerine gelince veya aktif dil olduğunda */
        .menu_side_area.ml-3 a.menu-item:hover, 
        .menu_side_area.ml-3 a.menu-item.active {
            color: #e5a93e !important; /* Temanın altın/sarı rengi */
        }

        /* Telefon bloğunu hizalamak için (Eğer kayma varsa) */
        .d-widget-phone {
            display: flex;
            align-items: center;
        }

        /* Küçük ekranlarda dil seçeneğinin çok sırıtmaması için */
        @media (max-width: 992px) {
            .menu_side_area.ml-3 {
                margin-left: 10px !important;
                font-size: 12px;
            }
        }
        /* WhatsApp Floating Button */
        .whatsapp-float {
            position: fixed;
            width: 48px;
            height: 48px;
            bottom: 130px;
            right: 30px;
            background-color: #25D366;
            color: #FFF;
            border-radius: 50%;
            text-align: center;
            box-shadow: 2px 2px 3px #999;
            z-index: 1000;
            display: flex;
            align-items: center;
            justify-content: center;
            text-decoration: none;
            transition: transform 0.3s ease;
        }

        .whatsapp-float:hover {
            transform: scale(1.1);
            color: #FFF;
        }

        .whatsapp-float svg {
            width: 28px;
            height: 28px;
        }

        /* Tidio butonu çakışmasın diye yukarı kaydır */
        #tidio-chat iframe {
            bottom: 30px !important;
        }

        /* Mobilde WhatsApp butonunu Tidio ile hizala */
        @media (max-width: 767px) {
            .whatsapp-float {
                width: 50px;
                height: 50px;
                bottom: 85px;
                right: 20px;
            }

            .whatsapp-float svg {
                width: 24px;
                height: 24px;
            }
        }

        /* Mobilde cookie banner'ı sağ üste, küçük göster */
        @media (max-width: 767px) {
            #cc-main {
                position: fixed !important;
                top: 60px !important;
                right: 8px !important;
                left: auto !important;
                bottom: auto !important;
                width: auto !important;
                max-width: 260px !important;
                z-index: 999999 !important;
            }

            #cc-main .cm-wrapper,
            #cc-main .cm {
                width: auto !important;
                max-width: 260px !important;
                margin: 0 !important;
                padding: 12px !important;
                border-radius: 10px !important;
                box-shadow: 0 4px 16px rgba(0,0,0,0.25) !important;
            }

            #cc-main .cm-title,
            #cc-main h2 {
                font-size: 13px !important;
                margin-bottom: 4px !important;
            }

            #cc-main .cm-description,
            #cc-main p {
                font-size: 11px !important;
                line-height: 1.35 !important;
                margin-bottom: 8px !important;
            }

            #cc-main button {
                font-size: 11px !important;
                padding: 6px 8px !important;
                min-height: auto !important;
            }

            #cc-main .cm-footer,
            #cc-main .cm-btn-group,
            #cc-main [class*="footer"] {
                gap: 5px !important;
                flex-direction: column !important;
            }
        }