/* ===============================
   HEADER – RESPONSIVE
================================ */

.site-header {
    background: #fff;
    position: sticky;
    top: var(--top-bar-height, 0);
    z-index: 100;
}

.header-inner {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 64px;
    position: relative;
}

/* LOGO */
.header-logo img {
    max-height: 40px;
}

/* BUTTONS */
.header-toggle,
.header-search-btn {
    background: none;
    border: 0;
    font-size: 24px;
    cursor: pointer;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

/* RTL (Arabic) */
html[dir="rtl"] .header-toggle {
    right: 16px;
}

html[dir="rtl"] .header-search-btn {
    left: 16px;
}

/* LTR (English) */
html[dir="ltr"] .header-toggle {
    left: 16px;
}

html[dir="ltr"] .header-search-btn {
    right: 16px;
}

/* DESKTOP NAV */
.header-nav {
    display: flex;
    gap: 20px;
}

/* MOBILE */
@media (max-width: 992px) {

    .header-nav {
        display: none;
    }

    /* HERO TEXT FIX */
    .hero-title {
        font-size: 26px;
        line-height: 1.3;
    }

    .hero-subtitle {
        font-size: 14px;
    }
}

