/* =============================================================================
 * Barivo – Sabit (fixed) header menü
 *
 * Kullanıcı sayfayı aşağı kaydırınca site başlığı (header) ekranın en üstüne
 * sabitlenir ve öyle kalır. Tema (himara) kendi yapışkan başlık mekanizmasına
 * sahiptir; fakat bu mekanizma "topbar" yüksekliğine bağlıdır ve bu sitede
 * topbar olmadığı için hiç tetiklenmez. Bu modül temanın çekirdek dosyalarını
 * DEĞİŞTİRMEDEN, kendi bağımsız sınıfıyla (.barivo-hsticky) başlığı sabitler.
 *
 * Not: Yalnızca .barivo-hsticky sınıfı hedeflenir; sınıf JS tarafından yalnızca
 * kaydırma eşiği aşılınca eklenir. Böylece sayfanın en üstündeyken başlığın
 * özgün (şeffaf/normal) görünümü korunur ve mevcut özellikler bozulmaz.
 * ========================================================================== */

header.horizontal-header.barivo-hsticky {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    /* top değeri JS tarafından ayarlanır (yönetici çubuğu varsa onun altına). */
    z-index: 9999 !important;
    background: #ffffff !important;
    box-shadow: 0 2px 16px rgba(0, 0, 0, .08) !important;
    animation: barivoHeaderDrop .35s ease both;
}

@keyframes barivoHeaderDrop {
    from { opacity: .35; transform: translateY(-100%); }
    to   { opacity: 1;   transform: translateY(0); }
}

/* Beyaz zeminde okunur kontrol renkleri (şeffaf başlıkta açık renk olabilirler). */
header.horizontal-header.barivo-hsticky .toggle-menu-button .line {
    background: #222 !important;
}

header.horizontal-header.barivo-hsticky .btn-booknow {
    border-color: #333 !important;
    color: #333 !important;
}

/* Sabit dar barda büyük (200px) ikinci logo taşmasın; küçük logo görünsün. */
header.horizontal-header.barivo-hsticky .brand .second-logo {
    display: none !important;
}
header.horizontal-header.barivo-hsticky .brand .first-logo {
    display: inline-block !important;
}

/* İçerik yukarı zıplamasın diye başlığın bıraktığı boşluğu dolduran yer tutucu.
 * Yüksekliği JS tarafından başlığın gerçek yüksekliğine ayarlanır. */
.barivo-header-spacer {
    display: block;
    width: 100%;
    flex: none;
}