:root {
    color-scheme: light;
    --mada-bg:#F8F9FA; --mada-deep:#EDF2F7; --mada-surface:#FFFFFF;
    --mada-text:#0F172A; --mada-muted:#475569; --mada-accent:#067451;
    --mada-accent-hover:#045C41; --mada-secondary:#175253; --mada-tint:#E6F3EF; --mada-on-accent:#FFFFFF;
    --mada-bg-rgb:248,249,250; --mada-surface-rgb:255,255,255;
    --mada-text-rgb:15,23,42; --mada-accent-rgb:6,116,81;
}
:root[data-mada-theme="dark"] {
    color-scheme:dark;
    --mada-bg:#000926; --mada-deep:#00061A; --mada-surface:#0A1834;
    --mada-text:#F7F5EE; --mada-muted:#A9B7CD; --mada-accent:#08B780;
    --mada-accent-hover:#0FD99B; --mada-secondary:#3CD0C0; --mada-tint:#216869; --mada-on-accent:#000926;
    --mada-bg-rgb:0,9,38; --mada-surface-rgb:10,24,52;
    --mada-text-rgb:247,245,238; --mada-accent-rgb:8,183,128;
}
:root, :root[data-mada-theme] {
    --wp--preset--color--base:var(--mada-bg);
    --wp--preset--color--contrast:var(--mada-text);
    --wp--preset--color--primary:var(--mada-accent);
    --wp--preset--color--secondary:var(--mada-secondary);
    --deep-teal:var(--mada-secondary);
    --wp--preset--color--green-light:var(--mada-accent-hover);
    --wp--preset--color--dark:var(--mada-deep);
    --wp--preset--color--navy-mid:var(--mada-surface);
    --wp--preset--color--text-muted:var(--mada-muted);
    --wp--preset--color--text-soft:var(--mada-muted);
    --wp--preset--color--white:var(--mada-text);
    --wp--preset--color--deep-sea:var(--mada-on-accent);
    --wp--preset--color--sea-dark:var(--mada-surface);
    --wp--preset--color--turquoise:var(--mada-accent);
    --wp--preset--color--turquoise-bright:var(--mada-accent-hover);
    --mada-navy:var(--mada-bg); --mada-cream:var(--mada-text);
    --mada-green:var(--mada-accent); --mada-green-light:var(--mada-accent-hover);
    --white:var(--mada-text); --card-border:rgba(var(--mada-text-rgb),.14);
    --card-bg-glass:rgba(var(--mada-surface-rgb),.85);
    --mada-navy-trans:rgba(var(--mada-bg-rgb),.92);
}
body { background-color:var(--mada-bg); color:var(--mada-text); }
.mada-header { --mada-header-panel-bg:var(--mada-surface); }
.mada-color-toggle {
    display:inline-flex; align-items:center; justify-content:center; gap:6px;
    min-width:44px; min-height:44px; padding:8px 12px; border-radius:999px;
    border:1px solid rgba(var(--mada-text-rgb),.22); background:var(--mada-surface);
    color:var(--mada-text); cursor:pointer; font:inherit; font-size:12px; flex-shrink:0;
    transition: all 0.2s ease;
}
.mada-color-toggle:hover { border-color:var(--mada-accent); color:var(--mada-accent); }
.mada-color-toggle:focus-visible { outline:3px solid var(--mada-accent); outline-offset:3px; }
.mada-color-toggle__icon { font-size:20px; line-height:1; }
.wp-element-button, .mada-header__cta { color:var(--mada-on-accent); }
@media (max-width:600px) {
    .mada-color-toggle { padding:6px; }
    .mada-color-toggle__label { display:none; }
    .mada-header__actions { gap:8px; }
}

.has-secondary-color { color:var(--mada-secondary) !important; }
:root:not([data-mada-theme="dark"]) {
    --wp--preset--color--accent-sky:#17659B;
    --wp--preset--color--accent-orange:#AC4A09;
    --wp--preset--color--accent-purple:#5953AF;
    --wp--preset--color--accent-coral:#B63131;
    --accent-sky:#17659B; --accent-orange:#AC4A09; --accent-purple:#5953AF; --accent-coral:#B63131;
}
.mada-journey-wrapper { background-color:var(--mada-surface); color:var(--mada-text) !important; }
.mada-journey-wrapper h2, .mada-journey-wrapper h3, .mada-journey-wrapper p { color:var(--mada-text) !important; }
.skip-link { color:var(--mada-on-accent); }

