/* Header CSS Stilleri */

/* Header Navbar Border - Özel class */
.header-navbar-border {
    border-bottom: 1px solid rgba(9, 76, 100, 0.3) !important;
}

/* Back to top button */
.back-to-top {
    position: fixed;
    bottom: 65px;
    right: 10px;
    display: none;
    z-index: 1032;
    background-color: #28a745;
    border-color: #28a745;
    color: white;
    transition: all 0.3s ease;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 12px rgba(40, 167, 69, 0.4);
}

.back-to-top:hover {
    background-color: #218838;
    border-color: #218838;
    color: white;
    transform: scale(1.1);
    box-shadow: 0 6px 16px rgba(40, 167, 69, 0.6);
}

.back-to-top i {
    color: white;
    font-size: 1.2rem;
}

/* Anasayfa button */
.anasayfa-btn {
    position: fixed;
    bottom: 175px;
    right: 10px;
    display: none;
    z-index: 1032;
    background-color: #1976d2;
    border-color: #1976d2;
    color: white;
    transition: all 0.3s ease;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 12px rgba(25, 118, 210, 0.4);
}

.anasayfa-btn:hover {
    background-color: #1565c0;
    border-color: #1565c0;
    color: white;
    transform: scale(1.1);
    box-shadow: 0 6px 16px rgba(25, 118, 210, 0.6);
}

.anasayfa-btn i {
    color: white;
    font-size: 1.2rem;
}

/* Destek Ol button */
.destek-ol {
    position: fixed;
    bottom: 120px;
    right: 10px;
    display: none;
    z-index: 1032;
    background-color: #ff6b35;
    border-color: #ff6b35;
    color: white;
    transition: all 0.3s ease;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 12px rgba(255, 107, 53, 0.4);
}

.destek-ol:hover {
    background-color: #e55a2b;
    border-color: #e55a2b;
    color: white;
    transform: scale(1.1);
    box-shadow: 0 6px 16px rgba(255, 107, 53, 0.6);
}

.destek-ol i {
    color: white;
    font-size: 1.2rem;
}

/* Google Tag Manager iframe */
.gtm-iframe {
    display: none;
    visibility: hidden;
}

/* Header Navigation Links - Özel class'lar */
.header-nav-link {
    font-size: 1.25rem;
}

.header-nav-link-sm {
    font-size: 1rem;
}

/* Header Navigation Icons - Özel class'lar */
.header-nav-icon {
    font-size: 1.3rem;
    color: rgb(9, 76, 100);
}

/* Mobil giriş ikonu - hamburger menü ikonu ile aynı boyut ve renk */
.d-md-none .header-nav-icon {
    font-size: 1.4rem!important;
    color: rgb(9, 76, 100)!important;
    line-height: 0.8!important;
    margin-left: -5px!important;
    
}

/* Menü butonu özel stili */
.nav-item[title="Planlar Menüsü"] .header-nav-link {
    padding: 12px 8px;
    margin-top: -4px;
    transform: translateY(-2px);
}

.nav-item[title="Planlar Menüsü"] .header-nav-icon {
    font-size: 1.5rem;
    line-height: 0.8!important;
    color: rgb(9, 76, 100)!important;
}

/* Header Navigation Link with Notification - Özel class */
.header-nav-link.notification-toggle {
    position: relative;
}

/* Bildirim ikonu - hamburger menü ikonu ile aynı boyut ve renk */

/* Bildirim ikonu ile arama kutusu arasındaki mesafe */
.header-nav-link.notification-toggle {
    margin-left: 10px !important;
    line-height: 0.8!important;
}

.header-nav-icon-sm {
    font-size: 1.1rem;
    color: rgb(9, 76, 100);
}

/* Header Search Icon - Özel class */
#searchModalBtn .header-nav-icon {
    font-size: 1.3rem;
    color: rgb(9, 76, 100);
}

#searchModalBtn:hover .header-nav-icon {
    color: #ffc107;
}

/* Dropdown çakışma önleme */
.dropdown-menu.show {
    z-index: 1050 !important;
}

#bransDropdownMenu {
    z-index: 1051 !important;
}

#sinifDropdownMenu {
    z-index: 1051 !important;
}

/* Header Social Media Icons - Özel class'lar */
.header-social-icons {
    font-size: 1rem;
}

.header-social-icon {
    font-size: 1rem;
}

.header-social-icon.twitter {
    color: #000000;
}

.header-social-icon.telegram {
    color: #0088cc;
}

.header-social-icon.whatsapp {
    color: #25D366;
}

.header-social-icon.instagram {
    color: #E1306C;
}

.header-social-icon.youtube {
    color: #FF0000;
    font-weight: bold;
}

.header-social-icon.apple {
    color: #555555;
}

.header-social-icon.google-play {
    color: #01875f;
}

/* Header Dropdown Menu Positioning - Özel class */
.header-dropdown-positioned {
    position: absolute;
    right: 0;
    left: auto;
    top: 100%;
    margin-top: 0;
}





/* Header Notification Badge - Özel class */
.header-navbar-badge {
    position: absolute;
    top: 5px;
    right: 5px;
    font-size: 0.7rem;
    padding: 2px 4px;
    min-width: 16px;
    height: 16px;
    line-height: 12px;
    border-radius: 8px;
}



/* Responsive adjustments */
@media (max-width: 767.98px) {
    .header-social-icons {
        display: none !important;
    }
    
    .header-nav-link-sm {
        display: none !important;
    }
    
    /* Mobilde arama ve bildirim ikonları arasındaki boşluğu azalt */
    #searchModalBtn {
        padding-right: 0.1rem !important;
    }
    
    .notification-toggle {
        padding-left: 0.1rem !important;
    }
    
    /* Mobilde navbar item'ları arasındaki boşluğu azalt */
    .navbar-nav .nav-item {
        margin-right: 0.1rem !important;
    }
    

} 

/* Breadcrumb */
.breadcrumb {
    background-color: transparent !important;
    padding: 0.5rem 1rem !important;
    margin: 0 !important;
    justify-content: flex-end !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

.breadcrumb-item {
    color: #1976d2 !important;
    font-size: 0.8rem !important;
    line-height: 1.5 !important;
}

.breadcrumb-item a {
    color: #1976d2 !important;
    text-decoration: none !important;
}

.breadcrumb-item.active {
    color: #424242 !important;
}

.breadcrumb-item + .breadcrumb-item::before {
    color: #90a4ae !important;
    content: "/" !important;
    padding: 0 0.5rem !important;
}

@media (max-width: 767.98px) {
    .breadcrumb {
        background-color: #f1eff7 !important;
        justify-content: flex-start !important;
        padding: 0.4rem 1rem !important;
        border: none !important;
        box-shadow: none !important;
        border-radius: 0 !important;
    }
    
    .breadcrumb-item {
        font-size: 0.75rem !important;
        line-height: 1.5 !important;
    }
    
    .content-header .col-md-4.col-12 {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}