/* ===== HEADER LAYOUTS ===== */
.dhf-header .navbar { transition: box-shadow .2s ease, background-color .2s ease; }

/* Default: logo-left — natural Bootstrap navbar flow (logo via Banner component on left, menu + CTA on right) */
.dhf-header-logo-left .navbar > .container-fluid { justify-content: space-between; }

/* logo-center: logo top, menu + CTA underneath */
.dhf-header-logo-center .navbar > .container-fluid {
    flex-direction: column; align-items: center; gap: 12px;
}
.dhf-header-logo-center .navbar-right { width: 100%; justify-content: center; display: flex; }

/* logo-right: mirror — menu first, then logo */
.dhf-header-logo-right .navbar > .container-fluid { flex-direction: row-reverse; }

/* stacked: logo row above menu row */
.dhf-header-stacked .navbar > .container-fluid {
    flex-direction: column; align-items: stretch; gap: 8px;
}
.dhf-header-stacked .navbar-right { justify-content: flex-end; display: flex; }

/* ===== STICKY ===== */
.dhf-sticky { position: sticky; top: 0; z-index: 1030; background: #fff; }
.dhf-sticky-always { /* always on */ }
.dhf-sticky-scroll-up.dhf-is-hidden,
.dhf-sticky-smart.dhf-is-hidden {
    transform: translateY(-100%); transition: transform .25s ease;
}
.dhf-sticky-scroll-up,
.dhf-sticky-smart {
    transition: transform .25s ease, box-shadow .2s ease;
}
.dhf-sticky.dhf-is-scrolled { box-shadow: 0 4px 16px rgba(10,37,64,0.08); }

/* ===== HOTLINE BTN ===== */
.dhf-hotline-btn { font-weight: 600; white-space: nowrap; }

/* ===== SOCIAL ICONS ===== */
.dhf-social-icons { margin-right: 6px; }
.dhf-social-icon {
    width: 34px; height: 34px; border-radius: 50%;
    display: inline-flex; align-items: center; justify-content: center;
    background: rgba(0, 97, 175, 0.08); color: var(--dhf-blue, #0061af);
    text-decoration: none; transition: background .2s ease, color .2s ease, transform .15s ease;
}
.dhf-social-icon:hover {
    background: var(--dhf-blue, #0061af); color: #fff; transform: translateY(-1px);
}