/* ==========================================================================
   LIGHT MODE CONTRAST & READABILITY ENHANCEMENTS
   ========================================================================== */
:root:not([data-mada-theme="dark"]) {
    /* Base text colors & contrast overrides */
    --wp--preset--color--white: #0F172A;
    --wp--preset--color--text-muted: #475569;
    --wp--preset--color--text-soft: #334155;
}

/* Why Choose Us cards in Light Mode */
:root:not([data-mada-theme="dark"]) .mada-why-choose-ar {
    background-image: linear-gradient(rgba(248, 249, 250, 0.94), rgba(248, 249, 250, 0.97)), url("https://images.unsplash.com/photo-1600607687939-ce8a6c25118c?auto=format&fit=crop&w=1800&q=70") !important;
}
:root:not([data-mada-theme="dark"]) .mada-why-choose-ar__title {
    color: var(--mada-text) !important;
}
:root:not([data-mada-theme="dark"]) .mada-why-choose-ar__card {
    background: #FFFFFF !important;
    border: 1px solid rgba(15, 23, 42, 0.12) !important;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.05), 0 2px 6px rgba(15, 23, 42, 0.03) !important;
}
:root:not([data-mada-theme="dark"]) .mada-why-choose-ar__card:hover {
    border-color: var(--mada-accent) !important;
    box-shadow: 0 14px 35px rgba(6, 116, 81, 0.12) !important;
}
:root:not([data-mada-theme="dark"]) .mada-why-choose-ar__card-title {
    color: var(--mada-text) !important;
}
:root:not([data-mada-theme="dark"]) .mada-why-choose-ar__text {
    color: var(--mada-muted) !important;
}
:root:not([data-mada-theme="dark"]) .mada-why-choose-ar__icon {
    color: var(--mada-accent) !important;
}

/* Location / Network Cards in Light Mode */
:root:not([data-mada-theme="dark"]) .mada-location-ar__card {
    background: #FFFFFF !important;
    border: 1px solid rgba(15, 23, 42, 0.12) !important;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.05) !important;
}
:root:not([data-mada-theme="dark"]) .mada-location-ar__card-title {
    color: var(--mada-text) !important;
}
:root:not([data-mada-theme="dark"]) .mada-location-ar__card-text {
    color: var(--mada-muted) !important;
}
:root:not([data-mada-theme="dark"]) .mada-location-ar__icon {
    color: var(--mada-accent) !important;
}

/* Growth Packages & Steps in Light Mode */
:root:not([data-mada-theme="dark"]) .mada-payment-plans-ar__steps {
    background: #FFFFFF !important;
    border: 1px solid rgba(15, 23, 42, 0.12) !important;
    box-shadow: 0 16px 45px rgba(15, 23, 42, 0.06) !important;
}
:root:not([data-mada-theme="dark"]) .mada-payment-plans-ar__steps-title {
    color: var(--mada-text) !important;
}
:root:not([data-mada-theme="dark"]) .mada-payment-plans-ar__step {
    border-bottom: 1px solid rgba(15, 23, 42, 0.1) !important;
}
:root:not([data-mada-theme="dark"]) .mada-payment-plans-ar__step-title {
    color: var(--mada-text) !important;
}
:root:not([data-mada-theme="dark"]) .mada-payment-plans-ar__step-text {
    color: var(--mada-muted) !important;
}
:root:not([data-mada-theme="dark"]) .mada-payment-plans-ar__step-number {
    background: rgba(6, 116, 81, 0.12) !important;
    color: var(--mada-accent) !important;
}
:root:not([data-mada-theme="dark"]) .mada-payment-plans-ar__offer-card {
    background: #FFFFFF !important;
    border: 1px solid rgba(15, 23, 42, 0.12) !important;
    box-shadow: 0 16px 45px rgba(15, 23, 42, 0.06) !important;
}
:root:not([data-mada-theme="dark"]) .mada-payment-plans-ar__offer-title {
    color: var(--mada-text) !important;
}
:root:not([data-mada-theme="dark"]) .mada-payment-plans-ar__offer-card p {
    color: var(--mada-muted) !important;
}

