/*! Pool Builder Plugin — Thank You page component
   05-components.thank-you.css
   Extracted verbatim from pb-sections.css (Thank You Page Styles section).
   Final post-submission step (#wppb_step_thank_you) layout + responsive. */

/* Thank You Page Container - Main wrapper for the thank you page */
#wppb_wrapper #wppb_step_thank_you {
    width: 100%;
    padding: 2rem 1rem;
    min-height: 600px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Remove generic wrap class styles if inherited */
#wppb_wrapper #wppb_step_thank_you.wppb_container {
    background: transparent;
    border: none;
    box-shadow: none;
}

/* Thank You Wrapper - Controls max-width and centering */
#wppb_wrapper .wppb_thank_you_wrapper {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    padding: 0 15px;
}

/* Thank You Content Container - Ensures proper display */
#wppb_wrapper #wppb_step_thank_you .wppb_thank_you_content {
    display: block !important; /* Override any display: contents inheritance */
    width: 100%;
}

/* Inner thank-you-content created by UIBuilder */
#wppb_wrapper #wppb_step_thank_you .thank-you-content {
    max-width: 900px;
    margin: 0 auto;
    width: 100%;
}

/* Ensure Bootstrap container doesn't break centering */
#wppb_wrapper #wppb_step_thank_you .thank-you-content .container {
    max-width: 100%;
    padding: 0;
}

/* Success icon styling */
#wppb_wrapper #wppb_step_thank_you .success-icon {
    margin-bottom: 1.5rem;
}

/* Card styling for summary and calendly */
#wppb_wrapper #wppb_step_thank_you .card {
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
}

/* Responsive adjustments for tablets */
@media (max-width: 992px) {
    #wppb_wrapper .wppb_thank_you_wrapper {
        max-width: 100%;
        padding: 0 20px;
    }
    
    #wppb_wrapper #wppb_step_thank_you {
        padding: 1.5rem 0.5rem;
    }
}

/* Responsive adjustments for mobile */
@media (max-width: 768px) {
    #wppb_wrapper .wppb_thank_you_wrapper {
        padding: 0 10px;
    }
    
    #wppb_wrapper #wppb_step_thank_you {
        padding: 1rem 0;
        min-height: 500px;
    }
    
    #wppb_wrapper #wppb_step_thank_you .thank-you-content {
        padding: 0 0.5rem;
    }
}