/*
Theme Name: Rick Heatley Child
Theme URI: https://rickheatley.com
Description: Child theme for Rick Heatley Studio Works.
Author: Rick Heatley
Template: Divi
Version: 14.0.0
*/

/* --- DIVI 5 CORE FIXES --- */
.et-l--header, .et-l--body { z-index: auto !important; }

html.loading { opacity: 0; transition: opacity 0.3s ease; }
html { opacity: 1; }

/* GSAP Marquee Hardware Acceleration */
.marquee-left, .marquee-right {
    will-change: transform;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.et_pb_section:has(.marquee-left), .et_pb_section:has(.marquee-right) {
    overflow-x: hidden !important;
}

/* --- CONTACT FORM TYPOGRAPHY (CF7) --- */
.wpcf7 label { font-size: 16px; margin-bottom: 8px; display: block; }
.wpcf7 textarea { resize: none !important; }
.wpcf7 .cf-turnstile, .wpcf7 .cf-turnstile-wrapper { margin-bottom: 0 !important; }

/* Force validation text font and size */
body #page-container span.wpcf7-not-valid-tip {
    font-family: 'Playfair Display', serif !important;
    font-size: 11px !important;
    color: #cc0000 !important;
    font-weight: 400 !important;
}

/* --- SLIDING CONTACT DRAWER --- */
.contact-drawer-section {
    overflow-y: auto !important;
    max-height: 100dvh !important;
    overscroll-behavior: contain !important;
    pointer-events: none;
    transform: translate3d(100%, 0, 0) !important;
    
    /* DEFAULT CLOSED STATE */
    visibility: hidden;
    opacity: 0;
    
    /* CLOSING ANIMATION (Solid Slide-Out) */
    transition: transform 400ms ease-out, opacity 0s 400ms, visibility 0s 400ms !important;
}

.contact-drawer-section[data-open="true"] {
    pointer-events: auto !important;
    transform: translate3d(0, 0, 0) !important;
    
    /* OPEN STATE (100% Opaque) */
    visibility: visible !important;
    opacity: 1 !important;
    
    /* OPENING ANIMATION (Slide + Fade-In) */
    transition: transform 400ms ease-out, opacity 400ms ease-out, visibility 0s 0s !important;
}

/* --- HIDE FORM FIELDS ON SUCCESS --- */
.wpcf7 form.sent > *:not(.wpcf7-response-output) {
    display: none !important;
}

/* --- CF7 SUCCESS MESSAGE STYLING & POSITIONING --- */
.wpcf7 form.sent .wpcf7-response-output {
    background-color: #f1ece5 !important;
    color: #000000 !important;
    border: 0px solid #ffffff !important; 
    border-radius: 0px;
    padding: 15px 30px !important;
    margin: 0 !important;
    text-align: center;
    font-family: 'Playfair Display', serif !important;
    font-size: 16px !important;
}