/*
 Theme Name:   Aqua Blue Pools & Spa Child
 Theme URI:    https://aquabluepoolandspa.com/
 Description:  Custom Basel child theme framework for Aqua Blue Pools & Spa. Global Aqua Blue design tokens and reusable WPBakery styles only. Page-specific layouts remain inside individual WordPress pages.
 Author:       Highgrade Concepts
 Author URI:   https://www.highgradeconcepts.com
 Template:     basel
 Version:      1.4.0
 Text Domain:  aquablue-pools-spa
*/

/* ================================================================
   AQUA BLUE GLOBAL DESIGN SYSTEM
   Version 1.4.0

   IMPORTANT:
   - Global/reusable styles only.
   - No page-body layout is hardcoded here.
   - No Basel header overrides.
   - No Basel footer overrides.
   - Header/footer remain controlled by the original Basel settings.
   ================================================================ */

:root {
    --ab-navy: #082a3d;
    --ab-navy-deep: #041d2b;
    --ab-blue: #087fab;
    --ab-aqua: #08b8d0;
    --ab-aqua-soft: #dff7fa;
    --ab-ink: #17313f;
    --ab-muted: #60727c;
    --ab-line: #dce5e8;
    --ab-offwhite: #f6f8f8;
    --ab-sand: #f3efe9;
    --ab-white: #ffffff;
    --ab-shadow-soft: 0 18px 48px rgba(8, 42, 61, 0.10);
    --ab-font-sans: "Helvetica Neue", Helvetica, Arial, sans-serif;
    --ab-font-display: Georgia, "Times New Roman", serif;
}

/* Reusable Aqua Blue typography used by individual WPBakery pages. */
.ab-display,
.ab-section-title {
    font-family: var(--ab-font-display);
    font-weight: 400;
    line-height: .98;
    letter-spacing: -.035em;
}

.ab-eyebrow {
    display: block;
    margin: 0 0 14px;
    color: var(--ab-blue);
    font-family: var(--ab-font-sans);
    font-size: 11px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: .28em;
    text-transform: uppercase;
}

/* Reusable Aqua Blue form baseline. */
.ab-form input[type="text"],
.ab-form input[type="email"],
.ab-form input[type="tel"],
.ab-form input[type="number"],
.ab-form input[type="url"],
.ab-form select,
.ab-form textarea {
    width: 100%;
    min-height: 50px;
    margin: 0;
    padding: 12px 15px;
    border: 1px solid var(--ab-line);
    border-radius: 0;
    background: var(--ab-white);
    color: var(--ab-ink);
    font-family: var(--ab-font-sans);
    font-size: 14px;
    box-shadow: none;
}

.ab-form textarea {
    min-height: 130px;
    resize: vertical;
}

.ab-form input:focus,
.ab-form select:focus,
.ab-form textarea:focus {
    border-color: var(--ab-aqua);
    outline: none;
    box-shadow: 0 0 0 3px rgba(8, 184, 208, .12);
}

.ab-form input[type="submit"],
.ab-form button[type="submit"] {
    min-height: 50px;
    padding: 13px 24px;
    border: 1px solid var(--ab-aqua);
    border-radius: 0;
    background: var(--ab-aqua);
    color: var(--ab-navy-deep);
    font-family: var(--ab-font-sans);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .16em;
    text-transform: uppercase;
}

.ab-form input[type="submit"]:hover,
.ab-form button[type="submit"]:hover {
    background: var(--ab-white);
    border-color: var(--ab-white);
    color: var(--ab-navy-deep);
}

@media (prefers-reduced-motion: reduce) {
    .ab-home-hero *,
    .ab-home-services *,
    .ab-home-values *,
    .ab-home-featured *,
    .ab-home-cta * {
        transition-duration: .01ms !important;
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
    }
}