/* DCMS Mobile Responsive Styles */

/* Fix horizontal overflow on mobile - WordPress full-width blocks */
@media (max-width: 782px) {
  html, body {
    overflow-x: hidden !important;
    max-width: 100% !important;
  }

  /* Reset WordPress full-width block negative margins on mobile */
  .wp-block-post-content > *,
  .dcms-hero,
  .dcms-trust-bar,
  .dcms-our-story,
  .dcms-what-we-supply,
  .dcms-cta,
  .dcms-social {
    max-width: 100% !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
  }

  /* Section padding on mobile */
  .dcms-hero { padding: 40px 20px !important; }
  .dcms-trust-bar {
    flex-direction: column !important;
    gap: 16px !important;
    padding: 30px 20px !important;
  }
  .dcms-our-story { padding: 40px 20px !important; }
  .dcms-story-columns { flex-direction: column !important; }
  .dcms-what-we-supply { padding: 40px 20px !important; }
  .dcms-cta { padding: 40px 20px !important; }
  .dcms-social { padding: 40px 20px !important; }
}

@media (max-width: 390px) {
  .dcms-hero h1 { font-size: 2rem !important; }
  .dcms-trust-bar { padding: 20px !important; }
}




/* Fix: DCMS Homepage Layout */
.entry-content.wp-block-post-content {
    display: block !important;
}

.wp-block-cover {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
}

.wp-block-cover__background {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 100% !important;
}

.wp-block-cover__inner-container {
    position: relative !important;
    z-index: 1 !important;
    width: 100% !important;
}

/* === DCMS clean-up: center social section + hide broken inline popup === */
.dcms-social h2.wp-block-heading { text-align: center !important; }
.dcms-social .wp-block-column h3.wp-block-heading { text-align: center !important; }
.dcms-social .wp-block-columns { justify-content: center !important; }
#homePopup.modal-overlay { display: none !important; }