/* About Section Area Card in Light Mode */
:root:not([data-mada-theme="dark"]) .mada-about-project-ar__area-card {
    background: #FFFFFF !important;
    border: 1px solid rgba(15, 23, 42, 0.12) !important;
    box-shadow: 0 15px 35px rgba(15, 23, 42, 0.08) !important;
}
:root:not([data-mada-theme="dark"]) .mada-about-project-ar__area-card h3 {
    color: var(--mada-accent) !important;
}
:root:not([data-mada-theme="dark"]) .mada-about-project-ar__area-card p {
    color: var(--mada-secondary) !important;
    font-weight: 800 !important;
}
:root:not([data-mada-theme="dark"]) .mada-about-project-ar__area-card small {
    color: var(--mada-muted) !important;
}

/* Trust Strip in Light Mode */
:root:not([data-mada-theme="dark"]) .mada-trust-strip-ar {
    background-image: linear-gradient(90deg, rgba(255,255,255,0.96), rgba(248,249,250,0.92), rgba(255,255,255,0.96)) !important;
}
:root:not([data-mada-theme="dark"]) .mada-trust-strip-ar__title {
    color: var(--mada-secondary) !important;
    text-shadow: none !important;
    font-weight: 800 !important;
}
:root:not([data-mada-theme="dark"]) .mada-trust-strip-ar__icon {
    color: var(--mada-accent) !important;
}

/* Hero Form in Light Mode */
:root:not([data-mada-theme="dark"]) .mada-hero-ar__form,
:root:not([data-mada-theme="dark"]) .mada-hero-ar__form-column .wpcf7 {
    background: #FFFFFF !important;
    border: 1px solid rgba(6, 116, 81, 0.25) !important;
    box-shadow: 0 18px 45px rgba(15, 23, 42, 0.08) !important;
}
:root:not([data-mada-theme="dark"]) .mada-hero-ar__form-column .wpcf7::before,
:root:not([data-mada-theme="dark"]) .mada-hero-ar__form h2 {
    color: var(--mada-text) !important;
}
:root:not([data-mada-theme="dark"]) .mada-hero-ar__form-column .wpcf7::after,
:root:not([data-mada-theme="dark"]) .mada-hero-ar__form-subtitle {
    color: var(--mada-muted) !important;
}
:root:not([data-mada-theme="dark"]) .mada-hero-ar .wpcf7-form p,
:root:not([data-mada-theme="dark"]) .mada-hero-ar__form label {
    color: var(--mada-text) !important;
}
:root:not([data-mada-theme="dark"]) .mada-hero-ar .wpcf7 input:not([type="submit"]),
:root:not([data-mada-theme="dark"]) .mada-hero-ar .wpcf7 select,
:root:not([data-mada-theme="dark"]) .mada-hero-ar .wpcf7 textarea,
:root:not([data-mada-theme="dark"]) .mada-hero-ar__form input:not([type="submit"]),
:root:not([data-mada-theme="dark"]) .mada-hero-ar__form select,
:root:not([data-mada-theme="dark"]) .mada-hero-ar__form textarea {
    background: #F8F9FA !important;
    border: 1.5px solid rgba(15, 23, 42, 0.18) !important;
    color: var(--mada-text) !important;
}
:root:not([data-mada-theme="dark"]) .mada-hero-ar .wpcf7 input::placeholder,
:root:not([data-mada-theme="dark"]) .mada-hero-ar .wpcf7 textarea::placeholder,
:root:not([data-mada-theme="dark"]) .mada-hero-ar__form input::placeholder,
:root:not([data-mada-theme="dark"]) .mada-hero-ar__form textarea::placeholder {
    color: rgba(15, 23, 42, 0.48) !important;
}

