/*
 Theme Name:   Hello Elementor Child
 Theme URI:    https://islamoradayms.com
 Description:  Hello Elementor Child Theme for Islamorada YMS
 Author:       Islamorada YMS
 Template:     hello-elementor
 Version:      1.0.0
 Text Domain:  hello-elementor-child
*/

/* ── 1. Override the sticky JS inline width so header is truly full-width ── */
.elementor-167 .elementor-element-3a4c1350 {
    width: 100vw !important;
    left: 0 !important;
    right: 0 !important;
    box-sizing: border-box !important;
}

/* ── 2. Make the inner container span full width with space-between ──────── */
.elementor-167 .elementor-element-3a4c1350 .elementor-container {
    width: 100% !important;
    max-width: 100% !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    justify-content: space-between !important;
    align-items: center !important;
    box-sizing: border-box !important;
}

/* ── 3. Logo: far left, only as wide as it needs to be ──────────────────── */
.elementor-167 .elementor-element-65d24b34 {
    width: auto !important;
    flex: 0 0 auto !important;
}

/* ── 4. Nav: fills the middle, menu centered within it ──────────────────── */
.elementor-167 .elementor-element-2da44814 {
    width: auto !important;
    flex: 1 1 auto !important;
    display: flex !important;
    justify-content: center !important;
}

/* ── 5. Button: far right, only as wide as it needs to be ───────────────── */
.elementor-167 .elementor-element-5b0949a {
    width: auto !important;
    flex: 0 0 auto !important;
}

/* ── 6. Mobile: keep logo / burger / button all on one row ──────────────── */
@media (max-width: 767px) {
    .elementor-167 .elementor-element-65d24b34 { flex: 0 0 50% !important; width: 50% !important; }
    .elementor-167 .elementor-element-2da44814 { flex: 0 0 20% !important; width: 20% !important; }
    .elementor-167 .elementor-element-5b0949a  { flex: 0 0 30% !important; width: 30% !important; }
}