/*
Theme Name: AJC Hot Tub Hire
Template: twentyseventeen
Version: 1.0
Description: Custom child theme for AJC Hot Tub Hire
*/

/* Hide old footer site-info and reCAPTCHA badge */
.site-info { display: none !important; }
.grecaptcha-badge { display: none !important; }

/* Hide Elementor footer widget area */
.elementor-location-footer,
.site-info,
footer .widget-area { display: none !important; }

/* Hide old footer site-info and reCAPTCHA badge */
.site-info { display: none !important; }
.grecaptcha-badge { display: none !important; }

/* Constrain CF7 contact form width */
.wpcf7 { max-width: 600px; margin: 0 auto; }

/* Remove old Elementor trading name footer section */
.elementor-section:last-of-type .elementor-widget-text-editor p:only-child { display: none; }

/* =====================
   NEWS & OFFERS PAGE
   ===================== */

/* Remove sidebar on blog page */
.blog .site-content .wrap,
.archive .site-content .wrap {
    display: block !important;
}
.blog #primary,
.archive #primary {
    width: 100% !important;
    max-width: 860px !important;
    margin: 0 auto !important;
    float: none !important;
}
.blog #secondary,
.archive #secondary {
    display: none !important;
}

/* Blog page title banner */
.blog .page-header,
.archive .page-header {
    background: #1a3a5c !important;
    color: #fff !important;
    padding: 40px 20px !important;
    text-align: center !important;
    margin: 0 0 40px !important;
}
.blog .page-header .page-title,
.archive .page-header .page-title {
    color: #fff !important;
    font-size: 32px !important;
    font-weight: 700 !important;
    margin: 0 !important;
}

/* Style post cards */
.blog .entry-header,
.archive .entry-header {
    border-bottom: 2px solid #1a6ebf !important;
    padding-bottom: 12px !important;
    margin-bottom: 16px !important;
}
.blog .entry-title a,
.archive .entry-title a {
    color: #1a3a5c !important;
    text-decoration: none !important;
}
.blog .entry-title a:hover,
.archive .entry-title a:hover {
    color: #1a6ebf !important;
}
.blog .posted-on,
.archive .posted-on,
.blog .entry-meta,
.archive .entry-meta {
    color: #64748b !important;
    font-size: 13px !important;
}
.blog article,
.archive article {
    border: 1px solid #e2e8f0 !important;
    border-radius: 8px !important;
    padding: 24px !important;
    margin-bottom: 24px !important;
    background: #fff !important;
}

/* Contact page blue bands */
.page-id-9 .elementor-section[data-id] {
    border-radius: 0 !important;
}

/* =====================
   CONTACT PAGE BANDS
   ===================== */

/* Remove white gap before footer on tub pages */
.elementor-section:last-of-type {
    margin-bottom: 0 !important;
}
.page-template-elementor_canvas .elementor-section:last-of-type,
.elementor-top-section:last-of-type {
    padding-bottom: 30px !important;
}

/* Fix white gap between last section and footer */
.site-content .wrap {
    padding-bottom: 0 !important;
}
.entry-content {
    margin-bottom: 0 !important;
}

/* Remove Twenty Seventeen content bottom padding causing white gap */
#content {
    padding-bottom: 0 !important;
}

/* Remove remaining white gap - Twenty Seventeen site wrapper */
.site {
    padding-bottom: 0 !important;
}
#page {
    padding-bottom: 0 !important;
}

/* Why Choose section - replace emoji icons with SVG via CSS */
.elementor-top-section .elementor-image img[src*="1f535"],
.elementor-top-section .elementor-image img[src*="rigid-tub"] {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none'%3E%3Crect x='4' y='28' width='56' height='22' rx='11' fill='white' opacity='0.15'/%3E%3Crect x='4' y='28' width='56' height='22' rx='11' stroke='white' stroke-width='3'/%3E%3Cpath d='M16 28V20a8 8 0 0 1 16 0' stroke='white' stroke-width='3' stroke-linecap='round'/%3E%3Cpath d='M8 50l-4 6M56 50l4 6' stroke='white' stroke-width='3' stroke-linecap='round'/%3E%3Cpath d='M14 38 Q20 34 26 38 Q32 42 38 38 Q44 34 50 38' stroke='white' stroke-width='2.5' stroke-linecap='round' fill='none' opacity='0.7'/%3E%3C/svg%3E");
}
.elementor-top-section .elementor-image img[src*="1f4c5"],
.elementor-top-section .elementor-image img[src*="experience"] {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none'%3E%3Cpath d='M32 4l7 14 16 2-12 11 3 16-14-8-14 8 3-16L9 20l16-2z' fill='white' opacity='0.2' stroke='white' stroke-width='3' stroke-linejoin='round'/%3E%3Cpath d='M32 10l5 10 11 1.5-8 7.5 2 11L32 35l-10 5 2-11-8-7.5 11-1.5z' fill='white' opacity='0.6'/%3E%3C/svg%3E");
}
.elementor-top-section .elementor-image img[src*="1f69a"],
.elementor-top-section .elementor-image img[src*="full-service"] {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none'%3E%3Ccircle cx='32' cy='32' r='26' stroke='white' stroke-width='3' fill='white' opacity='0.1'/%3E%3Cpath d='M18 32l10 10 18-18' stroke='white' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.elementor-top-section .elementor-image img[src*="1f6c1"],
.elementor-top-section .elementor-image img[src*="models"] {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none'%3E%3Crect x='4' y='4' width='24' height='24' rx='4' fill='white' opacity='0.2' stroke='white' stroke-width='3'/%3E%3Crect x='36' y='4' width='24' height='24' rx='4' fill='white' opacity='0.2' stroke='white' stroke-width='3'/%3E%3Crect x='20' y='36' width='24' height='24' rx='4' fill='white' opacity='0.4' stroke='white' stroke-width='3'/%3E%3C/svg%3E");
}
.elementor-top-section .elementor-image img[src*="2744"],
.elementor-top-section .elementor-image img[src*="all-year"] {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none'%3E%3Ccircle cx='32' cy='32' r='10' fill='white' opacity='0.3' stroke='white' stroke-width='3'/%3E%3Cpath d='M32 4v8M32 52v8M4 32h8M52 32h8M11 11l5.5 5.5M47.5 47.5l5.5 5.5M53 11l-5.5 5.5M16.5 47.5L11 53' stroke='white' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E");
}
.elementor-top-section .elementor-image img[src*="1f4cd"],
.elementor-top-section .elementor-image img[src*="local"] {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none'%3E%3Cpath d='M32 4C22 4 14 12 14 22c0 14 18 36 18 36s18-22 18-36c0-10-8-18-18-18z' fill='white' opacity='0.2' stroke='white' stroke-width='3'/%3E%3Ccircle cx='32' cy='22' r='6' fill='white' opacity='0.8'/%3E%3C/svg%3E");
}

/* Why Choose section - style emoji as large icons */
.elementor-top-section [style*="font-size:32px"] {
    font-size: 36px !important;
    filter: brightness(0) invert(1) !important;
    opacity: 0.9 !important;
}

/* Fix Why Choose icon filter - target all icon divs */
.elementor-top-section .elementor-widget-text-editor img[src*="emoji"],
.elementor-top-section .elementor-widget-text-editor img[src*="s.w.org"] {
    filter: brightness(0) invert(1) !important;
    opacity: 0.9 !important;
    width: 36px !important;
    height: 36px !important;
}