/* Showcase & Portfolio / Clients in Light Mode */
:root:not([data-mada-theme="dark"]) .mada-fse-portfolio-wrapper [data-filter][aria-pressed="false"],
:root:not([data-mada-theme="dark"]) .mada-view-style-11 {
    background: #FFFFFF !important;
    color: var(--mada-text) !important;
    border: 1.5px solid rgba(15, 23, 42, 0.18) !important;
}
:root:not([data-mada-theme="dark"]) .mada-fse-portfolio-wrapper [data-filter][aria-pressed="false"]:hover,
:root:not([data-mada-theme="dark"]) .mada-view-style-11:hover {
    border-color: var(--mada-accent) !important;
    color: var(--mada-accent) !important;
}
:root:not([data-mada-theme="dark"]) .mada-filter-btn.active,
:root:not([data-mada-theme="dark"]) .mada-view-style-10 {
    background: var(--mada-accent) !important;
    color: #FFFFFF !important;
    border-color: var(--mada-accent) !important;
}
:root:not([data-mada-theme="dark"]) .mada-view-style-40,
:root:not([data-mada-theme="dark"]) .mada-view-style-80,
:root:not([data-mada-theme="dark"]) .mada-view-style-16 > * {
    background: #FFFFFF !important;
    border: 1px solid rgba(15, 23, 42, 0.12) !important;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.05) !important;
}
:root:not([data-mada-theme="dark"]) .mada-view-style-23,
:root:not([data-mada-theme="dark"]) .mada-view-style-45,
:root:not([data-mada-theme="dark"]) .mada-view-style-64,
:root:not([data-mada-theme="dark"]) .mada-view-style-101 {
    background: var(--mada-deep) !important;
    border: 1px solid rgba(6, 116, 81, 0.22) !important;
}
:root:not([data-mada-theme="dark"]) .mada-view-style-24,
:root:not([data-mada-theme="dark"]) .mada-view-style-66,
:root:not([data-mada-theme="dark"]) .mada-view-style-103 {
    color: var(--mada-accent) !important;
    font-weight: 800 !important;
}
:root:not([data-mada-theme="dark"]) .mada-view-style-25,
:root:not([data-mada-theme="dark"]) .mada-view-style-46,
:root:not([data-mada-theme="dark"]) .mada-view-style-65,
:root:not([data-mada-theme="dark"]) .mada-view-style-102 {
    color: var(--mada-muted) !important;
}
:root:not([data-mada-theme="dark"]) .mada-view-style-48,
:root:not([data-mada-theme="dark"]) .mada-view-style-68,
:root:not([data-mada-theme="dark"]) .mada-view-style-121 {
    background: rgba(6, 116, 81, 0.06) !important;
    border-right: 3px solid var(--mada-accent) !important;
    color: var(--mada-text) !important;
}
:root:not([data-mada-theme="dark"]) .mada-view-style-27,
:root:not([data-mada-theme="dark"]) .mada-view-style-50 {
    background: linear-gradient(135deg, #E6F3EF 0%, #FFFFFF 100%) !important;
    border: 1px solid rgba(6, 116, 81, 0.25) !important;
    box-shadow: 0 14px 35px rgba(6, 116, 81, 0.08) !important;
}
:root:not([data-mada-theme="dark"]) .mada-view-style-29 {
    color: var(--mada-text) !important;
}
:root:not([data-mada-theme="dark"]) .mada-view-style-30 {
    color: var(--mada-muted) !important;
}

/* ==========================================================================
   SALES TEAM WIDGET & LEAD FORM STYLES (Light & Dark Compatible)
   ========================================================================== */
.mada-chat-widget {
    width: 380px !important;
    max-width: calc(100vw - 32px) !important;
    height: 540px !important;
    max-height: calc(100vh - 110px) !important;
    border-radius: 20px !important;
    background: var(--mada-surface) !important;
    border: 1px solid rgba(var(--mada-accent-rgb), 0.28) !important;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3) !important;
}
.mada-chat-header {
    background: linear-gradient(135deg, var(--mada-accent) 0%, var(--mada-accent-hover) 100%) !important;
    padding: 14px 18px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15) !important;
    color: #FFFFFF !important;
}
.mada-chat-avatar {
    background: rgba(255, 255, 255, 0.18) !important;
    border: 1.5px solid rgba(255, 255, 255, 0.4) !important;
}
.mada-chat-title {
    color: #FFFFFF !important;
    font-size: 0.96rem !important;
    font-weight: 800 !important;
}
.mada-chat-status {
    color: rgba(255, 255, 255, 0.9) !important;
    font-size: 0.76rem !important;
}
.mada-chat-close {
    color: #FFFFFF !important;
    opacity: 0.85;
    transition: opacity 0.2s ease;
}
.mada-chat-close:hover {
    opacity: 1;
}
.mada-chat-body {
    background: var(--mada-surface) !important;
    color: var(--mada-text) !important;
    padding: 18px !important;
}
.mada-chat-welcome {
    background: rgba(var(--mada-accent-rgb), 0.08) !important;
    border-right: 3px solid var(--mada-accent) !important;
    color: var(--mada-text) !important;
    font-size: 0.84rem !important;
    font-weight: 600 !important;
    padding: 10px 14px !important;
    margin-bottom: 16px !important;
    border-radius: 6px !important;
}

