/*
Theme Name: EeTeck
Theme URI: https://eeteck.com/
Author: EeTeck
Author URI: https://eeteck.com/
Description: A modern, high-converting WordPress theme by EeTeck for cleaning companies, maids, janitorial, and maintenance services. Includes an interactive Cost Calculator, WhatsApp booking, floating contact inquiry modal, responsive layout, and service showcases.
Version: 3.7.0
Requires at least: 5.8
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: cleanmate-pro
Tags: cleaning-services, maid-service, cost-calculator, one-column, custom-colors, custom-menu, featured-images, responsive-layout, theme-options
*/

/* Core theme styles are loaded from assets/css/cleanmate.css */

/* ==========================================================================
   Mobile Typography (Letras Grandes, Sólidas, Nítidas y de Alto Contraste)
   ========================================================================== */
@media (max-width: 768px) {
    html {
        font-size: 16.5px;
    }

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

    html, body {
        width: 100%;
        max-width: 100vw;
        overflow-x: hidden;
        color: #111827;
        font-weight: 600;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        text-rendering: optimizeLegibility;
    }

    h1, h2, h3, h4, h5, h6,
    p, span, a, li, label, strong, b, dd, dt, figcaption {
        overflow-wrap: break-word;
        word-break: break-word;
        hyphens: manual;
        max-width: 100%;
    }

    /* Solid Deep Black Headings for Content Sections */
    h1:not(.cm-footer *):not(.cm-cta-banner *):not(.cm-hero-section *),
    h2:not(.cm-footer *):not(.cm-cta-banner *):not(.cm-hero-section *),
    h3:not(.cm-footer *):not(.cm-cta-banner *):not(.cm-hero-section *),
    h4:not(.cm-footer *):not(.cm-cta-banner *):not(.cm-hero-section *),
    h5:not(.cm-footer *):not(.cm-cta-banner *):not(.cm-hero-section *),
    h6:not(.cm-footer *):not(.cm-cta-banner *):not(.cm-hero-section *),
    .cm-section-title,
    .cm-service-title,
    .cm-feature-title,
    .cm-calc-step-title,
    .cm-calc-title,
    .cm-card-title,
    .cm-modal-title,
    strong:not(.cm-footer *):not(.cm-cta-banner *):not(.cm-hero-section *),
    b:not(.cm-footer *):not(.cm-cta-banner *):not(.cm-hero-section *) {
        font-weight: 800 !important;
        color: #0A0F1D !important;
        letter-spacing: -0.012em;
    }

    /* Hero Text on Mobile: Pure White with High-Contrast Shadow */
    .cm-hero-title {
        color: #FFFFFF !important;
        text-shadow: 0 2px 14px rgba(0, 0, 0, 0.8) !important;
    }
    .cm-hero-subtitle {
        color: #F1F5F9 !important;
        text-shadow: 0 1px 8px rgba(0, 0, 0, 0.75) !important;
    }
    .cm-hero-actions,
    .cm-hero-trust-bar {
        display: none !important;
    }

    /* Solid Dark High-Contrast Body Text (For light content sections) */
    p:not(.cm-footer *):not(.cm-cta-banner *):not(.cm-hero-section *),
    li:not(.cm-footer *):not(.cm-cta-banner *):not(.cm-hero-section *),
    a:not(.cm-footer *):not(.cm-cta-banner *):not(.cm-hero-section *),
    label:not(.cm-footer *):not(.cm-cta-banner *):not(.cm-hero-section *),
    input,
    select,
    textarea,
    button:not(.cm-footer *):not(.cm-cta-banner *),
    dd,
    dt,
    figcaption,
    .cm-hero-desc,
    .cm-service-desc,
    .cm-feature-desc,
    .cm-about-text,
    .cm-about-text p,
    .cm-calc-step-desc,
    .cm-calc-summary-item,
    .cm-calc-item-desc,
    .cm-card-desc,
    .cm-badge,
    .cm-trust-item,
    .cm-section-desc,
    .cm-legal-content p,
    .cm-legal-content li,
    .cm-legal-section p,
    .cm-legal-section li {
        font-weight: 600 !important;
        color: #111827 !important;
    }

    /* Footer & CTA Banner High-Contrast (Crisp Pure White & Bright Silver on Deep Blue) */
    .cm-cta-banner,
    .cm-footer,
    .cm-footer-top,
    .cm-footer-bottom {
        color: #FFFFFF !important;
    }
    .cm-cta-text h2,
    .cm-footer-title {
        color: #FFFFFF !important;
        font-weight: 800 !important;
    }
    .cm-cta-text p,
    .cm-footer-desc,
    .cm-footer p,
    .cm-footer-top p,
    .cm-footer-info-content p {
        color: #F1F5F9 !important;
        font-weight: 600 !important;
    }
    .cm-footer-links a,
    .cm-footer-links li a {
        color: #FFFFFF !important;
        font-weight: 700 !important;
    }
    .cm-footer-links a:hover,
    .cm-footer-links a:focus {
        color: #4ADE80 !important;
    }
    .cm-footer-info-content strong {
        color: #FFFFFF !important;
        font-weight: 800 !important;
    }
    .cm-footer-phone-box {
        background: rgba(255, 255, 255, 0.12) !important;
        border: 1.5px solid rgba(255, 255, 255, 0.25) !important;
    }
    .cm-phone-sub {
        color: #CBD5E1 !important;
        font-weight: 700 !important;
    }
    .cm-phone-num {
        color: #FFFFFF !important;
        font-weight: 900 !important;
    }
    .cm-badge-pill {
        color: #FFFFFF !important;
        background: rgba(255, 255, 255, 0.12) !important;
        border: 1px solid rgba(255, 255, 255, 0.25) !important;
        font-weight: 700 !important;
    }
    .cm-footer-bottom,
    .cm-footer-bottom p,
    .cm-footer-bottom-inner,
    .cm-footer-bottom-inner strong {
        color: #E2E8F0 !important;
        font-weight: 600 !important;
    }
    .cm-footer-bottom-links a {
        color: #CBD5E1 !important;
        font-weight: 700 !important;
        text-decoration: underline !important;
    }
    .cm-footer-bottom-links a:hover {
        color: #FFFFFF !important;
    }
    .cm-signature-label {
        color: #CBD5E1 !important;
        font-weight: 600 !important;
    }
    .cm-signature-pill {
        color: #FDE047 !important;
        background: rgba(253, 224, 71, 0.12) !important;
        border: 1px solid rgba(253, 224, 71, 0.5) !important;
    }
    .cm-signature-brand {
        color: #FDE047 !important;
        font-weight: 800 !important;
    }

    .cm-container {
        padding-left: 16px;
        padding-right: 16px;
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
        overflow-x: hidden;
    }
}