/* IGK: Force break the boxed layout for full-width look */
.ast-container, 
.site-content .ast-container,
#content .ast-container {
    max-width: 100% !important;
    padding-left: 20px !important; /* Keeps text from touching screen edges */
    padding-right: 20px !important;
}

/* Removes the specific boxed margin on the main content area */
.site-content {
    margin: 0 !important;
    width: 100% !important;
}

/* Ensures Elementor sections can actually reach the edge */
.elementor-section.elementor-section-boxed > .elementor-container {
    max-width: 1400px !important; /* This makes the box much wider and "Iconic" */
}

/* --- IGK: Mobile Full-Width Optimization --- */
@media (max-width: 768px) {
    /* Stretch the container to the edges */
    .ast-container, 
    .site-content .ast-container,
    .elementor-section.elementor-section-boxed > .elementor-container {
        max-width: 100% !important;
        width: 100% !important;
        padding-left: 15px !important; /* The "Golden Gap" for readability */
        padding-right: 15px !important;
        margin: 0 auto !important;
    }

    /* Ensure images and sections don't have forced margins */
    .elementor-column-gap-default > .elementor-row > .elementor-column > .elementor-element-populated {
        padding: 10px !important;
    }
    
    /* Center your Iconic Glam Kids logo on mobile if it looks cramped */
    .site-logo-img {
        max-width: 180px !important; 
        margin: 0 auto !important;
    }
}
/* This forces the font to be wider and more 'Glam' */
body, p {
    font-family: 'Lora', serif !important; /* Change 'Lora' to your choice */
    font-stretch: normal !important; 
    letter-spacing: 0.03em !important; /* Adds the 'Airy' feel */
}

p {
    margin-bottom: 25px !important; 
}

/* 1. FORCE THE 50/50 LOOK ON DESKTOP */
@media (min-width: 1025px) {
    .iconic-50-50 .elementor-container {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between !important;
    }
    .iconic-photo-col {
        width: 50% !important;
        padding-right: 30px !important;
    }
    .iconic-text-col {
        width: 50% !important;
        padding-left: 30px !important;
    }
}

/* 2. FORCE THE NO-CHOP STACK ON MOBILE */
@media (max-width: 1024px) {
    .iconic-50-50 .elementor-container {
        display: block !important;
    }
    .iconic-photo-col, .iconic-text-col {
        width: 100% !important;
        padding: 0 !important;
        display: block !important;
    }
    /* This stops the child from being chopped */
    .iconic-photo-col img {
        width: 100% !important;
        height: auto !important;
        max-height: none !important;
        object-fit: contain !important;
    }
    .iconic-text-col {
        padding: 40px 20px !important;
    }
}

/* 3. THE AIRY TYPOGRAPHY */
body, p {
    font-size: 18px !important;
    line-height: 1.8 !important;
    letter-spacing: 0.04em !important;
}