/**
 * Preset theme: Vietserver (<https://home.vietserver.vn/>) và USCloud (<https://uscloud.vn/>).
 * Class modifier gắn trên `.maxcloud-region-widget` hoặc `.mc-pricing`.
 * Theme "Mặc định" không thêm modifier — giao diện card trong pricing-widget.css
 * (landing xanh Google + giá vàng cam). Preset chỉ đổi palette.
 */

/* -------------------------------------------------------------------------- */
/* Vietserver — teal / emerald, độ tương phản sạch                                   */
/* -------------------------------------------------------------------------- */

.region-selector-v3.maxcloud-region-widget--theme-vietserver,
.maxcloud-region-widget--theme-vietserver.region-selector-v3 {
    --mc-region-primary: #0d9488;
    --mc-region-primary-deep: #0f766e;
    --mc-region-primary-dark: #134e4a;
    --mc-region-border: rgba(13, 148, 136, 0.18);
    --mc-region-border-hover: rgba(13, 148, 136, 0.35);
    --mc-region-shadow: rgba(15, 118, 110, 0.08);
    --mc-region-shadow-hover: rgba(15, 118, 110, 0.14);
}

.maxcloud-region-widget--theme-vietserver.region-selector-v3 .region-selector-v3__header {
    background: linear-gradient(135deg, rgba(13, 148, 136, 0.14), rgba(15, 118, 110, 0.08));
}

.maxcloud-region-widget--theme-vietserver.region-selector-v3 .region-selector-v3__item:hover:not(.region-selector-v3__item--disabled):not(.region-selector-v3__item--active) {
    background: rgba(13, 148, 136, 0.04);
    box-shadow: 0 4px 12px var(--mc-region-shadow-hover);
}

.maxcloud-region-widget--theme-vietserver.region-selector-v3 .region-selector-v3__item--active {
    background: linear-gradient(135deg, rgba(13, 148, 136, 0.14), rgba(15, 118, 110, 0.07));
    box-shadow: 0 4px 16px rgba(13, 148, 136, 0.22);
}

.maxcloud-region-widget--theme-vietserver.region-selector-v3 .region-selector-v3__item:focus-visible {
    border-color: var(--mc-region-primary);
    box-shadow: 0 0 0 3px rgba(13, 148, 136, 0.28);
}

.maxcloud-region-widget--theme-vietserver.region-selector-v3 .region-selector-v3__icon {
    background: rgba(13, 148, 136, 0.12);
}

.maxcloud-region-widget--theme-vietserver.region-selector-v3 .region-selector-v3__checkmark {
    background: linear-gradient(135deg, var(--mc-region-primary), var(--mc-region-primary-deep));
    box-shadow: 0 2px 8px rgba(13, 148, 136, 0.35);
}

.maxcloud-region-widget--theme-vietserver.region-selector-v3 .region-selector-v3__item--disabled {
    border-color: rgba(13, 148, 136, 0.12);
}

/* -------------------------------------------------------------------------- */
/* USCloud — xanh dương đậm / slate                                                  */
/* -------------------------------------------------------------------------- */

.region-selector-v3.maxcloud-region-widget--theme-uscloud,
.maxcloud-region-widget--theme-uscloud.region-selector-v3 {
    --mc-region-primary: #2563eb;
    --mc-region-primary-deep: #1d4ed8;
    --mc-region-primary-dark: #1e293b;
    --mc-region-text-muted: #64748b;
    --mc-region-border: rgba(37, 99, 235, 0.16);
    --mc-region-border-hover: rgba(37, 99, 235, 0.32);
    --mc-region-shadow: rgba(30, 64, 175, 0.09);
    --mc-region-shadow-hover: rgba(30, 64, 175, 0.14);
}

.maxcloud-region-widget--theme-uscloud.region-selector-v3 .region-selector-v3__header {
    background: linear-gradient(135deg, rgba(37, 99, 235, 0.14), rgba(29, 78, 216, 0.08));
}

.maxcloud-region-widget--theme-uscloud.region-selector-v3 .region-selector-v3__item:hover:not(.region-selector-v3__item--disabled):not(.region-selector-v3__item--active) {
    background: rgba(37, 99, 235, 0.04);
    box-shadow: 0 4px 12px var(--mc-region-shadow-hover);
}

.maxcloud-region-widget--theme-uscloud.region-selector-v3 .region-selector-v3__item--active {
    background: linear-gradient(135deg, rgba(37, 99, 235, 0.14), rgba(29, 78, 216, 0.07));
    box-shadow: 0 4px 16px rgba(37, 99, 235, 0.22);
}

.maxcloud-region-widget--theme-uscloud.region-selector-v3 .region-selector-v3__item:focus-visible {
    border-color: var(--mc-region-primary);
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.28);
}

