/*
 Theme Name: Astra Child
 Theme URI: https://kukulasafaris.com
 Description: Child theme for Astra – protects custom design and prevents plugin overrides
 Author: Coffeeberry / Kukula Safaris
 Author URI: https://kukulasafaris.com
 Template: astra
 Version: 1.0.1
 Text Domain: astra-child
*/

/**************************************************
   HOMEPAGE FIXES – PAGE ID 1703
**************************************************/

/* === HEADER BANNER (Spectra-proof) === */
.page-id-1703 .mysafebanner {
    background-image: url("https://kukulasafaris.com/wp-content/uploads/2025/11/ZebraBannerImage.jpg") !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;

    min-height: 600px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;

    padding: 0 20px !important;
    position: relative !important;

    background-color: red !important; /* TEST - remove after confirming */
}

/* Banner title */
.page-id-1703 .mysafebanner .uagb-ifb-title {
    font-size: 5vw !important;
    line-height: 1.1 !important;
    color: #ffffff !important;
    text-shadow: 0px 2px 3px rgba(0,0,0,0.5) !important;
}

/* Banner description */
.page-id-1703 .mysafebanner .uagb-ifb-desc {
    font-size: 2vw !important;
    line-height: 1.3 !important;
    max-width: 90% !important;
    margin: 0 auto !important;
    color: #ffffff !important;
    text-shadow: 0px 1px 2px rgba(0,0,0,0.5) !important;
}

/* Mobile optimisation */
@media only screen and (max-width: 480px) {
    .page-id-1703 .mysafebanner {
        min-height: 180px !important;
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }
    .page-id-1703 .mysafebanner .uagb-ifb-title {
        font-size: 8vw !important;
    }
    .page-id-1703 .mysafebanner .uagb-ifb-desc {
        font-size: 4vw !important;
    }
}

/* Body content spacing */
.page-id-1703 .site-content {
    padding-left: 20px !important;
    padding-right: 20px !important;
}
@media (min-width: 768px) {
    .page-id-1703 .site-content {
        padding-left: 40px !important;
        padding-right: 40px !important;
    }
}

/* Quotation mark fix */
.page-id-1703 blockquote:before {
    font-size: 60px !important;
    opacity: 0.2 !important;
}

/* Footer banner */
.page-id-1703 .footer-banner img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
}

/* 3-column image fix */
.page-id-1703 .wp-block-columns .wp-block-column img {
    width: 100% !important;
    max-width: 100% !important;
    object-fit: cover !important;
    display: block !important;
}

/* Match column heights */
.page-id-1703 .wp-block-columns .wp-block-column {
    display: flex !important;
    flex-direction: column !important;
}

/**************************************************
   SAFETY – STOP SPECTRA & ASTRA OVERRIDES
**************************************************/

.page-id-1703 .mysafebanner,
.page-id-1703 .mysafebanner .uagb-ifb-content {
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* FULL HOMEPAGE LOCK – PREVENT FUTURE OVERRIDES */
.page-id-1703 * {
    all: unset !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    display: revert !important;
}