/*
Theme Name: Drain Cleaning Huntington Beach
Theme URI: https://draincleaninghb.com
Author: Static site conversion
Author URI: https://draincleaninghb.com
Description: WordPress theme converted from the original static HTML site for Drain Cleaning Huntington Beach, Huntington Beach CA. Homepage design, navigation, phone +1 (657) 354-1933 and footer are preserved from the original. Lead forms submit to the site owner by email; blog posts use the original card grid.
Version: 1.1.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: drain-cleaning-hb
*/

/* Visibility guard: the original static site used scroll-reveal helpers
   that could leave below-fold sections hidden. Keep animated elements visible. */
[data-aos], [data-sal] {
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
}

.page-content {
    padding: 2rem 0 3rem;
}

.page-content h1 {
    margin-bottom: 1rem;
}

.demo-form-note {
    background: #fff8e1;
    border: 1px solid #f0c36d;
    padding: 0.75rem 1rem;
    margin: 1rem 0;
}

/* v1.1 lead notice (shown after a form redirect with ?lead=sent or ?lead=error). */
.lead-notice {
    background: #edf3ea;
    border: 1px solid #a3d9a5;
    padding: 0.75rem 1rem;
    margin: 1rem auto;
}
.lead-notice-error {
    background: #fdecea;
    border-color: #f0a9a0;
}

/* v1.1 blog cards — copied verbatim from the original blog/index.html inline <style>.
   These classes are only used by index.php, so no other page is affected. */
.blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.75rem;}
.blog-card{display:flex;flex-direction:column;background:var(--white);border:1px solid var(--line);border-radius:calc(var(--radius) * 2);overflow:hidden;text-decoration:none;color:inherit;box-shadow:var(--shadow);transition:transform .25s ease;}
.blog-card:hover{transform:translateY(-4px);}
.blog-card-media{height:210px;background-size:cover;background-position:center;}
.blog-card-body{padding:1.6rem;}
.blog-card-tag{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--orange);}
.blog-card h3{font-family:var(--font-serif);font-size:1.2rem;margin:.6rem 0 .7rem;color:var(--ink);}
.blog-card p{color:var(--muted);font-size:.93rem;margin:0 0 1rem;}
.blog-card-more{font-weight:600;color:var(--orange);}
.blog-pagination{margin-top:2rem;text-align:center;}
.blog-pagination .nav-links a, .blog-pagination .nav-links span{margin:0 .25rem;}