.maxcloud-region-widget--theme-uscloud.region-selector-v3 .region-selector-v3__icon {
    background: rgba(37, 99, 235, 0.1);
}

.maxcloud-region-widget--theme-uscloud.region-selector-v3 .region-selector-v3__checkmark {
    background: linear-gradient(135deg, var(--mc-region-primary), var(--mc-region-primary-deep));
    box-shadow: 0 2px 8px rgba(37, 99, 235, 0.35);
}

/* ========== Pricing: Vietserver ========== */

.mc-pricing.mc-pricing--theme-vietserver {
    --mc-region-primary: #0d9488;
    --mc-region-primary-deep: #0f766e;
    --mc-region-primary-dark: #134e4a;
    --mc-region-border: rgba(13, 148, 136, 0.18);
    --mc-region-shadow: rgba(15, 118, 110, 0.08);
    --mc-pricing-price-accent: #d97706;
    --mc-pricing-page-bg: #ecfdf5;
    --mc-pricing-accent-strong: #115e59;
    --mc-pricing-card-border-mid: rgba(13, 148, 136, 0.42);
    --mc-pricing-card-border-deep: rgba(15, 118, 110, 0.28);
    --mc-pricing-tab-bg: rgba(13, 148, 136, 0.1);
    --mc-pricing-tab-bg-hover: rgba(13, 148, 136, 0.18);
    --mc-pricing-tab-active-shadow: 0 4px 12px rgba(13, 148, 136, 0.35);
    --mc-pricing-card-shadow: rgba(15, 118, 110, 0.1);
    --mc-pricing-card-shadow-hover: rgba(13, 148, 136, 0.16);
    --mc-pricing-card-shadow-active: rgba(13, 148, 136, 0.26);
    --mc-pricing-feature-border: rgba(13, 148, 136, 0.18);
    --mc-pricing-feature-shadow: rgba(15, 118, 110, 0.06);
    --mc-pricing-footer-dash: rgba(13, 148, 136, 0.22);
}

.mc-pricing.mc-pricing--theme-vietserver .region-selector-v3 {
    --mc-region-primary: #0d9488;
    --mc-region-primary-deep: #0f766e;
    --mc-region-primary-dark: #134e4a;
    --mc-region-border: rgba(13, 148, 136, 0.18);
    --mc-region-border-hover: rgba(13, 148, 136, 0.35);
    --mc-region-shadow: rgba(15, 118, 110, 0.08);
    --mc-region-shadow-hover: rgba(15, 118, 110, 0.14);
}

.mc-pricing.mc-pricing--theme-vietserver .mc-pricing__header {
    background: linear-gradient(135deg, rgba(13, 148, 136, 0.14), rgba(15, 118, 110, 0.08));
}

.mc-pricing.mc-pricing--theme-vietserver .mc-pricing__price-mode-tab--active {
    box-shadow: var(--mc-pricing-tab-active-shadow);
}

.mc-pricing.mc-pricing--theme-vietserver .mc-pricing__product-card:hover {
    box-shadow: 0 12px 32px rgba(13, 148, 136, 0.16);
}

.mc-pricing.mc-pricing--theme-vietserver .mc-pricing__product-card.is-active {
    box-shadow: 0 12px 32px rgba(13, 148, 136, 0.26);
}

.mc-pricing.mc-pricing--theme-vietserver .mc-pricing__banner {
    background: linear-gradient(135deg, rgba(13, 148, 136, 0.12), rgba(15, 118, 110, 0.08));
}

