/*
 * Dosya: /assets/css/layout/_header.css
 * Sürüm: 2.0 - Tamamen değişken tabanlı
 */

.site-header {
    background-color: var(--color-background);
    position: relative;
    z-index: var(--z-index-header);
}

.header-top-row {
    padding: var(--space-s) 0;
    border-bottom: 1px solid var(--color-border-medium);
}

.header-top-row__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%;
    gap: var(--space-m);
}
.header-group {
    display: flex;
    align-items: center;
    gap: var(--space-s);
}
.header-group--left, .header-group--right {
    flex: 1 1 0;
}
.header-group--center {
    flex-shrink: 0;
}
.header-group--right {
    justify-content: flex-end;
}
.site-logo-container {
    height: 1.5625rem; /* 25px */
    display: block;
}
.site-logo-container img {
    height: 100%;
    width: auto;
}
.site-description {
    display: flex;
    flex-direction: column;
    line-height: var(--line-height-tight);
    color: var(--color-text-base);
}
.site-description span {
    font-weight: var(--font-weight-semibold);
    font-size: var(--font-size-200);
}
.site-description small {
    font-size: var(--font-size-100);
    font-weight: var(--font-weight-regular);
    color: var(--color-text-muted);
}
.header-search {
    display: flex;
    align-items: center;
    gap: var(--space-2xs);
    cursor: pointer;
    text-decoration: none;
    color: var(--color-text-base);
}
.header-search .material-symbols-rounded {
    font-size: 1.625rem; /* 26px */
}
.header-search__text {
    font-weight: var(--font-weight-semibold);
    font-size: var(--font-size-400);
}
.mobile-menu-trigger {
    display: none;
    cursor: pointer;
}
.mobile-menu-trigger .material-symbols-rounded {
    font-size: 1.75rem; /* 28px */
}

/* Logo Görünürlük Kuralları */
body:not([data-color-mode="dark"]) .default-logo { display: block; }
body:not([data-color-mode="dark"]) .dark-mode-logo { display: none; }
body[data-color-mode="dark"] .default-logo { display: none; }
body[data-color-mode="dark"] .dark-mode-logo { display: block; }
@media (prefers-color-scheme: dark) {
    body[data-color-mode*="os-default"] .dark-mode-logo { display: initial; }
    body[data-color-mode*="os-default"] .default-logo { display: none; }
}

/* TABLET VE MOBİL GÖRÜNÜM */
@media (max-width: 999.98px) {
    .site-description, .header-main-row, .header-search__text {
        display: none;
    }
    .header-top-row {
        padding: var(--space-xs) 0;
    }
    .mobile-menu-trigger {
        display: block;
        padding: var(--space-xs);
        margin: calc(-1 * var(--space-xs));
    }
    .header-group--right .header-search {
        padding: var(--space-xs);
        margin: calc(-1 * var(--space-xs));
    }
    .header-search .material-symbols-rounded {
        font-size: 1.75rem; /* 28px */
    }
}

/* Masaüstü Dark Mode Butonu Stilleri */
.bf-theme-switcher {
    display: none;
    align-items: center;
    justify-content: center;
    width: var(--space-xl);
    height: var(--space-xl);
    background-color: var(--color-background-soft);
    border: 1px solid var(--color-border-medium);
    border-radius: var(--border-radius-round);
    cursor: pointer;
    transition: all var(--duration-fast) var(--timing-function-base);
}
.bf-theme-switcher:hover {
    border-color: var(--color-primary);
    color: var(--color-primary);
}

.bf-theme-switcher .material-symbols-rounded {
    font-size: 1.375rem; /* 22px */
}

.bf-theme-switcher .icon-light { display: none; }
.bf-theme-switcher .icon-dark { display: block; }

body[data-color-mode="dark"] .bf-theme-switcher .icon-light { display: block; }
body[data-color-mode="dark"] .bf-theme-switcher .icon-dark { display: none; }

@media (min-width: 999.98px) {
    .bf-theme-switcher {
        display: flex;
    }
}

/* JS Tabanlı Sticky Header Stilleri */
body.is-sticky-active {
    padding-top: var(--sticky-header-height, 4.375rem); /* 70px fallback */
}

@keyframes slideDown {
    from { transform: translateY(-100%); }
    to { transform: translateY(0); }
}

/* Masaüstü için Yapışkan Navigasyon Menüsü */
@media (min-width: 1000px) {
    body.is-sticky-active .site-header .header-main-row {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        background-color: var(--color-background);
        box-shadow: var(--box-shadow-sm);
        animation: slideDown var(--duration-base) var(--timing-function-smooth);
    }
}

/* Mobil için Yapışkan Üst Bar */
@media (max-width: 999.98px) {
    body.is-sticky-active .site-header .header-top-row {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        background-color: var(--color-background);
        box-shadow: var(--box-shadow-sm);
        animation: slideDown var(--duration-base) var(--timing-function-smooth);
    }
}