/* Sales Lead Form */
.mada-sales-box-container {
    width: 100%;
}
.mada-sales-lead-form {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.mada-sales-field-group {
    display: flex;
    flex-direction: column;
    gap: 4px;
    text-align: right;
}
.mada-sales-field-group label {
    font-size: 12px;
    font-weight: 700;
    color: var(--mada-text);
}
.mada-sales-field-group .mada-req {
    color: #EF5656;
    font-weight: 900;
}
.mada-sales-field-group .mada-opt {
    color: var(--mada-muted);
    font-size: 11px;
    font-weight: normal;
}
.mada-input-wrap {
    position: relative;
    display: flex;
    align-items: center;
}
.mada-input-wrap input,
.mada-input-wrap select,
.mada-sales-field-group textarea {
    width: 100%;
    box-sizing: border-box;
    padding: 9px 34px 9px 12px;
    border-radius: 9px;
    font-size: 13px;
    font-family: inherit;
    background: var(--mada-bg);
    color: var(--mada-text);
    border: 1.5px solid rgba(var(--mada-text-rgb), 0.18);
    transition: all 0.2s ease;
    outline: none;
}
.mada-input-wrap select {
    padding-inline-start: 12px;
    padding-inline-end: 28px;
    cursor: pointer;
}
.mada-sales-field-group textarea {
    padding: 8px 12px;
    min-height: 52px;
    resize: vertical;
}
.mada-field-icon {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 13px;
    opacity: 0.65;
    pointer-events: none;
}
.mada-input-wrap input:focus,
.mada-input-wrap select:focus,
.mada-sales-field-group textarea:focus {
    border-color: var(--mada-accent);
    box-shadow: 0 0 0 3px rgba(var(--mada-accent-rgb), 0.18);
    background: var(--mada-surface);
}
.mada-sales-submit-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    padding: 12px 18px;
    margin-top: 4px;
    border: none;
    border-radius: 10px;
    font-size: 13.5px;
    font-weight: 800;
    font-family: inherit;
    cursor: pointer;
    background: var(--mada-accent);
    color: var(--mada-on-accent);
    box-shadow: 0 4px 15px rgba(var(--mada-accent-rgb), 0.32);
    transition: all 0.2s ease;
}
.mada-sales-submit-btn:hover {
    filter: brightness(1.08);
    transform: translateY(-1px);
    box-shadow: 0 6px 20px rgba(var(--mada-accent-rgb), 0.42);
}
.mada-sales-submit-btn:disabled {
    opacity: 0.7;
    cursor: not-allowed;
    transform: none;
}
.mada-sales-form-alert {
    padding: 8px 12px;
    border-radius: 8px;
    font-size: 12px;
    text-align: right;
    line-height: 1.5;
}
.mada-sales-form-alert--error {
    background: rgba(239, 86, 86, 0.12);
    color: #DC2626;
    border: 1px solid rgba(239, 86, 86, 0.3);
}

