/*
 * Huteco — Header (Announcement Bar style)
 */

/* ── Reset Flatsome header ───────────────────────────────────────────────── */
#header,
#header .header-inner,
.flatsome-header {
    display: none !important;
}

/* ── Reuse biến từ announcement bar block ────────────────────────────────── */
.huteco-header {
    --ab-bg:           #ffffff;
    --ab-border:       #edeae4;
    --ab-text:         #1a1a2e;
    --ab-text-muted:   rgba(26,26,46,0.5);
    --ab-accent:       #27b3e9;
    --ab-accent-hover: #1a95c8;
    --ab-badge-bg:     #e8f7fd;
    --ab-badge-text:   #0e5c7a;
    --ab-badge-border: #b3e4f7;
    --ab-badge-value:  #27b3e9;
    --ab-ship-bg:      #e8f7fd;
    --ab-ship-text:    #0e5c7a;
    --ab-ship-border:  #b3e4f7;
    --ab-font:         var(--huteco-font, 'Inter', sans-serif);
    --ab-transition:   0.22s ease;

    position: sticky;
    top: 0;
    z-index: 999;
}

/* ── Main bar ───────────────────────────────────────────────────────────── */
.huteco-ab__main {
    background: var(--ab-bg);
    border-bottom: 1px solid var(--ab-border);
    box-shadow: 0 1px 0 var(--ab-border);
}

.huteco-ab__inner {
    max-width: var(--huteco-container, 1200px);
    margin: 0 auto;
    padding: 10px var(--huteco-container-px, 1.5rem);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

/* ── Brand ──────────────────────────────────────────────────────────────── */
.huteco-ab__brand {
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

.huteco-ab__brand-link {
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
}

.huteco-ab__logo {
    height: 70px;
    width: auto;
    object-fit: contain;
}

.huteco-ab__logo-placeholder { flex-shrink: 0; }

.huteco-ab__brand-text {
    display: flex;
    flex-direction: column;
    gap: 1px;
    line-height: 1.2;
}

.huteco-ab__brand-name {
    font-family: var(--ab-font);
    font-size: 0.9375rem;
    font-weight: 800;
    color: var(--ab-text);
    letter-spacing: -0.01em;
}

.huteco-ab__brand-tagline {
    font-size: 0.6875rem;
    color: var(--ab-text-muted);
    font-family: var(--ab-font);
    letter-spacing: 0.02em;
}

/* ── Badge ──────────────────────────────────────────────────────────────── */
.huteco-ab__badge-wrap {
    flex: 1;
    display: flex;
    justify-content: center;
}

.huteco-ab__badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 16px;
    background: var(--ab-badge-bg);
    border: 1.5px solid var(--ab-badge-border);
    border-radius: 8px;
    animation: huteco-ab-pulse 2.5s ease-in-out infinite;
}

.huteco-ab__badge-icon {
    color: #27b3e9;
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

.huteco-ab__badge-text {
    display: flex;
    align-items: baseline;
    gap: 6px;
    font-family: var(--ab-font);
}

.huteco-ab__badge-prefix,
.huteco-ab__badge-suffix {
    font-size: 0.8125rem;
    font-weight: 700;
    color: var(--ab-badge-text);
    letter-spacing: 0.05em;
}

.huteco-ab__badge-value {
    font-size: 1.375rem;
    font-weight: 900;
    color: var(--ab-badge-value);
    letter-spacing: -0.02em;
    line-height: 1;
}

@keyframes huteco-ab-pulse {
    0%, 100% { box-shadow: 0 0 0 0 rgba(39,179,233,0); }
    50%       { box-shadow: 0 0 0 4px rgba(39,179,233,0.12); }
}

/* ── CTA ────────────────────────────────────────────────────────────────── */
.huteco-ab__actions { flex-shrink: 0; }

.huteco-ab__cta {
    display: inline-flex;
    align-items: center;
    padding: 7px 18px;
    background: var(--ab-accent);
    color: #fff !important;
    font-family: var(--ab-font);
    font-size: 0.8125rem;
    font-weight: 700;
    letter-spacing: 0.03em;
    border-radius: 6px;
    text-decoration: none;
    white-space: nowrap;
    transition: background var(--ab-transition), transform var(--ab-transition);
    box-shadow: 0 2px 8px rgba(39,179,233,0.25);
}

.huteco-ab__cta:hover {
    background: var(--ab-accent-hover);
    transform: translateY(-1px);
    color: #fff !important;
}

/* ── Shipping bar ───────────────────────────────────────────────────────── */
.huteco-ab__shipping {
    background: var(--ab-ship-bg);
    border-bottom: 1px solid var(--ab-ship-border);
}

.huteco-ab__shipping-inner {
    max-width: var(--huteco-container, 1200px);
    margin: 0 auto;
    padding: 7px var(--huteco-container-px, 1.5rem);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-family: var(--ab-font);
    font-size: 0.875rem;
    font-weight: 700;
    color: var(--ab-ship-text);
    letter-spacing: 0.01em;
}

.huteco-ab__truck {
    color: var(--ab-ship-text);
    flex-shrink: 0;
}

/* ── Responsive ─────────────────────────────────────────────────────────── */
@media (max-width: 768px) {
    .huteco-ab__brand-tagline { display: none; }

    .huteco-ab__badge-wrap { display: none; }

    .huteco-ab__cta {
        padding: 8px 14px;
        font-size: 0.8125rem;
    }
}

@media (max-width: 480px) {
    .huteco-ab__brand-name,
    .huteco-ab__brand-tagline { display: none; }

    .huteco-ab__logo { height: 40px; }
    .huteco-ab__logo-placeholder { display: flex; }
}