/*
Theme Name: Hello Elementor Child
Theme URI: https://beyondracism.org.uk
Description: Child theme for Hello Elementor used by Beyond Racism
Author: Beyond Racism Digital Team
Template: hello-elementor
Version: 1.0
Text Domain: hello-elementor-child
*/

/* Import parent theme styles */
@import url("../hello-elementor/style.css");
/* Target the repeater item's template container */
.acf-repeater-item .teaser-row {
    display: grid !important;
    grid-template-columns: auto 1fr !important;
    align-items: start !important;
    column-gap: 10px !important;
    gap: 10px !important;
}

/* Override Elementor's inner container */
.acf-repeater-item .teaser-row > .e-con-inner {
    display: contents !important;
}

/* Ensure icon doesn't stretch */
.acf-repeater-item .teaser-icon {
    flex-shrink: 0;
    align-self: start;
}

/* Ensure heading aligns properly */
.acf-repeater-item .teaser-heading {
    align-self: start;
    margin: 0;
}

/* Prevent horizontal overflow globally */
html, body {
    overflow-x: hidden;
    width: 100%;
    position: relative;
}

/* Specific fix for Elementor containers that might bleed out */
.elementor-section, .e-con {
    max-width: 100vw;
}

/* Ensure a safety margin on all screens, especially MacBooks */
@media (max-width: 1600px) {
    .elementor-section.elementor-section-boxed > .elementor-container,
    .e-con-boxed > .e-con-inner {
        padding-left: 40px !important;
        padding-right: 40px !important;
    }
}

/* Ensure a safety margin on all screens, especially MacBooks */
@media (max-width: 1600px) {
    .elementor-section.elementor-section-boxed > .elementor-container,
    .e-con-boxed > .e-con-inner {
        padding-left: 40px !important;
        padding-right: 40px !important;
    }
}