/* Alnus Custom Optimizations - Extracted from Blade files */

/* Slider Mouse Drag Fix (Slick Dragging Ghost Image Prevention) */
        .slick-slider img, .slick-slider a {
            -webkit-user-drag: none;
            -khtml-user-drag: none;
            -moz-user-drag: none;
            -o-user-drag: none;
            user-select: none;
        }

        /* Prevent Layout Jump / Shrink (FOUC) Before Slick Initialized */
        [data-slick]:not(.slick-initialized),
        .sliderMain:not(.slick-initialized) {
            display: flex;
            overflow: hidden;
            opacity: 0;
            visibility: hidden;
            transition: opacity 0.3s ease;
        }

/* Trumbowyg HTML View Fix */
        .trumbowyg-box .trumbowyg-editor textarea, 
        .trumbowyg-box .trumbowyg-textarea {
            border-radius: 0 !important;
            overflow: auto !important;
            clip-path: none !important;
            mask-image: none !important;
            display: block !important;
        }

/* Zoho Orijinal İkonu Gizleme */
    #zsiq_float {
        display: none !important;
    }
    /* Marka Renkleri ve Geçişler */
    #quick-menu .btn-primary {
        background-color: #d10100 !important;
        border-color: #d10100 !important;
        color: #fff !important;
    }
    #quick-menu .btn:hover {
        transform: translateX(-5px);
        box-shadow: 0 5px 15px rgba(0,0,0,0.1);
    }
    #quick-links {
        background-color: #d10100 !important;
        border-color: #d10100 !important;
    }
    
    /* Foreks özel menü linkleri için hover rengi ve sığdırma ayarı */
.page-foreks .foreks-custom-link:hover {
        background-color: #d10100 !important;
        color: #fff !important;
    }
    @media (min-width: 992px) {
        /* Logonun sıkışıp küçülmesini ve kaybolmasını engellemek için */
        .header-top .column:first-child,
.page-foreks .header-top .logo {
            flex-shrink: 0 !important;
        }
        /* Menünün alt satıra geçmesini kesin olarak engellemek için */
.page-foreks .navbar-nav {
            flex-wrap: nowrap !important;
        }
        /* CSS Jitter (titreme/kayma) olmaması için hover ve normal durumlarda sabit padding ve sıfır margin */
        .navbar-nav .nav-item > .nav-link,
        .navbar-nav .nav-item.active > .nav-link,
.page-foreks .navbar-nav .nav-item:hover > .nav-link {
            padding: 0.875rem 0.15rem !important;
            margin: 0 !important;
            font-size: 0.75rem !important;
            letter-spacing: -0.01em !important;
            white-space: nowrap !important;
        }
    }
    @media (min-width: 1200px) {
        /* Daha geniş ekranlarda biraz daha rahat padding */
        .navbar-nav .nav-item > .nav-link,
        .navbar-nav .nav-item.active > .nav-link,
.page-foreks .navbar-nav .nav-item:hover > .nav-link {
            padding: 0.875rem 0.35rem !important;
            margin: 0 !important;
            font-size: 0.85rem !important;
            letter-spacing: normal !important;
            white-space: nowrap !important;
        }
    }
    

    /* ===================================================
       ÇOK GRUPLU MEGA MENÜ — header_menu.blade.php
       =================================================== */

    /* Çok gruplu layout wrapper: PHP-tabanlı dengeli dağılımla 
       bütün sütunların tam genişlikte ve eşit durmasını sağlar.
       Mobil-öncelikli: Mobilde dikey (alt alta), desktopta yan yana */
    .menu-groups-grid {
        flex: 1;
        display: flex;
        flex-direction: column;
        gap: 1rem;
        padding: 0.25rem 0;
        min-width: 0;
    }

    @media (min-width: 992px) {
        .menu-groups-grid {
            flex-direction: row;
            gap: 1.5rem;
            padding: 0.75rem 0;
        }
    }

    /* Sütun bazlı dikey yerleşim */
    .menu-grid-column {
        flex: 1;
        display: flex;
        flex-direction: column;
        gap: 0.75rem;
        min-width: 0;
    }

    /* Tek bir grup (başlık + liste) */
    .menu-group {
        width: 100%;
    }

    /* Grup kategori etiketi — menu-link ile aynı boyutlama:
       font-size, line-height, padding, border-bottom eşleşiyor.
       Sadece renk, ağırlık ve uppercase ile ayrışır. */
    .menu-group-label {
        font-size: 0.875rem;
        font-weight: 700;
        line-height: 1.4;
        color: #8d9bac;
        text-transform: uppercase;
        letter-spacing: 0.05em;
        padding: 0.5rem 0 !important;
        margin: 0 !important;
        border-bottom: 1px solid rgba(43, 42, 42, 0.08);
        pointer-events: none;
        user-select: none;
    }

    /* Grup içindeki liste:
       .menu-items-col sınıfı da ekleniyor ki app.min.css'teki
       .navbar-nav .submenu-container .menu .menu-items-col .nav-item .menu-link
       kuralı devreye girsin (renk, padding, border vb.).
       Ama .menu-items-col'un kendi layout özellikleri (grid/flex/min-width)
       burada sıfırlanıyor — gridi .menu-groups-grid yönetiyor. */
    .menu-groups-grid .menu-items-col {
        display: flex !important;
        flex-direction: column !important;
        grid-template-columns: unset !important;
        flex: unset !important;
        min-width: 0 !important;
        padding: 0 !important;
        margin: 0;
        list-style: none;
        gap: 0 !important;
    }

    .menu-groups-grid .menu-items-col .nav-item {
        display: block !important;
        width: 100% !important;
        float: none !important;
    }

    /* "Tümünü Görüntüle" linki */
    .navbar-nav .submenu-container .menu .menu-groups-grid .menu-items-col .nav-item .menu-link-all {
        color: #d10100;
        font-weight: 700;
    }

    /* Nav item container wrapperının kendisinde oluşabilecek artıktı padding/marginleri
       tamamen sıfırlıyoruz. Böylece dikey alanın tek hakimi .menu-link'teki eşit padding olur. */
    .menu-items-col .nav-item {
        padding: 0 !important;
        margin: 0 !important;
    }

    .menu-items-col .nav-item .menu-link {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
        min-height: unset !important;
    }

    /* ==========================================
       Tarihçe Component Responsive Fixes
       ========================================== */
    .tarihce-section .container {
        /* Absolute başlığın container sınırlarına göre konumlanmasını sağlar */
        position: relative;
    }

    .tarihce-title {
        /* Resimlerin veya geçiş animasyonlarının arkasında kalmasını engelliyoruz */
        z-index: 10 !important;
        transition: font-size 0.2s ease, max-width 0.2s ease;
    }

    /* 992px - 1339px: Orta boy ekranlarda başlık boyutunu orantılı tutuyoruz */
    @media (min-width: 992px) and (max-width: 1339px) {
        .tarihce-title {
            font-size: clamp(2.5rem, 4vw, 3.5rem) !important;
            margin-bottom: 2rem !important;
        }
    }

    /* 1340px+: Absolute yerleşimde sağdaki resim ve panellere taşmasını engelliyoruz */
    @media (min-width: 1340px) {
        .tarihce-title {
            position: absolute !important;
            /* Sağdaki galeriye (%50-100 arası) kadar olan boş alanı (%45'lik güvenli bölge) kullanıyoruz.
               Genişlik daralmasını önler, metnin doğal şekilde akmasını ve sarmalanmasını sağlar */
            max-width: 45% !important;
            /* Dev font boyutu yerine ekran genişliğine göre tatlı bir küçülme/büyüme */
            font-size: clamp(3rem, 3.5vw, 4.375rem) !important;
        }
    }

