/*
Theme Name: EmailOps
Theme URI: https://emailops.co.uk/
Author: Peter
Author URI: https://emailops.co.uk/
Description: A premium, high-converting Gutenberg block theme for UK small businesses seeking professional Google Workspace and Zoho Mail setups. Inspired by clean, bold SaaS layouts.
Version: 1.0.0
Requires at least: 6.5
Tested up to: 7.0
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: emailops
Tags: full-site-editing, block-patterns, custom-colors, one-column, wide-blocks
*/

/* Custom CSS styling overrides for fine-grained design adjustments */
.has-orange-underline {
    position: relative;
    display: inline-block;
}
.has-orange-underline::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -4px;
    width: 100%;
    height: 6px;
    background-color: var(--wp--preset--color--primary);
    border-radius: 3px;
    z-index: -1;
}

/* Custom testimonial card shadow & hover transitions */
.emailops-card {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04);
    border: 1px solid #f1f5f9;
}
.emailops-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 30px rgba(255, 94, 20, 0.08);
    border-color: rgba(255, 94, 20, 0.2);
}

/* Styled pricing checkmark list */
.emailops-check-list {
    list-style-type: none;
    padding-left: 0;
}
.emailops-check-list li {
    position: relative;
    padding-left: 28px;
    margin-bottom: 12px;
}
.emailops-check-list li::before {
    content: "✓";
    position: absolute;
    left: 0;
    top: 0;
    color: var(--wp--preset--color--primary);
    font-weight: bold;
    font-size: 1.1em;
}

/* Accordion FAQs */
.emailops-faq-details {
    border-bottom: 1px solid #e2e8f0;
    padding: 16px 0;
}
.emailops-faq-details summary {
    font-weight: 600;
    font-size: 1.1em;
    cursor: pointer;
    list-style: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: var(--wp--preset--color--contrast);
}
.emailops-faq-details summary::-webkit-details-marker {
    display: none;
}
.emailops-faq-details summary::after {
    content: "+";
    font-size: 1.5em;
    color: var(--wp--preset--color--primary);
    font-weight: 400;
    transition: transform 0.2s ease;
}
.emailops-faq-details[open] summary::after {
    transform: rotate(45deg);
}
.emailops-faq-details p {
    margin-top: 12px;
    color: var(--wp--preset--color--muted-text);
    line-height: 1.6;
}

/* Responsive Mobile Style Overrides */
@media (max-width: 782px) {
    /* Balanced base font size for readable mobile body copy */
    html {
        font-size: 15px !important;
    }

    /* Reset global body padding */
    body {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    /* Ensure columns blocks have standard side padding and stack vertically */
    .wp-block-columns {
        padding-left: 20px !important;
        padding-right: 20px !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        width: 100% !important;
        flex-direction: column !important;
        display: flex !important;
        box-sizing: border-box !important;
    }

    /* Reset individual stacked columns */
    .wp-block-column {
        flex-basis: 100% !important;
        width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        margin-bottom: 24px !important;
        box-sizing: border-box !important;
    }
    .wp-block-column:last-child {
        margin-bottom: 0 !important;
    }

    /* Apply padding to header and footer containers on mobile */
    header.wp-block-group,
    footer.wp-block-group {
        padding-left: 20px !important;
        padding-right: 20px !important;
        box-sizing: border-box !important;
    }
    header.wp-block-group .alignwide,
    footer.wp-block-group .alignwide {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    /* Ensure standard single-column text blocks do not touch mobile edges */
    .is-layout-constrained > :not(.alignfull):not(.alignwide) {
        padding-left: 20px !important;
        padding-right: 20px !important;
        box-sizing: border-box !important;
    }

    /* Balanced headings sizes for mobile viewports */
    h1, .has-huge-font-size,
    h1 style, .wp-block-heading h1 {
        font-size: 1.85rem !important; /* Perfect mobile balance: ~28px H1 */
        line-height: 1.25 !important;
    }
    h2, .has-xx-large-font-size {
        font-size: 1.45rem !important; /* 22px H2 */
        line-height: 1.25 !important;
    }
    h3, .has-x-large-font-size {
        font-size: 1.25rem !important; /* 18.75px H3 */
        line-height: 1.3 !important;
    }
    h4, .has-large-font-size {
        font-size: 1.1rem !important;
        line-height: 1.3 !important;
    }

    /* Pricing numbers mobile sizing */
    .wp-block-column p[style*="font-size: 2.125rem"],
    .wp-block-column p[style*="font-size: 2.5rem"],
    .wp-block-column p[style*="font-size: 3rem"] {
        font-size: 1.85rem !important;
    }

    /* Button sizes adjustments on mobile */
    .wp-block-button__link {
        padding: 10px 24px !important;
        font-size: 0.9rem !important;
    }
}