/**
 * FASTFIX Theme - Logo Color Palette
 * Theo logo: Cam #F68B1E | Xanh navy #001A98 | Trắng #FFFFFF
 * Phong cách: Đơn giản, tinh tế, hài hòa
 */
:root {
    --ff-primary: #F68B1E;
    --ff-primary-hover: #e07a0f;
    --ff-secondary: #001A98;
    --ff-secondary-hover: #00157a;
    --ff-white: #ffffff;
    --ff-light: #f8f9fa;
    --ff-muted: #313a42;
}

/* Buttons */
.cmp-button.primary, .btn-ff-primary, .button.primary {
    background-color: var(--ff-primary) !important;
    border-color: var(--ff-primary) !important;
    color: var(--ff-white) !important;
}
.cmp-button.primary:hover, .btn-ff-primary:hover, .button.primary:hover {
    background-color: var(--ff-primary-hover) !important;
    border-color: var(--ff-primary-hover) !important;
    color: var(--ff-white) !important;
}

/* Menu active & hover */
.cmp-navigation__link:hover,
.cmp-nav-mega-dropdown__menu .cmp-navigation__link:hover,
.cmp-main-navigation--mobile .first > li > span:hover,
.cmp-main-navigation--mobile a:hover {
    color: var(--ff-primary) !important;
}
.cmp-navigation__item.has-children.is-open .cmp-navigation__link,
.cmp-nav-mega-dropdown__menu .cmp-navigation__item.is-active .cmp-navigation__link {
    color: var(--ff-primary) !important;
    border-bottom-color: var(--ff-primary) !important;
}

/* Top bar buttons */
.ff-top-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 14px;
    border-radius: 6px;
    font-size: 14px;
    text-decoration: none;
    transition: all 0.3s ease;
}
.ff-top-btn--phone {
    background: var(--ff-primary);
    color: var(--ff-white) !important;
}
.ff-top-btn--phone:hover {
    background: var(--ff-primary-hover);
    color: var(--ff-white) !important;
}
.ff-top-btn--zalo {
    background: #0068FF;
    color: var(--ff-white) !important;
}
.ff-top-btn--zalo:hover {
    background: #0052cc;
    color: var(--ff-white) !important;
}
.ff-top-btn--contact {
    background: var(--ff-secondary);
    color: var(--ff-white) !important;
}
.ff-top-btn--contact:hover {
    background: var(--ff-secondary-hover);
    color: var(--ff-white) !important;
}

/* Menu dropdown - ẩn mặc định, hiện khi hover */
.cmp-nav-mega-dropdown .cmp-navigation__item .cmp-nav-mega-dropdown__content {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    z-index: 1000;
    background: #fff;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    border-radius: 0 0 8px 8px;
}
/* .cmp-nav-mega-dropdown .cmp-navigation__item.has-children:hover .cmp-nav-mega-dropdown__content, */

.cmp-nav-mega-dropdown .cmp-navigation__item.has-children.is-open .cmp-nav-mega-dropdown__content {
    display: block;
}
.cmp-nav-mega-dropdown {
    position: relative;
}
.cmp-nav-mega-dropdown__menu {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0;
}
.cmp-nav-mega-dropdown__menu > li {
    position: relative;
}

/* Header luôn nổi trên nội dung */
.cmp-header {
    z-index: 1001;
}

/* Spacer cho fixed header - tránh nội dung bị che */
.cmp-header--spacer {
    display: block;
    height: 100px;
    min-height: 100px;
}
@media (max-width: 768px) {
    .cmp-header--spacer { height: 80px; min-height: 80px; }
}

/* Teaser cards, product cards */
.cmp-teaser:hover .cmp-teaser__content h4,
.cmp-teaser_product:hover .cmp-teaser_productContent__title {
    color: var(--ff-primary) !important;
}
.cmp-play-button {
    background: var(--ff-primary) !important;
}
.cmp-play-button:hover {
    background: var(--ff-primary-hover) !important;
}