.aside-menu-scrollable::-webkit-scrollbar { width: 4px; }
                                                                    .aside-menu-scrollable::-webkit-scrollbar-track { background: #f1f1f1; border-radius: 4px; }
                                                                    .aside-menu-scrollable::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 4px; }
                                                                    .aside-menu-scrollable::-webkit-scrollbar-thumb:hover { background: #94a3b8; }

.yilFilterList .nav-tabs{border-bottom:1px solid #ddd}.yilFilterList .nav-tabs>li{float:left;margin-bottom:-1px}.yilFilterList .nav-tabs>li>a{margin-right:2px;line-height:1.42857143;border:1px solid transparent;border-radius:4px 4px 0 0}.yilFilterList .nav-tabs>li>a:hover{border-color:#eee #eee #ddd}.yilFilterList .nav-tabs>li.active>a,.yilFilterList .nav-tabs>li.active>a:focus,.yilFilterList .nav-tabs>li.active>a:hover{color:#555;cursor:default;background-color:#fff;border:1px solid #ddd;border-bottom-color:transparent}.yilFilterList .nav-tabs.nav-justified{width:100%;border-bottom:0}.yilFilterList .nav-tabs.nav-justified>li{float:none}.yilFilterList .nav-tabs.nav-justified>li>a{margin-bottom:5px;text-align:center}.yilFilterList .nav-tabs.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width:768px){.yilFilterList .nav-tabs.nav-justified>li{display:table-cell;width:1%}.yilFilterList .nav-tabs.nav-justified>li>a{margin-bottom:0}}.yilFilterList .nav-tabs.nav-justified>li>a{margin-right:0;border-radius:4px}.yilFilterList .nav-tabs.nav-justified>.active>a,.yilFilterList .nav-tabs.nav-justified>.active>a:focus,.yilFilterList .nav-tabs.nav-justified>.active>a:hover{border:1px solid #ddd}@media (min-width:768px){.yilFilterList .nav-tabs.nav-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.yilFilterList .nav-tabs.nav-justified>.active>a,.yilFilterList .nav-tabs.nav-justified>.active>a:focus,.yilFilterList .nav-tabs.nav-justified>.active>a:hover{border-bottom-color:#fff}}.yilFilterList .nav-tabs .dropdown-menu{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0}.yilFilterList .nav{padding-left:0;margin-bottom:0;list-style:none}.yilFilterList .nav>li{position:relative;display:block}.yilFilterList .nav>li>a{position:relative;display:block;padding:10px 15px}.yilFilterList .nav>li>a:focus,.yilFilterList .nav>li>a:hover{text-decoration:none;background-color:#eee}.yilFilterList .nav>li.disabled>a{color:#777}.yilFilterList .nav>li.disabled>a:focus,.yilFilterList .nav>li.disabled>a:hover{color:#777;text-decoration:none;cursor:not-allowed;background-color:transparent}.yilFilterList .nav .open>a,.yilFilterList .nav .open>a:focus,.yilFilterList .nav .open>a:hover{background-color:#eee;border-color:#337ab7}.yilFilterList .nav .nav-divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.yilFilterList .nav>li>a>img{max-width:none}.modelYilListFilter{display:none}.modelYilListFilter.show{display:block}