/* === DCMS mobile header: clean compact bar (logo + styled hamburger) === */
@media (max-width: 782px){
  header .wp-block-group.alignwide { flex-wrap: nowrap !important; justify-content: space-between !important; align-items: center !important; gap: 12px !important; }
  header .wp-block-group.alignwide > .wp-block-group { flex: 0 0 auto !important; }
  header .wp-block-group.alignwide > .wp-block-group:first-child { justify-content: flex-start !important; }
  header .wp-block-group.alignwide > .wp-block-group:last-child { justify-content: flex-end !important; gap: 0 !important; }
  header figure.wp-block-image, header figure.wp-block-image img { width: 120px !important; max-width: 120px !important; height: auto !important; }
  header .wp-block-search { display: none !important; }
  header .wp-block-buttons { display: none !important; }
  header .wp-block-group.alignfull.has-theme-5-background-color { border-bottom: 3px solid #D4762A !important; }
  header nav.wp-block-navigation .wp-block-navigation__responsive-container-open svg { display: none !important; }
  header nav.wp-block-navigation .wp-block-navigation__responsive-container-open {
    width: 48px !important; height: 42px !important; border: 2px solid #D4762A !important; border-radius: 9px !important;
    background-color: transparent !important; position: relative !important; padding: 0 !important;
  }
  header nav.wp-block-navigation .wp-block-navigation__responsive-container-open::before {
    content: "" !important; position: absolute !important; left: 50% !important; top: 50% !important; transform: translate(-50%,-50%) !important;
    width: 22px !important; height: 15px !important;
    background-image: linear-gradient(#fff,#fff), linear-gradient(#fff,#fff), linear-gradient(#fff,#fff) !important;
    background-size: 22px 2.5px !important; background-position: left top, left center, left bottom !important; background-repeat: no-repeat !important;
  }
  header nav.wp-block-navigation .wp-block-navigation__responsive-container-open:hover { background-color: #D4762A !important; }
}

/* === DCMS seam fix (remove white strips between dark sections) + mobile hamburger === */
.dcms-trust-bar { margin-top: 0 !important; }
.dcms-cta { margin-top: 0 !important; }
@media (max-width: 782px) {
  header nav.wp-block-navigation .wp-block-navigation__responsive-container-open { display: flex !important; }
  header nav.wp-block-navigation .wp-block-navigation__responsive-container:not(.is-menu-open) { display: none !important; }
}


/* === DCMS desktop nav: spread across + spice up === */
@media (min-width: 783px) {
  header .wp-block-group.alignwide > .wp-block-group:last-child { flex: 1 1 auto !important; gap: 36px !important; }
  header nav.wp-block-navigation { flex: 1 1 auto !important; }
  header nav.wp-block-navigation > ul.wp-block-navigation__container { width: 100% !important; justify-content: space-evenly !important; gap: 8px !important; }
  header nav.wp-block-navigation a.wp-block-navigation-item__content {
    text-transform: uppercase !important; letter-spacing: 1.6px !important; font-weight: 700 !important;
    font-size: 15px !important; padding: 10px 6px !important; position: relative !important;
    color: #ffffff !important; transition: color .2s ease !important;
  }
  header nav.wp-block-navigation a.wp-block-navigation-item__content::after {
    content: "" !important; position: absolute !important; left: 50% !important; bottom: 2px !important;
    width: 0 !important; height: 3px !important; background: #D4762A !important; border-radius: 2px !important;
    transition: width .25s ease, left .25s ease !important;
  }
  header nav.wp-block-navigation a.wp-block-navigation-item__content:hover { color: #D4762A !important; }
  header nav.wp-block-navigation a.wp-block-navigation-item__content:hover::after { width: 100% !important; left: 0 !important; }
  header nav.wp-block-navigation .current-menu-item a.wp-block-navigation-item__content { color: #D4762A !important; }
  header nav.wp-block-navigation .current-menu-item a.wp-block-navigation-item__content::after { width: 100% !important; left: 0 !important; }
}


/* === DCMS hamburger overlay: match desktop nav design === */
@media (max-width: 782px){
  .wp-block-navigation__responsive-container.is-menu-open { background-color: #1C2B3A !important; }
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content { padding-top: 20px !important; }
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container { gap: 8px !important; }
  .wp-block-navigation__responsive-container.is-menu-open a.wp-block-navigation-item__content {
    text-transform: uppercase !important; letter-spacing: 1.6px !important; font-weight: 700 !important;
    font-size: 20px !important; color: #ffffff !important; position: relative !important;
    padding: 10px 4px !important; transition: color .2s ease !important; display: inline-block !important;
  }
  .wp-block-navigation__responsive-container.is-menu-open a.wp-block-navigation-item__content::after {
    content: "" !important; position: absolute !important; left: 0 !important; bottom: 2px !important;
    width: 0 !important; height: 3px !important; background: #D4762A !important; border-radius: 2px !important;
    transition: width .25s ease !important;
  }
  .wp-block-navigation__responsive-container.is-menu-open a.wp-block-navigation-item__content:hover { color: #D4762A !important; }
  .wp-block-navigation__responsive-container.is-menu-open a.wp-block-navigation-item__content:hover::after { width: 100% !important; }
  .wp-block-navigation__responsive-container.is-menu-open .current-menu-item a.wp-block-navigation-item__content { color: #D4762A !important; }
  .wp-block-navigation__responsive-container.is-menu-open .current-menu-item a.wp-block-navigation-item__content::after { width: 100% !important; }
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close { color: #ffffff !important; }
}


/* === DCMS mobile: tighten hero->stats gap + remove redundant IG follow column === */
@media (max-width: 782px){
  .dcms-hero { min-height: auto !important; padding-top: 38px !important; padding-bottom: 26px !important; }
  .dcms-trust-bar { padding-top: 6px !important; }
  .dcms-trust-bar .wp-block-columns { padding-top: 18px !important; }
  .dcms-social .wp-block-column:first-child { display: none !important; }
}