/**
 * Footer CTA Layout Styles for PAC Child Theme
 * 
 * Styling for the footer call-to-action layout
 */

 .footer-bg {
    position: relative;
    overflow: visible !important; 
    padding-top: 6rem;
    padding-bottom:1rem;
    margin-bottom: -5rem; /* Negative margin to reduce section height */
    min-height: 48rem;
    
    /* Mobile styles - hide overflow and adjust layout */
    @media (max-width: 991px) {
        overflow: hidden !important;
        padding-top: 3rem;
        margin-bottom: 0;
        padding-bottom:0px;
        min-height: auto;
        display: flex;
        flex-direction: column;
    }
    
  
    
    /* Image styling and positioning */
    .footer-cta-image {
        position: absolute;
        right: 0;
        bottom: 0;
        object-position: right bottom;
        margin: 0;
        float: none;
        z-index: 1;
        transition:all 0.3s ease-in-out;
       
        @media(max-width:1469px){
            right:-5%;
        }
        @media(max-width:1369px){
            right:-10%;
        }
        @media(max-width:1269px){
            right:-15%;
        }
        @media(max-width:1169px){
            right:-20%;
        }
        @media(max-width:1069px){
            right:-25%;
        }
        
        @media (max-width: 991px) {
            position: relative;
            top: auto;
            right: auto;
            bottom: 0;
            width: 100% !important; 
            max-width: 100% !important; 
            height: auto !important;
            max-height: none;
            object-fit: cover;
            object-position: center bottom;
            margin-top: 2rem;
            order: 2;
            align-self: flex-end; 
        }
    }
    
    /* Content styling */
    .footer-cta-content {
        position: relative;
        z-index: 2;
        padding-bottom: 3rem;
        color: var(--color-white);
        
        @media (min-width: 992px) {
            .footer-cta-header, .footer-cta-form {
                max-width: 50%; 
            }
        }
        
        /* Mobile styles */
        @media (max-width: 991px) {
            order: 1;
        }
    }
    
    /* Title styling */
    .footer-cta-title {
        text-wrap: wrap;
        word-wrap: break-word;
        white-space: normal;
        font-size: 3.2rem;
        line-height: 3.8rem;
        max-width: 80%;
        color: white;
        border-bottom: 2px solid var(--color-white);
        padding-bottom: 1.4rem;
        margin-bottom: 2.4rem;
        
        @media (min-width: 992px) {
            font-size: 4.8rem;
            line-height: 5.4rem;
        }
    }
    
    /* Description styling */
    .footer-cta-description {
        margin-bottom: var(--spacing-lg);
        max-width: 80%;
    }
    
    /* Link styling */
    .footer-cta-link {
        margin-top: 2rem;
    }
}