/*
 * ALO Giá Rẻ - Đồng bộ style màu toàn bộ frontend
 * Nguồn màu duy nhất: các biến --alo-ui-* được sinh từ Quản lý giao diện.
 * File này phải được nạp cuối cùng sau CSS trang/chuyên mục/shop để thay các màu hard-code cũ.
 */

:root {
    /* Bộ token trung tâm */
    --alo-theme-primary: var(--alo-ui-primary-button-bg, var(--alo-ui-link-color, #d71920));
    --alo-theme-primary-dark: var(--alo-ui-primary-button-hover-bg, var(--alo-ui-link-hover-color, #a41018));
    --alo-theme-primary-text: var(--alo-ui-primary-button-text-color, #ffffff);
    --alo-theme-soft: var(--alo-ui-global-icon-bg, #fff3f3);
    --alo-theme-soft-2: color-mix(in srgb, var(--alo-theme-primary) 7%, var(--alo-ui-surface-bg, #ffffff));
    --alo-theme-soft-3: color-mix(in srgb, var(--alo-theme-primary) 12%, var(--alo-ui-surface-bg, #ffffff));
    --alo-theme-border: var(--alo-ui-card-border-color, #e5e7eb);
    --alo-theme-border-active: var(--alo-ui-card-hover-border-color, var(--alo-theme-primary));
    --alo-theme-surface: var(--alo-ui-surface-bg, #ffffff);
    --alo-theme-body: var(--alo-ui-body-bg, #f5f6f8);
    --alo-theme-section: var(--alo-ui-section-bg, #ffffff);
    --alo-theme-text: var(--alo-ui-text-color, #1f2937);
    --alo-theme-heading: var(--alo-ui-section-title-color, var(--alo-theme-text));
    --alo-theme-muted: var(--alo-ui-muted-text-color, #667085);
    --alo-theme-icon: var(--alo-ui-global-icon-color, var(--alo-theme-primary));
    --alo-theme-cta: var(--alo-ui-cta-button-bg, var(--alo-theme-primary));
    --alo-theme-cta-dark: var(--alo-ui-cta-button-hover-bg, var(--alo-theme-primary-dark));
    --alo-theme-cta-text: var(--alo-ui-cta-button-text-color, #ffffff);
    --alo-theme-shadow: color-mix(in srgb, var(--alo-ui-shadow-color, #101828) 11%, transparent);

    /* Ghi đè alias legacy để tất cả module dùng cùng một style */
    --w11-primary: var(--alo-theme-primary);
    --w11-primary-dark: var(--alo-theme-primary-dark);
    --w11-bg: var(--alo-theme-body);
    --w11-card: var(--alo-theme-surface);
    --w11-ink: var(--alo-theme-text);
    --w11-text: var(--alo-theme-text);
    --w11-muted: var(--alo-theme-muted);
    --w11-line: var(--alo-theme-border);

    --w2-market-primary: var(--alo-theme-primary);
    --w2-market-dark: var(--alo-theme-text);
    --w2-market-muted: var(--alo-theme-muted);
    --w2-market-border: var(--alo-theme-border);
    --w2-market-soft: var(--alo-theme-soft);

    --wt-j-red: var(--alo-theme-primary);
    --wt-j-red-dark: var(--alo-theme-primary-dark);
    --wt-j-blue: var(--alo-theme-primary);
    --wt-j-ink: var(--alo-theme-text);
    --wt-j-muted: var(--alo-theme-muted);
    --wt-j-soft: var(--alo-theme-body);
    --wt-j-line: var(--alo-theme-border);

    --ct5-red: var(--alo-theme-primary);
    --ct5-orange: var(--alo-theme-primary-dark);
    --ct5-yellow: var(--alo-theme-cta);
    --ct5-text: var(--alo-theme-text);
    --ct5-muted: var(--alo-theme-muted);
    --ct5-bg: var(--alo-theme-body);
    --ct5-border: var(--alo-theme-border);
    --ct5-card: var(--alo-theme-surface);

    --search-primary: var(--alo-theme-primary);
    --search-text: var(--alo-theme-text);
    --search-muted: var(--alo-theme-muted);
    --search-border: var(--alo-theme-border);
    --search-soft: var(--alo-theme-soft);

    --dt-news-yellow: var(--alo-theme-primary);
    --dt-news-orange: var(--alo-theme-primary-dark);
    --dt-news-text: var(--alo-theme-text);
    --dt-news-muted: var(--alo-theme-muted);
    --dt-news-soft: var(--alo-theme-body);
    --dt-news-border: var(--alo-theme-border);
    --dt-news-card: var(--alo-theme-surface);

    --theme-primary: var(--alo-theme-primary);
    --theme-secondary: var(--alo-theme-primary-dark);
    --navbar-primary: var(--alo-theme-primary);
    --primary: var(--alo-theme-primary);

    /* Shop template aliases */
    --taxi-blue: var(--alo-theme-primary);
    --taxi-blue-dark: var(--alo-theme-primary-dark);
    --taxi-yellow: var(--alo-theme-primary);
    --taxi-yellow-dark: var(--alo-theme-primary-dark);
    --taxi-red: var(--alo-theme-primary);
    --taxi-green: var(--alo-theme-primary);
    --taxi-text: var(--alo-theme-text);
    --taxi-muted: var(--alo-theme-muted);
    --taxi-border: var(--alo-theme-border);
    --taxi-soft: var(--alo-theme-body);

    --vpd-primary: var(--alo-theme-primary);
    --vpd-primary-dark: var(--alo-theme-primary-dark);
    --vpd-text: var(--alo-theme-text);
    --vpd-muted: var(--alo-theme-muted);
    --vpd-border: var(--alo-theme-border);
    --vpd-soft: var(--alo-theme-body);
    --xe-v7-red: var(--alo-theme-primary);
    --xe-v7-red-dark: var(--alo-theme-primary-dark);
    --xe-v7-blue: var(--alo-theme-primary);
    --xe-v7-orange: var(--alo-theme-primary);
    --xe-shop-card-border: var(--alo-theme-border);
    --xe-shop-soft: var(--alo-theme-body);

    --industry-primary: var(--alo-theme-primary);
    --industry-secondary: var(--alo-theme-primary-dark);
    --industry-bg: var(--alo-theme-body);
    --travel-accent: var(--alo-theme-primary);
    --travel-accent-dark: var(--alo-theme-primary-dark);
    --travel-accent-hover: var(--alo-theme-primary-dark);
    --travel-accent-soft: var(--alo-theme-soft);
    --travel-accent-soft-2: var(--alo-theme-soft-2);

    /* Bootstrap được dùng ở các trang phụ */
    --bs-primary: var(--alo-theme-primary);
    --bs-primary-rgb: var(--alo-theme-primary-rgb, 215, 25, 32);
    --bs-link-color: var(--alo-ui-link-color, var(--alo-theme-primary));
    --bs-link-hover-color: var(--alo-ui-link-hover-color, var(--alo-theme-primary-dark));
    --bs-body-color: var(--alo-theme-text);
    --bs-body-bg: var(--alo-theme-body);
    --bs-border-color: var(--alo-theme-border);
}

/* Các wrapper có custom property inline phải được khóa về style toàn site. */
body.w11-pro-site .taxi-shop-page,
body.w11-pro-site .taxi-shop-v2,
body.w11-pro-site .taxi-shop-v3,
body.w11-pro-site .shop-pro-page,
body.w11-pro-site .service-shop-page,
body.w11-pro-site .xe-shop-vpd,
body.w11-pro-site .vpd-page,
body.w11-pro-site .industry-shop,
body.w11-pro-site .travel-shop {
    --taxi-blue: var(--alo-theme-primary) !important;
    --taxi-blue-dark: var(--alo-theme-primary-dark) !important;
    --taxi-yellow: var(--alo-theme-primary) !important;
    --taxi-yellow-dark: var(--alo-theme-primary-dark) !important;
    --taxi-red: var(--alo-theme-primary) !important;
    --vpd-primary: var(--alo-theme-primary) !important;
    --vpd-primary-dark: var(--alo-theme-primary-dark) !important;
    --industry-primary: var(--alo-theme-primary) !important;
    --industry-secondary: var(--alo-theme-primary-dark) !important;
    --travel-accent: var(--alo-theme-primary) !important;
    --travel-accent-dark: var(--alo-theme-primary-dark) !important;
}

/* Nền, card, chữ dùng chung trên mọi trang */
html body.w11-pro-site,
body.w11-pro-site .w11-pro-main,
body.w11-pro-site #main-content,
body.w11-pro-site :is(.ctcat-page,.dtx-page,.ct5-page,.wt-market-wrap,.wt-detail-page,.wt-shop-page,.wt-shop-blog-wrap,.wt-shop-article-wrap,.dt-news-page,.ua-page,.market-search-page,.route-seo-page,.geo-landing-page,.service-cluster-page,.route-page,.posts-section,.authx-page,.alo-contact-page) {
    background-color: var(--alo-theme-body) !important;
    color: var(--alo-theme-text) !important;
}

body.w11-pro-site :is(
    .card,.modal-content,.dropdown-menu,.list-group-item,
    .ctcat-head,.ctcat-filterbar,.ctcat-sidebar-box,.ctcat-item,
    .dtx-filter-box,.dtx-card,.dtx-seo,
    .ct5-panel,.ct5-side-card,.ct5-seller-card,.ct5-trust-card,.ct5-related-card,.ct5-ad-card,
    .wt-market-toolbar,.wt-market-filter,.wt-listing-card,.wt-seo-sidebox,.wt-seo-content-box,
    .wt-detail-card,.wt-detail-section,.wt-detail-side-card,.wt-detail-contact-card,.wt-detail-related-section,
    .wt-shop-content-card,.wt-shop-side-card,.wt-shop-pro-card,.wt-shop-sidebar-card,
    .dt-news-section,.dt-side-box,.dt-news-card,.dt-feature-main,.dt-feature-small,.dt-article-card,
    .ua-sidebar,.ua-panel,.ua-form,.ua-stat,.ua-quick-grid a,.wallet-v15-card,.seller-card,.seller-panel,
    .market-search-context,.market-result-list,.market-result-card,
    .route-card,.answer-box,.support-box,.card-soft,
    .authx-card,.alo-contact-card,.alo-contact-hero-card
) {
    background-color: var(--alo-theme-surface) !important;
    border-color: var(--alo-theme-border) !important;
}

body.w11-pro-site :is(
    .ctcat-item,.dtx-card,.ct5-panel,.ct5-related-card,
    .wt-listing-card,.wt-shop-pro-card,.wt-shop-content-card,
    .dt-news-card,.dt-feature-main,.dt-feature-small,
    .ua-quick-grid a,.route-card,.card-soft
):hover {
    border-color: var(--alo-theme-border-active) !important;
}

body.w11-pro-site :is(
    h1,h2,h3,h4,h5,h6,
    .ctcat-title,.dtx-title,.ct5-title,.ct5-panel-title,
    .wt-market-hero h1,.wt-detail-content-wrap h1,.wt-shop-title,
    .dt-news-section-title,.dt-feature-title,.dt-card-title,.dt-list-title,.dt-side-title,.dt-article-title,
    .ua-head h1,.ua-panel-head h2,.ua-section-title h2,
    .market-search-title,.route-hero h1,.route-box h2,.post-title,
    .authx-title h1,.alo-contact-hero h1
) {
    color: var(--alo-theme-heading) !important;
}

body.w11-pro-site :is(
    .text-muted,.small.text-muted,
    .ctcat-muted,.ctcat-item__meta,.dtx-card__meta,.ct5-muted,
    .wt-muted,.wt-detail-muted,.wt-shop-muted,.wt-listing-card__meta,
    .dt-news-meta,.dt-feature-excerpt,.dt-card-excerpt,.dt-list-excerpt,.dt-mini-meta,
    .ua-panel p,.ua-stat span,.ua-quick-grid span,.ua-muted-text,
    .market-search-subtitle,.market-result-meta,
    .tiny,.route-card p,.authx-form p,.alo-contact-page p
) {
    color: var(--alo-theme-muted) !important;
}

/* Giá, kicker, icon và điểm nhấn thương hiệu */
body.w11-pro-site :is(
    .ctcat-item__price,.dtx-card__price,.ct5-price,.ct5-price-row strong,
    .wt-listing-card__bottom strong,.w2-commerce-listing-foot strong,
    .wt-shop-price,.vpd-price,.xe-shop-lead-summary__price-block strong,
    .market-result-price,.route-price-item strong,.wallet-v15-package span,
    .w2-section-kicker,.wt-toolbar-kicker,.wt-market-hero__eyebrow,.wt-shop-eyebrow,
    .dt-news-section-more,.dt-cat-list span,.ua-head span,.ua-panel-head span,.ua-subtitle
) {
    color: var(--alo-theme-primary) !important;
}

body.w11-pro-site :is(
    .ctcat-title-row i,.ctcat-filterbar i,.dtx-title i,.dtx-subcat__icon i,
    .ct5-section-head i,.ct5-panel-title i,.ct5-satellite-kicker i,
    .wt-section-head i,.wt-market-toolbar i,.wt-detail-section-title i,
    .dt-side-title i,.dt-news-kicker i,
    .ua-stat i,.ua-quick-grid i,.ua-section-title > span,.ua-empty--action i,.ua-empty--mini i,
    .market-search-tabs i,.route-badge i,.answer-box i,.service-cluster-page .hero i,
    .alo-contact-kicker i,.authx-badge i
) {
    color: var(--alo-theme-icon) !important;
}

body.w11-pro-site :is(
    .w2-commerce-category-icon,.w2-service-icon,.wt-seo-category-icon,
    .ua-quick-grid i,.ua-avatar,.ctcat-item__icon,.dtx-subcat__icon,
    .market-search-tabs a i,.alo-contact-chip i
) {
    background: var(--alo-theme-soft) !important;
    color: var(--alo-theme-icon) !important;
    border-color: color-mix(in srgb, var(--alo-theme-primary) 20%, transparent) !important;
}

/* Nút thương hiệu chính */
body.w11-pro-site :is(
    .btn-primary,.bg-primary,
    .ua-primary,.ua-filter button,.ua-submit button,.seller-btn,
    .ctcat-title-search button,.ctcat-item__conversion a:first-child,
    .dtx-card__conversion a:first-child,.dtx-mobile-filter,
    .ct5-btn-primary,.ct5-side-actions a:first-child,.ct5-social-row-primary,
    .wt-listing-card__call,.wt-detail-btn-call,.wt-detail-btn-primary,.wt-shop-call,
    .w2-commerce-btn--primary,.w2-commerce-search button,
    .market-search-submit,.market-result-cta,
    .route-primary-cta,.route-btn--primary,.money-cta,
    .dt-cta-button,.authx-submit,.alo-contact-submit,
    .shop-unified-lead-submit,.shop-unified-success-close,
    .xe-shop-hero-btn--primary,.vpd-lead-submit,
    .taxi-shop-lead-submit,.industry-shop .industry-btn-primary
) {
    background: var(--alo-theme-primary) !important;
    background-image: none !important;
    border-color: var(--alo-theme-primary) !important;
    color: var(--alo-theme-primary-text) !important;
    box-shadow: 0 10px 24px color-mix(in srgb, var(--alo-theme-primary) 22%, transparent) !important;
}

body.w11-pro-site :is(
    .btn-primary,.ua-primary,.ua-filter button,.ua-submit button,.seller-btn,
    .ctcat-title-search button,.ctcat-item__conversion a:first-child,
    .dtx-card__conversion a:first-child,.dtx-mobile-filter,
    .ct5-btn-primary,.ct5-side-actions a:first-child,.ct5-social-row-primary,
    .wt-listing-card__call,.wt-detail-btn-call,.wt-detail-btn-primary,.wt-shop-call,
    .w2-commerce-btn--primary,.w2-commerce-search button,
    .market-search-submit,.market-result-cta,
    .route-primary-cta,.route-btn--primary,.money-cta,
    .dt-cta-button,.authx-submit,.alo-contact-submit,
    .shop-unified-lead-submit,.shop-unified-success-close,
    .xe-shop-hero-btn--primary,.vpd-lead-submit,.taxi-shop-lead-submit
):hover {
    background: var(--alo-theme-primary-dark) !important;
    border-color: var(--alo-theme-primary-dark) !important;
    color: var(--alo-theme-primary-text) !important;
}

/* CTA thương mại tách riêng nhưng vẫn thuộc preset đã chọn */
body.w11-pro-site :is(
    .btn-warning,.header-wow-sticky-add,.alogiare-search-btn,.alogiare-location-current,
    .btn-post-free,.post-free-btn,.w12-post-cta,.w12-post-floating a,
    .dtx-card__shop-corner,.ctcat-item__shop-cta,
    .agr-lead-submit,.booking-form button[type="submit"],.alogiare-booking-form button[type="submit"]
) {
    background: var(--alo-theme-cta) !important;
    background-image: none !important;
    border-color: var(--alo-theme-cta) !important;
    color: var(--alo-theme-cta-text) !important;
}

body.w11-pro-site :is(
    .btn-warning,.header-wow-sticky-add,.alogiare-search-btn,.alogiare-location-current,
    .btn-post-free,.post-free-btn,.w12-post-cta,.w12-post-floating a,
    .dtx-card__shop-corner,.ctcat-item__shop-cta,
    .agr-lead-submit,.booking-form button[type="submit"],.alogiare-booking-form button[type="submit"]
):hover {
    background: var(--alo-theme-cta-dark) !important;
    border-color: var(--alo-theme-cta-dark) !important;
    color: var(--alo-theme-cta-text) !important;
}

/* Outline, tab, bộ lọc, phân trang */
body.w11-pro-site :is(
    .btn-outline-primary,.ctcat-filter-pill,.ctcat-filter-chip,.ctcat-grid-mode,
    .market-search-tabs a,.dt-news-category-nav a,.vpd-anchor-nav a,
    .taxi-shop-tabs a,.shop-tabs a,.nav-pills .nav-link
) {
    border-color: var(--alo-theme-border) !important;
    color: var(--alo-theme-text) !important;
}

body.w11-pro-site :is(
    .btn-outline-primary:hover,.btn-outline-primary:focus,
    .ctcat-filter-pill.is-active,.ctcat-filter-chip.is-active,.ctcat-grid-mode.is-active,
    .market-search-tabs a.is-active,.dt-news-category-nav a.is-active,
    .vpd-anchor-nav a.is-active,.taxi-shop-tabs a.is-active,.shop-tabs a.is-active,
    .nav-pills .nav-link.active
) {
    background: var(--alo-theme-primary) !important;
    border-color: var(--alo-theme-primary) !important;
    color: var(--alo-theme-primary-text) !important;
}

body.w11-pro-site .page-link {
    color: var(--alo-theme-primary) !important;
    border-color: var(--alo-theme-border) !important;
    background: var(--alo-theme-surface) !important;
}
body.w11-pro-site .page-item.active .page-link {
    background: var(--alo-theme-primary) !important;
    border-color: var(--alo-theme-primary) !important;
    color: var(--alo-theme-primary-text) !important;
}
body.w11-pro-site .page-link:hover {
    background: var(--alo-theme-soft) !important;
    color: var(--alo-theme-primary-dark) !important;
}

/* Badge/nhãn thương hiệu; badge trạng thái success/danger giữ màu nghiệp vụ riêng. */
body.w11-pro-site :is(
    .ctcat-item__kind,.dtx-card__kind,.ct5-related-card__kind,
    .listing-category-badge,.service-category-badge,
    .w2-commerce-pill,.wt-badge,.dt-news-badge,
    .market-search-summary .badge,.route-badge:not(.bg-success):not(.bg-danger),
    .w12-post-popup__badge,.wallet-v15-title strong
) {
    background: var(--alo-theme-soft) !important;
    color: var(--alo-theme-primary-dark) !important;
    border-color: color-mix(in srgb, var(--alo-theme-primary) 22%, transparent) !important;
}

/* Hero/banner của các trang phụ: không còn đỏ/xanh cũ khác style. */
body.w11-pro-site :is(
    .w2-commerce-hero,.wt-market-hero,.ua-welcome,.wallet-v15-balance,
    .authx-left,.alo-contact-hero,.route-hero,.service-cluster-page .hero,
    .geo-landing-page .hero,.market-search-context--hero
) {
    background: linear-gradient(135deg,
        color-mix(in srgb, var(--alo-theme-primary-dark) 76%, #0f172a),
        var(--alo-theme-primary-dark) 58%,
        var(--alo-theme-primary)
    ) !important;
}

body.w11-pro-site :is(
    .w2-commerce-hero,.w2-commerce-hero h1,.w2-commerce-hero p,
    .wt-market-hero,.wt-market-hero h1,.wt-market-hero p,
    .ua-welcome,.ua-welcome h1,.ua-welcome p,
    .wallet-v15-balance,.wallet-v15-balance p,
    .authx-left,.authx-left h1,.authx-left p,
    .alo-contact-hero,.alo-contact-hero h1,.alo-contact-hero p,
    .route-hero,.route-hero h1,.route-hero p,
    .service-cluster-page .hero,.service-cluster-page .hero h1,
    .geo-landing-page .hero,.geo-landing-page .hero h1
) {
    color: #ffffff !important;
}

/* News: thay topbar vàng/cam hard-code bằng đúng màu style */
body.w11-pro-site .dt-news-topbar {
    background: linear-gradient(135deg,
        var(--alo-theme-primary),
        color-mix(in srgb, var(--alo-theme-primary) 72%, white)
    ) !important;
    box-shadow: 0 14px 38px color-mix(in srgb, var(--alo-theme-primary) 22%, transparent) !important;
}
body.w11-pro-site .dt-news-topbar :is(h1,p,.dt-news-kicker) {
    color: var(--alo-theme-primary-text) !important;
}
body.w11-pro-site .dt-news-kicker {
    background: color-mix(in srgb, var(--alo-theme-surface) 86%, transparent) !important;
    border-color: color-mix(in srgb, var(--alo-theme-surface) 72%, transparent) !important;
    color: var(--alo-theme-text) !important;
}
body.w11-pro-site .dt-side-title::before,
body.w11-pro-site .dt-author-avatar {
    background: var(--alo-theme-primary) !important;
    color: var(--alo-theme-primary-text) !important;
}
body.w11-pro-site .dt-cta-box {
    background: linear-gradient(135deg, var(--alo-theme-primary-dark), var(--alo-theme-primary)) !important;
}

/* Account: sidebar, icon, trạng thái active cùng style */
body.w11-pro-site .ua-nav a:hover,
body.w11-pro-site .ua-nav a.is-active {
    background: var(--alo-theme-soft) !important;
    color: var(--alo-theme-primary) !important;
}
body.w11-pro-site .ua-avatar {
    background: linear-gradient(135deg, var(--alo-theme-primary), var(--alo-theme-primary-dark)) !important;
    color: var(--alo-theme-primary-text) !important;
}
body.w11-pro-site .ua-section-title > span {
    background: var(--alo-theme-primary) !important;
    color: var(--alo-theme-primary-text) !important;
}
body.w11-pro-site :is(.ua-category-picker__toggle,.ua-category-picker__option,.ua-category-library__item,.ua-gallery-card):hover,
body.w11-pro-site :is(.ua-category-picker__option,.ua-category-library__item,.ua-gallery-card).is-selected {
    border-color: var(--alo-theme-primary) !important;
}
body.w11-pro-site :is(.ua-category-picker__option,.ua-area-combo__option).is-selected,
body.w11-pro-site :is(.ua-category-picker__option,.ua-area-combo__option):hover {
    background: var(--alo-theme-soft) !important;
    color: var(--alo-theme-primary-dark) !important;
}
body.w11-pro-site .ua-category-library__item.is-selected::before,
body.w11-pro-site .ua-gallery-order {
    background: var(--alo-theme-primary) !important;
    color: var(--alo-theme-primary-text) !important;
}

/* Listing/category/detail */
body.w11-pro-site :is(.ctcat-title-search,.ctcat-inline-search,.market-search-form,.wt-market-search) {
    border-color: var(--alo-theme-border) !important;
    background: var(--alo-theme-surface) !important;
}
body.w11-pro-site :is(.ctcat-item__title a,.dtx-card__title a,.ct5-related-card__title,.wt-listing-card__title a):hover {
    color: var(--alo-theme-primary) !important;
}
body.w11-pro-site :is(.ctcat-save,.ctcat-item__heart,.dtx-card__heart,.ct5-favorite-btn).is-active,
body.w11-pro-site :is(.ctcat-save,.ctcat-item__heart,.dtx-card__heart,.ct5-favorite-btn):hover {
    background: var(--alo-theme-soft) !important;
    border-color: var(--alo-theme-primary) !important;
    color: var(--alo-theme-primary) !important;
}
body.w11-pro-site :is(.ct5-satellite-box--primary,.alo-support-hub__panel--shop) {
    border-color: color-mix(in srgb, var(--alo-theme-primary) 35%, var(--alo-theme-border)) !important;
    background: var(--alo-theme-soft-2) !important;
}

/* Search */
body.w11-pro-site .market-search-tabs a.is-active::after {
    background: var(--alo-theme-primary) !important;
}
body.w11-pro-site .market-result-card:hover {
    border-color: var(--alo-theme-primary) !important;
    box-shadow: 0 16px 38px color-mix(in srgb, var(--alo-theme-primary) 12%, transparent) !important;
}

/* Shop directory + shop detail */
body.w11-pro-site :is(.wt-shop-directory-page,.ct5-shop-page,.taxi-shop-page,.xe-shop-vpd,.industry-shop) {
    color: var(--alo-theme-text) !important;
}
body.w11-pro-site :is(.wt-shop-filter-note,.ctcat-save,.wt-shop-eyebrow,.ct5-shop-kicker,.vpd-kicker) {
    color: var(--alo-theme-primary) !important;
}
body.w11-pro-site :is(.vpd-thumb.is-active,.xe-shop-vpd .vpd-anchor-nav a.is-active) {
    border-color: var(--alo-theme-primary) !important;
    box-shadow: inset 0 -3px 0 var(--alo-theme-primary) !important;
}
body.w11-pro-site :is(.xe-shop-hero-btn--secondary,.xe-shop-quick-btn.is-light,.vpd-gallery-nav) {
    color: var(--alo-theme-primary) !important;
    border-color: color-mix(in srgb, var(--alo-theme-primary) 32%, var(--alo-theme-border)) !important;
    background: var(--alo-theme-surface) !important;
}
body.w11-pro-site :is(.shop-unified-lead-tabs button.is-active,.shop-unified-lead-submit,.shop-unified-success-close) {
    background: var(--alo-theme-primary) !important;
    color: var(--alo-theme-primary-text) !important;
}
body.w11-pro-site :is(.shop-unified-field input,.shop-unified-field select,.shop-unified-field textarea):focus {
    border-color: var(--alo-theme-primary) !important;
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--alo-theme-primary) 14%, transparent) !important;
}

/* Form focus toàn site */
body.w11-pro-site :is(input,select,textarea,.form-control,.form-select):not([type="checkbox"]):not([type="radio"]):focus {
    border-color: var(--alo-theme-primary) !important;
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--alo-theme-primary) 14%, transparent) !important;
}
body.w11-pro-site .form-check-input:checked {
    background-color: var(--alo-theme-primary) !important;
    border-color: var(--alo-theme-primary) !important;
}

/* Bootstrap helper cũ */
body.w11-pro-site .text-primary { color: var(--alo-theme-primary) !important; }
body.w11-pro-site .border-primary { border-color: var(--alo-theme-primary) !important; }
body.w11-pro-site .progress-bar { background-color: var(--alo-theme-primary) !important; }
body.w11-pro-site ::selection {
    background: color-mix(in srgb, var(--alo-theme-primary) 28%, transparent);
    color: var(--alo-theme-text);
}

/* Không đổi màu nghiệp vụ: lỗi, xoá, cảnh báo, thành công, Zalo/Facebook/Messenger. */
body.w11-pro-site :is(.text-danger,.btn-danger,.alert-danger,.is-error,.danger,.rejected) {
    --alo-keep-semantic-color: 1;
}

@media (max-width: 767.98px) {
    body.w11-pro-site .w11-pro-main,
    body.w11-pro-site #main-content {
        background: var(--alo-theme-body) !important;
    }
}