.mc-pricing.mc-pricing--theme-vietserver .mc-pricing__product-footer {
    border-top-color: rgba(13, 148, 136, 0.22);
    background: linear-gradient(180deg, #fff, #f0fdfa);
}

.mc-pricing.mc-pricing--theme-vietserver .region-selector-v3__header {
    background: linear-gradient(135deg, rgba(13, 148, 136, 0.14), rgba(15, 118, 110, 0.08));
}

.mc-pricing.mc-pricing--theme-vietserver .region-selector-v3 .region-selector-v3__item:hover:not(.region-selector-v3__item--disabled):not(.region-selector-v3__item--active) {
    background: rgba(13, 148, 136, 0.04);
}

.mc-pricing.mc-pricing--theme-vietserver .region-selector-v3 .region-selector-v3__item--active {
    background: linear-gradient(135deg, rgba(13, 148, 136, 0.14), rgba(15, 118, 110, 0.07));
    box-shadow: 0 4px 16px rgba(13, 148, 136, 0.22);
}

.mc-pricing.mc-pricing--theme-vietserver .region-selector-v3 .region-selector-v3__icon {
    background: rgba(13, 148, 136, 0.12);
}

.mc-pricing.mc-pricing--theme-vietserver .region-selector-v3 .region-selector-v3__checkmark {
    background: linear-gradient(135deg, #0d9488, #0f766e);
    box-shadow: 0 2px 8px rgba(13, 148, 136, 0.35);
}

/* ========== Pricing: USCloud ========== */

.mc-pricing.mc-pricing--theme-uscloud {
    --mc-region-primary: #2563eb;
    --mc-region-primary-deep: #1d4ed8;
    --mc-region-primary-dark: #1e293b;
    --mc-region-border: rgba(37, 99, 235, 0.16);
    --mc-region-shadow: rgba(30, 64, 175, 0.09);
    --mc-pricing-price-accent: #ea8600;
    --mc-pricing-page-bg: #f1f5f9;
    --mc-pricing-accent-strong: #1e40af;
    --mc-pricing-card-border-mid: rgba(37, 99, 235, 0.45);
    --mc-pricing-card-border-deep: rgba(29, 78, 216, 0.22);
    --mc-pricing-tab-bg: rgba(37, 99, 235, 0.1);
    --mc-pricing-tab-bg-hover: rgba(37, 99, 235, 0.18);
    --mc-pricing-tab-active-shadow: 0 4px 12px rgba(37, 99, 235, 0.35);
    --mc-pricing-card-shadow: rgba(30, 64, 175, 0.1);
    --mc-pricing-card-shadow-hover: rgba(29, 78, 216, 0.16);
    --mc-pricing-card-shadow-active: rgba(37, 99, 235, 0.28);
    --mc-pricing-feature-border: rgba(37, 99, 235, 0.16);
    --mc-pricing-feature-shadow: rgba(30, 64, 175, 0.06);
    --mc-pricing-footer-dash: rgba(37, 99, 235, 0.22);
}

.mc-pricing.mc-pricing--theme-uscloud .region-selector-v3 {
    --mc-region-primary: #2563eb;
    --mc-region-primary-deep: #1d4ed8;
    --mc-region-primary-dark: #1e293b;
    --mc-region-border: rgba(37, 99, 235, 0.16);
    --mc-region-border-hover: rgba(37, 99, 235, 0.32);
    --mc-region-shadow: rgba(30, 64, 175, 0.09);
    --mc-region-shadow-hover: rgba(30, 64, 175, 0.14);
}

.mc-pricing.mc-pricing--theme-uscloud .mc-pricing__header {
    background: linear-gradient(135deg, rgba(37, 99, 235, 0.14), rgba(29, 78, 216, 0.08));
}

.mc-pricing.mc-pricing--theme-uscloud .mc-pricing__price-mode-tab--active {
    box-shadow: var(--mc-pricing-tab-active-shadow);
}

.mc-pricing.mc-pricing--theme-uscloud .mc-pricing__product-card:hover {
    box-shadow: 0 12px 32px rgba(29, 78, 216, 0.16);
}

.mc-pricing.mc-pricing--theme-uscloud .mc-pricing__product-card.is-active {
    box-shadow: 0 12px 32px rgba(37, 99, 235, 0.28);
}

.mc-pricing.mc-pricing--theme-uscloud .mc-pricing__banner {
    background: linear-gradient(135deg, rgba(37, 99, 235, 0.12), rgba(29, 78, 216, 0.08));
}

.mc-pricing.mc-pricing--theme-uscloud .mc-pricing__product-footer {
    border-top-color: rgba(37, 99, 235, 0.22);
    background: linear-gradient(180deg, #fff, #eff6ff);
}

.mc-pricing.mc-pricing--theme-uscloud .region-selector-v3__header {
    background: linear-gradient(135deg, rgba(37, 99, 235, 0.14), rgba(29, 78, 216, 0.08));
}

.mc-pricing.mc-pricing--theme-uscloud .region-selector-v3 .region-selector-v3__item:hover:not(.region-selector-v3__item--disabled):not(.region-selector-v3__item--active) {
    background: rgba(37, 99, 235, 0.04);
}

.mc-pricing.mc-pricing--theme-uscloud .region-selector-v3 .region-selector-v3__item--active {
    background: linear-gradient(135deg, rgba(37, 99, 235, 0.14), rgba(29, 78, 216, 0.07));
    box-shadow: 0 4px 16px rgba(37, 99, 235, 0.22);
}

.mc-pricing.mc-pricing--theme-uscloud .region-selector-v3 .region-selector-v3__icon {
    background: rgba(37, 99, 235, 0.1);
}

.mc-pricing.mc-pricing--theme-uscloud .region-selector-v3 .region-selector-v3__checkmark {
    background: linear-gradient(135deg, #2563eb, #1d4ed8);
    box-shadow: 0 2px 8px rgba(37, 99, 235, 0.35);
}