/*
Theme Name:     Astra Child
Theme URI:      https://southfloridapoolcare.com/
Description:    High-Performance Luxury Child Theme for South Florida Pool Care
Author:         Antigravity
Template:       astra
Version:        2.5.0
*/

/* 1. Full-Width Layout Freedom for Elementor */
.page-template-elementor_header_footer #content,
.page-template-elementor_header_footer #content .ast-container,
.elementor-template-full-width #content,
.elementor-template-full-width #content .ast-container {
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin: 0 !important;
}

.ast-plain-container.ast-no-sidebar #primary {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* 2. Global Typography & Colors */
:root {
    --soflo-navy: #0B192C;
    --soflo-navy-dark: #07101C;
    --soflo-blue: #008DDA;
    --soflo-blue-hover: #0284C7;
    --soflo-cyan: #38BDF8;
    --soflo-gold: #EAB308;
    --soflo-bg: #F8FAFC;
    --soflo-border: #E2E8F0;
    --soflo-text: #334155;
    --soflo-heading: #0B192C;
}

body, p, li, input, select, button {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
    -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6, .soflo-heading {
    font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif !important;
    letter-spacing: -0.03em;
}

/* 3. Header & Navigation Styling */
.main-header-bar {
    border-bottom: 1px solid #E2E8F0 !important;
    background: #FFFFFF !important;
}

.main-navigation a {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-weight: 600 !important;
    font-size: 14.5px !important;
    color: #1E293B !important;
    transition: color 0.2s ease !important;
}

.main-navigation a:hover,
.main-navigation .current-menu-item > a {
    color: #008DDA !important;
}

/* Header Action Call Button */
.soflo-header-cta-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #008DDA;
    color: #FFFFFF !important;
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-weight: 700 !important;
    font-size: 13.5px !important;
    padding: 10px 20px;
    border-radius: 10px;
    text-decoration: none !important;
    box-shadow: 0 4px 14px rgba(0, 141, 218, 0.35);
    transition: all 0.2s ease;
}

.soflo-header-cta-btn:hover {
    background: #0284C7;
    transform: translateY(-1px);
    box-shadow: 0 6px 18px rgba(0, 141, 218, 0.45);
}

/* 4. Review Cards Styling */
.soflo-review-card {
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 20px;
    padding: 32px 26px;
    box-shadow: 0 10px 30px -8px rgba(11, 25, 44, 0.07);
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.soflo-review-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 16px 36px -10px rgba(11, 25, 44, 0.12);
}

/* 5. Clean Institutional Footer */
.soflo-institutional-footer a:hover {
    color: #38BDF8 !important;
}