/* Success View */
.mada-sales-success-view {
    text-align: center;
    padding: 16px 8px;
}
.mada-sales-success-icon {
    font-size: 40px;
    margin-bottom: 8px;
}
.mada-sales-success-title {
    font-size: 17px;
    font-weight: 800;
    color: var(--mada-text);
    margin: 0 0 8px;
}
.mada-sales-success-desc {
    font-size: 13px;
    line-height: 1.65;
    color: var(--mada-muted);
    margin: 0 0 18px;
}
.mada-sales-success-actions {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.mada-sales-wa-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    background: #25D366;
    color: #FFFFFF !important;
    text-decoration: none;
    padding: 11px 16px;
    border-radius: 9px;
    font-size: 13px;
    font-weight: 800;
    box-shadow: 0 4px 15px rgba(37, 211, 102, 0.3);
    transition: all 0.2s ease;
}
.mada-sales-wa-link:hover {
    filter: brightness(1.06);
    transform: translateY(-1px);
}
.mada-sales-reset-btn {
    background: transparent;
    border: 1px solid rgba(var(--mada-text-rgb), 0.18);
    color: var(--mada-muted);
    padding: 7px 14px;
    border-radius: 8px;
    font-size: 12px;
    cursor: pointer;
    font-family: inherit;
    transition: all 0.2s ease;
}
.mada-sales-reset-btn:hover {
    color: var(--mada-text);
    border-color: var(--mada-accent);
}

/* Direct Channels Bottom Row */
.mada-sales-direct-channels {
    margin-top: 14px;
    padding-top: 12px;
    border-top: 1px solid rgba(var(--mada-text-rgb), 0.1);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}
.mada-sales-direct-label {
    font-size: 11.5px;
    color: var(--mada-muted);
    font-weight: 600;
}
.mada-sales-direct-buttons {
    display: flex;
    gap: 6px;
}
.mada-direct-btn {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px 10px;
    border-radius: 6px;
    font-size: 11.5px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.2s ease;
}
.mada-direct-btn--wa {
    background: rgba(37, 211, 102, 0.12);
    color: #128C7E !important;
    border: 1px solid rgba(37, 211, 102, 0.3);
}
.mada-direct-btn--wa:hover {
    background: #25D366;
    color: #FFFFFF !important;
}
.mada-direct-btn--phone {
    background: rgba(var(--mada-accent-rgb), 0.1);
    color: var(--mada-accent) !important;
    border: 1px solid rgba(var(--mada-accent-rgb), 0.25);
}
.mada-direct-btn--phone:hover {
    background: var(--mada-accent);
    color: var(--mada-on-accent) !important;
}

/* ACP Portal color adaptations */
:root[data-mada-theme] {
    --acp-navy:var(--mada-bg); --acp-navy-surface:var(--mada-surface); --acp-navy-card:var(--mada-surface);
    --acp-green:var(--mada-accent); --acp-green-light:var(--mada-accent-hover);
    --acp-cream:var(--mada-text); --acp-white:var(--mada-text);
    --acp-text-muted:var(--mada-muted); --acp-text-soft:var(--mada-muted);
    --acp-border-glass:rgba(var(--mada-text-rgb),.14);
}
:root[data-mada-theme] .acp-portal-body { background:var(--mada-bg) !important; }
:root[data-mada-theme] .acp-header { background:rgba(var(--mada-bg-rgb),.96) !important; }
.mada-portal-color-toggle { display:flex; justify-content:flex-end; padding:12px 24px; background:var(--mada-bg); }

:root[data-mada-theme] .acp-btn-primary, :root[data-mada-theme] .acp-btn-approve { color:var(--mada-on-accent) !important; }

:root[data-mada-theme] {
    --acp-bg-rgb:var(--mada-bg-rgb); --acp-surface-rgb:var(--mada-surface-rgb);
    --acp-text-rgb:var(--mada-text-rgb); --acp-on-accent:var(--mada-on-accent);
}
.bio-footer { color:var(--mada-muted); }
.bio-footer p { opacity:1 !important; }