/*
Theme Name: CorteX Sri Homes
Theme URI: https://cortexsolutions.lk/
Author: CorteX Solutions
Author URI: https://cortexsolutions.lk/
Description: Custom theme scaffold for the Sri Homes unified platform rebuild.
Version: 1.0.44
Requires at least: 6.0
Tested up to: 6.9.1
Requires PHP: 7.4
Text Domain: cortex-sri-homes
*/

:root {
    --csh-color-brand: #0a7f78;
    --csh-color-brand-strong: #064b52;
    --csh-color-accent: #d7a84b;

    --csh-bg-primary: #f4f7fb;
    --csh-bg-secondary: #ffffff;
    --csh-bg-tertiary: #ebf1f7;
    --csh-bg-overlay: rgba(255, 255, 255, 0.62);
    --csh-surface-base: rgba(255, 255, 255, 0.94);
    --csh-surface-elevated: #ffffff;
    --csh-surface-muted: #f4f7fb;
    --csh-surface-strong: #eaf0f7;
    --csh-surface-glass: rgba(255, 255, 255, 0.74);
    --csh-surface-glass-strong: rgba(255, 255, 255, 0.86);
    --csh-panel-bg: linear-gradient(180deg, rgba(255, 255, 255, 0.97), rgba(241, 246, 252, 0.97));
    --csh-panel-strong-bg: linear-gradient(180deg, rgba(248, 250, 254, 0.98), rgba(233, 240, 248, 0.98));
    --csh-panel-inverse-bg: linear-gradient(180deg, rgba(14, 25, 38, 0.94), rgba(23, 41, 67, 0.9));
    --csh-card-bg: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(244, 248, 252, 0.98));
    --csh-card-bg-muted: linear-gradient(180deg, rgba(248, 251, 255, 0.98), rgba(239, 244, 250, 0.98));
    --csh-card-media-bg: linear-gradient(180deg, #f9fbfe, #ffffff);

    --csh-text-main: #172436;
    --csh-text-soft: rgba(23, 36, 54, 0.76);
    --csh-text-faint: rgba(23, 36, 54, 0.58);
    --csh-text-inverse: #f7fbff;
    --csh-text-accent: #0b5d88;

    --csh-border-color: rgba(17, 31, 48, 0.12);
    --csh-border-strong: rgba(17, 31, 48, 0.18);
    --csh-border-contrast: rgba(109, 130, 156, 0.32);
    --csh-input-bg: rgba(255, 255, 255, 0.9);
    --csh-input-border: rgba(17, 31, 48, 0.16);
    --csh-focus-ring-color: rgba(37, 99, 235, 0.18);
    --csh-overlay-soft: rgba(255, 255, 255, 0.16);
    --csh-overlay-strong: rgba(6, 17, 29, 0.58);
    --csh-overlay-scrim: rgba(12, 18, 28, 0.58);

    --csh-elevation-soft: 0 18px 42px rgba(17, 31, 48, 0.08);
    --csh-elevation-medium: 0 24px 60px rgba(17, 31, 48, 0.1);
    --csh-elevation-strong: 0 30px 72px rgba(17, 31, 48, 0.12);
    --csh-elevation-hover: 0 34px 78px rgba(17, 31, 48, 0.16);
    --csh-inset-highlight: inset 0 1px 0 rgba(255, 255, 255, 0.68);

    --csh-success-bg: rgba(22, 163, 74, 0.12);
    --csh-success-text: #166534;
    --csh-warning-bg: rgba(245, 158, 11, 0.14);
    --csh-warning-text: #92400e;
    --csh-error-bg: rgba(239, 68, 68, 0.1);
    --csh-error-text: #b91c1c;
    --csh-modal-backdrop: rgba(12, 18, 28, 0.56);

    --csh-tech-page-bg: linear-gradient(180deg, #f6f9fd, #eef3f8 38%, #e7eef6 100%);
    --csh-tech-page-orb: rgba(56, 189, 248, 0.12);
    --csh-tech-hero-bg: #09111c;
    --csh-tech-hero-border: rgba(255, 255, 255, 0.1);
    --csh-tech-hero-overlay: linear-gradient(90deg, rgba(4, 10, 18, 0.82), rgba(4, 10, 18, 0.24));
    --csh-tech-chip-bg: rgba(8, 16, 28, 0.52);
    --csh-tech-chip-border: rgba(165, 184, 205, 0.22);
    --csh-tech-chip-text: #f7fbff;
    --csh-tech-section-kicker: #2563eb;
    --csh-tech-section-title: #172436;
    --csh-tech-section-rule: linear-gradient(90deg, #38bdf8, #2563eb);
    --csh-tech-grid-bg: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(240, 246, 252, 0.94));
    --csh-tech-grid-border: rgba(17, 31, 48, 0.1);
    --csh-tech-category-hover: rgba(37, 99, 235, 0.08);
    --csh-tech-category-active: rgba(37, 99, 235, 0.14);
    --csh-tech-brand-frame-bg: linear-gradient(180deg, rgba(11, 19, 31, 0.72), rgba(15, 23, 42, 0.76));
    --csh-tech-brand-arrow-bg: rgba(11, 19, 31, 0.34);
    --csh-tech-brand-arrow-border: rgba(255, 255, 255, 0.14);
    --csh-tech-toolbar-bg: var(--csh-panel-bg);
    --csh-tech-toolbar-text: var(--csh-text-main);
    --csh-tech-sidebar-bg: var(--csh-panel-bg);
    --csh-tech-sidebar-border: rgba(37, 99, 235, 0.12);
    --csh-tech-filter-bg: rgba(255, 255, 255, 0.84);
    --csh-tech-filter-active-bg: rgba(37, 99, 235, 0.12);
    --csh-tech-card-bg: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(243, 247, 252, 0.98));
    --csh-tech-card-body-bg: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(239, 244, 250, 0.98));
    --csh-tech-card-media-bg: linear-gradient(180deg, #f7fbff, #ffffff);
    --csh-tech-card-border: rgba(17, 31, 48, 0.1);
    --csh-tech-card-text: var(--csh-text-main);
    --csh-tech-card-muted: rgba(23, 36, 54, 0.72);
    --csh-tech-badge-bg: linear-gradient(180deg, #22c55e, #15803d);
    --csh-tech-badge-text: #ffffff;
    --csh-tech-gift-bg: rgba(16, 27, 42, 0.9);
    --csh-tech-gift-text: #f8fafc;
    --csh-tech-footer-icon-bg: rgba(17, 31, 48, 0.08);
    --csh-tech-banner-shadow: 0 18px 44px rgba(17, 31, 48, 0.16);

    --csh-art-page-bg: radial-gradient(circle at top, rgba(193, 123, 68, 0.12), transparent 26%), linear-gradient(180deg, #fbf6ef, #f5ede2 100%);
    --csh-art-frame-bg: linear-gradient(145deg, rgba(255, 248, 241, 0.98), rgba(247, 237, 225, 0.96));
    --csh-art-frame-bg-alt: linear-gradient(145deg, rgba(255, 251, 246, 0.98), rgba(243, 230, 214, 0.96));
    --csh-art-frame-border: rgba(96, 58, 33, 0.12);
    --csh-art-frame-shadow: 0 24px 52px rgba(67, 41, 25, 0.09);
    --csh-art-float-one: radial-gradient(circle, rgba(205, 147, 87, 0.18), transparent 68%);
    --csh-art-float-two: radial-gradient(circle, rgba(120, 73, 38, 0.1), transparent 72%);
    --csh-art-summary-text: rgba(53, 36, 24, 0.76);
    --csh-art-section-kicker: #a65f2b;
    --csh-art-section-title: #2f2118;
    --csh-art-section-rule: linear-gradient(90deg, #c17b44, #8d4d1f);
    --csh-art-category-bg: linear-gradient(180deg, rgba(255, 250, 244, 0.96), rgba(245, 232, 219, 0.94));
    --csh-art-category-active-bg: linear-gradient(180deg, rgba(255, 244, 229, 0.98), rgba(242, 221, 200, 0.96));
    --csh-art-category-border: rgba(91, 57, 32, 0.14);
    --csh-art-category-code-bg: linear-gradient(135deg, #5d3923, #9c5c2f);
    --csh-art-category-code-text: #fff7f0;
    --csh-art-category-text: #352418;
    --csh-art-card-bg: linear-gradient(180deg, #fffdf9, #fff7ef 42%, #ffffff);
    --csh-art-card-media-bg: linear-gradient(180deg, #fffaf1, #fffefe);
    --csh-art-card-body-bg: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(255, 248, 239, 0.94));
    --csh-art-card-border: rgba(109, 83, 24, 0.16);
    --csh-art-card-title: #2f1f14;
    --csh-art-card-text: rgba(73, 47, 31, 0.72);
    --csh-art-card-muted: rgba(73, 47, 31, 0.48);
    --csh-art-pill-bg: rgba(212, 175, 55, 0.14);
    --csh-art-pill-text: #6d5318;
    --csh-art-gift-bg: rgba(45, 26, 15, 0.92);
    --csh-art-gift-text: #e7d7b1;
    --csh-art-price: #7f5b1c;
    --csh-art-price-accent: #9d5d1a;
    --csh-art-offer-bg: linear-gradient(145deg, rgba(112, 67, 37, 0.94), rgba(61, 34, 18, 0.96));
    --csh-art-offer-text: #f7eee6;
    --csh-art-offer-kicker: rgba(233, 192, 139, 0.94);
    --csh-art-offer-chip-bg: rgba(255, 255, 255, 0.08);
    --csh-art-offer-chip-border: rgba(233, 192, 139, 0.18);
    --csh-art-offer-button-bg: linear-gradient(135deg, #f0c251, #c98132);
    --csh-art-offer-button-text: #2c1b10;
    --csh-art-offer-button-shadow: 0 18px 34px rgba(209, 145, 69, 0.24);

    --csh-checkout-dialog-bg: var(--csh-surface-elevated);
    --csh-checkout-aside-bg: linear-gradient(180deg, #0f172a, #134e4a);
    --csh-checkout-aside-text: #ffffff;
    --csh-checkout-summary-bg: rgba(255, 255, 255, 0.08);
    --csh-checkout-summary-media-bg: rgba(255, 255, 255, 0.94);
    --csh-checkout-form-bg: var(--csh-surface-elevated);
    --csh-checkout-field-bg: #ffffff;
    --csh-checkout-field-text: #0f172a;
    --csh-checkout-field-label: #0f172a;
    --csh-checkout-payment-bg: #ffffff;
    --csh-checkout-payment-border: rgba(148, 163, 184, 0.24);
    --csh-checkout-payment-selected: rgba(15, 118, 110, 0.44);
    --csh-checkout-button-bg: linear-gradient(135deg, #0f172a, #0f766e);
    --csh-checkout-button-text: #ffffff;
    --csh-checkout-button-shadow: 0 18px 32px rgba(15, 23, 42, 0.16);

    --csh-color-ink: var(--csh-text-main);
    --csh-color-ink-soft: var(--csh-text-soft);
    --csh-color-ink-faint: var(--csh-text-faint);
    --csh-color-surface: var(--csh-bg-primary);
    --csh-color-surface-elevated: var(--csh-surface-elevated);
    --csh-color-surface-muted: var(--csh-surface-muted);
    --csh-color-surface-strong: var(--csh-surface-strong);
    --csh-color-border: var(--csh-border-color);
    --csh-color-border-strong: var(--csh-border-strong);
    --csh-color-input-bg: var(--csh-input-bg);
    --csh-page-bg-start: var(--csh-bg-primary);
    --csh-page-bg-end: var(--csh-bg-secondary);
    --csh-shadow: var(--csh-elevation-medium);
    --csh-shadow-soft: var(--csh-elevation-soft);
    --csh-container: min(1180px, calc(100vw - 32px));
    --csh-font-body: "Segoe UI", sans-serif;
}

html[data-csh-theme="light"] {
    color-scheme: light;
}

html[data-csh-theme="dark"] {
    color-scheme: dark;
    --csh-color-brand: #42c5b0;
    --csh-color-brand-strong: #1f8f88;
    --csh-color-accent: #e3b35a;

    --csh-bg-primary: #08111b;
    --csh-bg-secondary: #0f1a28;
    --csh-bg-tertiary: #142233;
    --csh-bg-overlay: rgba(8, 16, 28, 0.74);
    --csh-surface-base: rgba(15, 24, 38, 0.94);
    --csh-surface-elevated: #132132;
    --csh-surface-muted: #18293e;
    --csh-surface-strong: #0d1725;
    --csh-surface-glass: rgba(13, 22, 35, 0.72);
    --csh-surface-glass-strong: rgba(9, 16, 28, 0.84);
    --csh-panel-bg: linear-gradient(180deg, rgba(17, 29, 45, 0.96), rgba(9, 16, 26, 0.98));
    --csh-panel-strong-bg: linear-gradient(180deg, rgba(18, 31, 48, 0.98), rgba(10, 18, 28, 0.98));
    --csh-panel-inverse-bg: linear-gradient(180deg, rgba(24, 40, 61, 0.94), rgba(9, 16, 28, 0.96));
    --csh-card-bg: linear-gradient(180deg, rgba(17, 28, 43, 0.98), rgba(12, 20, 31, 0.98));
    --csh-card-bg-muted: linear-gradient(180deg, rgba(22, 35, 52, 0.98), rgba(14, 23, 36, 0.98));
    --csh-card-media-bg: linear-gradient(180deg, #1b2b40, #132235);

    --csh-text-main: #e7eef8;
    --csh-text-soft: rgba(231, 238, 248, 0.78);
    --csh-text-faint: rgba(231, 238, 248, 0.58);
    --csh-text-inverse: #07111d;
    --csh-text-accent: #7fe0d2;

    --csh-border-color: rgba(148, 163, 184, 0.18);
    --csh-border-strong: rgba(148, 163, 184, 0.3);
    --csh-border-contrast: rgba(100, 173, 255, 0.4);
    --csh-input-bg: rgba(8, 16, 28, 0.82);
    --csh-input-border: rgba(148, 163, 184, 0.24);
    --csh-focus-ring-color: rgba(66, 197, 176, 0.18);
    --csh-overlay-soft: rgba(255, 255, 255, 0.08);
    --csh-overlay-strong: rgba(3, 9, 17, 0.66);
    --csh-overlay-scrim: rgba(3, 9, 17, 0.72);

    --csh-elevation-soft: 0 20px 48px rgba(0, 0, 0, 0.24);
    --csh-elevation-medium: 0 24px 60px rgba(0, 0, 0, 0.32);
    --csh-elevation-strong: 0 30px 84px rgba(0, 0, 0, 0.4);
    --csh-elevation-hover: 0 34px 90px rgba(0, 0, 0, 0.46);
    --csh-inset-highlight: inset 0 1px 0 rgba(255, 255, 255, 0.06);

    --csh-success-bg: rgba(34, 197, 94, 0.16);
    --csh-success-text: #bbf7d0;
    --csh-warning-bg: rgba(245, 158, 11, 0.18);
    --csh-warning-text: #fde68a;
    --csh-error-bg: rgba(239, 68, 68, 0.14);
    --csh-error-text: #fecaca;
    --csh-modal-backdrop: rgba(3, 9, 17, 0.72);

    --csh-tech-page-bg: linear-gradient(180deg, #09111b, #101927 38%, #0e1623 100%);
    --csh-tech-page-orb: rgba(34, 211, 238, 0.08);
    --csh-tech-hero-bg: #04070d;
    --csh-tech-hero-border: rgba(255, 255, 255, 0.08);
    --csh-tech-hero-overlay: linear-gradient(90deg, rgba(3, 7, 18, 0.84), rgba(3, 7, 18, 0.22));
    --csh-tech-chip-bg: rgba(15, 23, 42, 0.54);
    --csh-tech-chip-border: rgba(148, 163, 184, 0.18);
    --csh-tech-chip-text: #f8fafc;
    --csh-tech-section-kicker: #38bdf8;
    --csh-tech-section-title: #ffffff;
    --csh-tech-section-rule: linear-gradient(90deg, #22d3ee, #0ea5e9);
    --csh-tech-grid-bg: linear-gradient(180deg, rgba(24, 29, 37, 0.9), rgba(17, 24, 39, 0.92));
    --csh-tech-grid-border: rgba(255, 255, 255, 0.08);
    --csh-tech-category-hover: rgba(37, 99, 235, 0.16);
    --csh-tech-category-active: rgba(37, 99, 235, 0.22);
    --csh-tech-brand-frame-bg: linear-gradient(180deg, rgba(9, 14, 22, 0.62), rgba(8, 12, 20, 0.88));
    --csh-tech-brand-arrow-bg: rgba(15, 23, 42, 0.36);
    --csh-tech-brand-arrow-border: rgba(255, 255, 255, 0.1);
    --csh-tech-toolbar-bg: linear-gradient(180deg, rgba(17, 24, 39, 0.88), rgba(15, 23, 42, 0.82));
    --csh-tech-toolbar-text: #f8fafc;
    --csh-tech-sidebar-bg: linear-gradient(180deg, rgba(17, 24, 39, 0.94), rgba(15, 23, 42, 0.9));
    --csh-tech-sidebar-border: rgba(59, 130, 246, 0.14);
    --csh-tech-filter-bg: rgba(255, 255, 255, 0.04);
    --csh-tech-filter-active-bg: rgba(37, 99, 235, 0.18);
    --csh-tech-card-bg: linear-gradient(180deg, #101d31, #0e1829 70%);
    --csh-tech-card-body-bg: linear-gradient(180deg, rgba(18, 30, 45, 0.98), rgba(12, 20, 31, 0.98));
    --csh-tech-card-media-bg: linear-gradient(180deg, #16253b, #0f1b2d);
    --csh-tech-card-border: rgba(255, 255, 255, 0.12);
    --csh-tech-card-text: #ffffff;
    --csh-tech-card-muted: rgba(226, 232, 240, 0.82);
    --csh-tech-badge-bg: linear-gradient(180deg, #16a34a, #15803d);
    --csh-tech-badge-text: #ffffff;
    --csh-tech-gift-bg: rgba(15, 23, 42, 0.88);
    --csh-tech-gift-text: #ffffff;
    --csh-tech-footer-icon-bg: rgba(255, 255, 255, 0.06);
    --csh-tech-banner-shadow: 0 18px 44px rgba(0, 0, 0, 0.22);

    --csh-art-page-bg: radial-gradient(circle at top, rgba(145, 99, 63, 0.16), transparent 28%), linear-gradient(180deg, #0c121c, #131b26 100%);
    --csh-art-frame-bg: linear-gradient(145deg, rgba(24, 28, 37, 0.98), rgba(18, 22, 30, 0.96));
    --csh-art-frame-bg-alt: linear-gradient(145deg, rgba(28, 32, 42, 0.98), rgba(20, 24, 33, 0.96));
    --csh-art-frame-border: rgba(164, 129, 98, 0.18);
    --csh-art-frame-shadow: 0 28px 70px rgba(0, 0, 0, 0.34);
    --csh-art-float-one: radial-gradient(circle, rgba(171, 127, 84, 0.14), transparent 68%);
    --csh-art-float-two: radial-gradient(circle, rgba(115, 86, 66, 0.12), transparent 72%);
    --csh-art-summary-text: rgba(231, 238, 248, 0.78);
    --csh-art-section-kicker: #d7ae76;
    --csh-art-section-title: #f4ede5;
    --csh-art-section-rule: linear-gradient(90deg, #d7a84b, #8f6540);
    --csh-art-category-bg: linear-gradient(180deg, rgba(20, 24, 32, 0.96), rgba(26, 31, 40, 0.94));
    --csh-art-category-active-bg: linear-gradient(180deg, rgba(27, 33, 43, 0.98), rgba(33, 39, 50, 0.96));
    --csh-art-category-border: rgba(164, 129, 98, 0.2);
    --csh-art-category-code-bg: linear-gradient(135deg, #5f4737, #a27447);
    --csh-art-category-code-text: #fbf3e9;
    --csh-art-category-text: #efe8dd;
    --csh-art-card-bg: linear-gradient(180deg, rgba(19, 25, 34, 0.98), rgba(15, 20, 28, 0.98));
    --csh-art-card-media-bg: linear-gradient(180deg, #1e2835, #161d28);
    --csh-art-card-body-bg: linear-gradient(180deg, rgba(24, 30, 40, 0.98), rgba(18, 23, 32, 0.96));
    --csh-art-card-border: rgba(164, 129, 98, 0.18);
    --csh-art-card-title: #f4ede5;
    --csh-art-card-text: rgba(230, 221, 208, 0.74);
    --csh-art-card-muted: rgba(230, 221, 208, 0.48);
    --csh-art-pill-bg: rgba(212, 175, 55, 0.16);
    --csh-art-pill-text: #e5c488;
    --csh-art-gift-bg: rgba(10, 14, 20, 0.86);
    --csh-art-gift-text: #f0ddbc;
    --csh-art-price: #dfbf80;
    --csh-art-price-accent: #f0c87d;
    --csh-art-offer-bg: linear-gradient(145deg, rgba(59, 40, 29, 0.92), rgba(29, 21, 16, 0.96));
    --csh-art-offer-text: #f4ede5;
    --csh-art-offer-kicker: rgba(233, 192, 139, 0.92);
    --csh-art-offer-chip-bg: rgba(255, 255, 255, 0.06);
    --csh-art-offer-chip-border: rgba(233, 192, 139, 0.16);
    --csh-art-offer-button-bg: linear-gradient(135deg, #e3b35a, #b9772d);
    --csh-art-offer-button-text: #24150d;
    --csh-art-offer-button-shadow: 0 20px 36px rgba(0, 0, 0, 0.28);

    --csh-checkout-dialog-bg: #101a28;
    --csh-checkout-aside-bg: linear-gradient(180deg, #0a1420, #0f373f);
    --csh-checkout-aside-text: #ffffff;
    --csh-checkout-summary-bg: rgba(255, 255, 255, 0.06);
    --csh-checkout-summary-media-bg: rgba(255, 255, 255, 0.92);
    --csh-checkout-form-bg: linear-gradient(180deg, rgba(17, 26, 39, 0.98), rgba(13, 21, 31, 0.98));
    --csh-checkout-field-bg: rgba(8, 16, 28, 0.82);
    --csh-checkout-field-text: #e7eef8;
    --csh-checkout-field-label: #e7eef8;
    --csh-checkout-payment-bg: rgba(15, 24, 38, 0.94);
    --csh-checkout-payment-border: rgba(148, 163, 184, 0.24);
    --csh-checkout-payment-selected: rgba(66, 197, 176, 0.44);
    --csh-checkout-button-bg: linear-gradient(135deg, #0d1726, #14736b);
    --csh-checkout-button-text: #ffffff;
    --csh-checkout-button-shadow: 0 20px 36px rgba(0, 0, 0, 0.28);

    --csh-color-ink: var(--csh-text-main);
    --csh-color-ink-soft: var(--csh-text-soft);
    --csh-color-ink-faint: var(--csh-text-faint);
    --csh-color-surface: var(--csh-bg-primary);
    --csh-color-surface-elevated: var(--csh-surface-elevated);
    --csh-color-surface-muted: var(--csh-surface-muted);
    --csh-color-surface-strong: var(--csh-surface-strong);
    --csh-color-border: var(--csh-border-color);
    --csh-color-border-strong: var(--csh-border-strong);
    --csh-color-input-bg: var(--csh-input-bg);
    --csh-page-bg-start: var(--csh-bg-primary);
    --csh-page-bg-end: var(--csh-bg-secondary);
    --csh-shadow: var(--csh-elevation-medium);
    --csh-shadow-soft: var(--csh-elevation-soft);
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

body {
    margin: 0;
    color: var(--csh-color-ink);
    background: linear-gradient(180deg, var(--csh-page-bg-start) 0%, var(--csh-page-bg-end) 60%);
    font-family: var(--csh-font-body);
    transition: background 0.25s ease, color 0.25s ease;
}

a {
    color: inherit;
}

.csh-shell {
    width: var(--csh-container);
    margin: 0 auto;
}