/*
 * TLMS HEADER FIX V1
 * - Ẩn giỏ hàng bị trùng
 * - Làm logo rõ hơn
 */

.tlms-hide-duplicate-cart {
    display: none !important;
}

/* =========================
   LOGO FRONTEND
   ========================= */

.site-header .brand,
.main-header .brand,
.customer-header .brand,
header .brand {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;

    padding: 6px 10px !important;

    background: linear-gradient(
        180deg,
        rgba(24, 14, 2, 0.78),
        rgba(48, 31, 3, 0.66)
    ) !important;

    border: 1px solid rgba(232, 194, 96, 0.28) !important;
    border-radius: 12px !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.05),
        0 4px 10px rgba(0,0,0,0.12) !important;

    text-decoration: none !important;
}

.site-header .brand-logo,
.main-header .brand-logo,
.customer-header .brand-logo,
header .brand-logo {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 38px !important;
    min-width: 38px !important;
    height: 38px !important;

    padding: 0 !important;

    background: #fffdf7 !important;
    border: 2px solid #e3b84f !important;
    border-radius: 11px !important;

    box-shadow:
        inset 0 0 0 2px rgba(255,255,255,0.9),
        0 2px 6px rgba(28,18,0,0.14) !important;

    overflow: hidden !important;
}

.site-header .brand-logo img,
.main-header .brand-logo img,
.customer-header .brand-logo img,
header .brand-logo img {
    width: 24px !important;
    height: 24px !important;
    object-fit: contain !important;
    filter: contrast(1.15) saturate(1.08) brightness(0.94) !important;
    opacity: 1 !important;
}

.site-header .brand-copy,
.main-header .brand-copy,
.customer-header .brand-copy,
header .brand-copy,
.site-header .brand-text,
.main-header .brand-text,
.customer-header .brand-text,
header .brand-text {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    min-width: 0 !important;
}

.site-header .brand-name,
.main-header .brand-name,
.customer-header .brand-name,
header .brand-name {
    color: #fff7df !important;

    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    line-height: 1.08 !important;
    letter-spacing: 0.1px !important;

    text-shadow: none !important;
    opacity: 1 !important;
}

.site-header .brand-name span,
.main-header .brand-name span,
.customer-header .brand-name span,
header .brand-name span {
    color: #ffd765 !important;
}

.site-header .brand-description,
.main-header .brand-description,
.customer-header .brand-description,
header .brand-description,
.site-header .brand-subtitle,
.main-header .brand-subtitle,
.customer-header .brand-subtitle,
header .brand-subtitle {
    margin-top: 3px !important;

    color: #efd17d !important;

    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 8px !important;
    font-weight: 700 !important;
    line-height: 1.1 !important;
    letter-spacing: 1px !important;

    text-shadow: none !important;
    opacity: 1 !important;
}

/* =========================
   NÚT GIỎ HÀNG
   ========================= */

header a[href*="gio-hang"],
header a[href*="/cart"],
.site-header a[href*="gio-hang"],
.site-header a[href*="/cart"],
.main-header a[href*="gio-hang"],
.main-header a[href*="/cart"],
.customer-header a[href*="gio-hang"],
.customer-header a[href*="/cart"] {
    min-height: 38px !important;
}

/* Nếu JS đánh dấu nút trùng thì ẩn hẳn */
header .tlms-hide-duplicate-cart,
.site-header .tlms-hide-duplicate-cart,
.main-header .tlms-hide-duplicate-cart,
.customer-header .tlms-hide-duplicate-cart {
    display: none !important;
}

@media (max-width: 900px) {
    .site-header .brand,
    .main-header .brand,
    .customer-header .brand,
    header .brand {
        gap: 8px !important;
        padding: 5px 8px !important;
    }

    .site-header .brand-logo,
    .main-header .brand-logo,
    .customer-header .brand-logo,
    header .brand-logo {
        width: 34px !important;
        min-width: 34px !important;
        height: 34px !important;
    }

    .site-header .brand-name,
    .main-header .brand-name,
    .customer-header .brand-name,
    header .brand-name {
        font-size: 13px !important;
    }

    .site-header .brand-description,
    .main-header .brand-description,
    .customer-header .brand-description,
    header .brand-description,
    .site-header .brand-subtitle,
    .main-header .brand-subtitle,
    .customer-header .brand-subtitle,
    header .brand-subtitle {
        font-size: 7px !important;
        letter-spacing: 0.7px !important;
    }
}