/*
 * ParsHost Cart — Shadow DOM brand tokens
 * Maps ParsHost emerald theme into Vue SPA (--vl-*)
 */

/* Force category tabs visible — standard_cart hides .sidebar-collapsed >=1200px */
#order-standard_cart.ph-order-page .sidebar-collapsed,
#order-standard_cart.ph-order-page .ph-category-tabs-inner,
#order-standard_cart.ph-order-page .ph-category-tabs-grid {
    display: grid !important;
}

#order-standard_cart.ph-order-page .ph-category-tabs-inner {
    display: block !important;
}

/* Reset standard_cart float layout on configure/domain steps */
#order-standard_cart.ph-order-page {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    float: none !important;
}

#order-standard_cart.ph-order-page .cart-body,
#order-standard_cart.ph-order-page .row.cart-body {
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

#order-standard_cart.ph-order-page .domain-selection-options .option {
    border-radius: 0;
    background: transparent;
    padding: 0;
    margin-bottom: 0;
}

:host, :root {
    --ph-font: 'IRANYekanXVF', Tahoma, 'Segoe UI', sans-serif;
    font-family: var(--ph-font);
    --primary: #059669;
    --primary-lifted: #047857;
    --primary-accented: #065f46;

    --secondary: #0d9488;
    --secondary-lifted: #0f766e;
    --secondary-accented: #115e59;

    --success: #10b981;
    --success-lifted: #059669;
    --success-accented: #047857;

    --info: #06b6d4;
    --info-lifted: #0891b2;
    --info-accented: #0e7490;

    --notice: #0d9488;
    --notice-lifted: #0f766e;
    --notice-accented: #115e59;

    --warning: #f59e0b;
    --warning-lifted: #d97706;
    --warning-accented: #b45309;

    --error: #ef4444;
    --error-lifted: #dc2626;
    --error-accented: #b91c1c;

    --grayscale: #1f2937;
    --grayscale-lifted: #374151;
    --grayscale-accented: #4b5563;

    --neutral: #6b7280;
    --neutral-lifted: #4b5563;
    --neutral-accented: #374151;

    --text-inverted: #fff;
    --text-muted: #9ca3af;
    --text-lifted: #6b7280;
    --text-accented: #4b5563;
    --text: #1f2937;

    --border-muted: rgba(16, 185, 129, 0.12);
    --border: #e5e7eb;
    --border-lifted: rgba(16, 185, 129, 0.25);
    --border-accented: #059669;

    --bg: #ffffff;
    --bg-muted: #f0fdf4;
    --bg-lifted: #ecfeff;
    --bg-accented: #d1fae5;
    --bg-inverted: #064e3b;

    --text-xs: 0.625rem;
    --text-sm: 0.75rem;
    --text-md: 0.875rem;
    --text-lg: 1rem;

    --outline-sm: 1px;
    --outline-md: 2px;
    --outline-lg: 3px;

    --rounding-sm: 0;
    --rounding-md: 0;
    --rounding-lg: 0;

    --letter-spacing: 0em;
    --disabled-opacity: 25%;

    --vl-primary: var(--primary);
    --vl-primary-lifted: var(--primary-lifted);
    --vl-primary-accented: var(--primary-accented);

    --vl-secondary: var(--secondary);
    --vl-secondary-lifted: var(--secondary-lifted);
    --vl-secondary-accented: var(--secondary-accented);

    --vl-success: var(--success);
    --vl-success-lifted: var(--success-lifted);
    --vl-success-accented: var(--success-accented);

    --vl-info: var(--info);
    --vl-info-lifted: var(--info-lifted);
    --vl-info-accented: var(--info-accented);

    --vl-notice: var(--notice);
    --vl-notice-lifted: var(--notice-lifted);
    --vl-notice-accented: var(--notice-accented);

    --vl-warning: var(--warning);
    --vl-warning-lifted: var(--warning-lifted);
    --vl-warning-accented: var(--warning-accented);

    --vl-error: var(--error);
    --vl-error-lifted: var(--error-lifted);
    --vl-error-accented: var(--error-accented);

    --vl-grayscale: var(--grayscale);
    --vl-grayscale-lifted: var(--grayscale-lifted);
    --vl-grayscale-accented: var(--grayscale-accented);

    --vl-neutral: var(--neutral);
    --vl-neutral-lifted: var(--neutral-lifted);
    --vl-neutral-accented: var(--neutral-accented);

    --vl-text-inverted: var(--text-inverted);
    --vl-text-muted: var(--text-muted);
    --vl-text-lifted: var(--text-lifted);
    --vl-text-accented: var(--text-accented);
    --vl-text: var(--text);

    --vl-border-muted: var(--border-muted);
    --vl-border: var(--border);
    --vl-border-lifted: var(--border-lifted);
    --vl-border-accented: var(--border-accented);

    --vl-bg: var(--bg);
    --vl-bg-muted: var(--bg-muted);
    --vl-bg-lifted: var(--bg-lifted);
    --vl-bg-accented: var(--bg-accented);
    --vl-bg-inverted: var(--bg-inverted);

    --vl-text-xs: var(--text-xs);
    --vl-text-sm: var(--text-sm);
    --vl-text-md: var(--text-md);
    --vl-text-lg: var(--text-lg);

    --vl-outline-sm: var(--outline-sm);
    --vl-outline-md: var(--outline-md);
    --vl-outline-lg: var(--outline-lg);

    --vl-rounding-sm: var(--rounding-sm);
    --vl-rounding-md: var(--rounding-md);
    --vl-rounding-lg: var(--rounding-lg);

    --vl-letter-spacing: var(--letter-spacing);
    --vl-disabled-opacity: var(--disabled-opacity);
}