/* RM Clean centered hero v2 — isolated experiment.
   Keeps the current WhatsApp/menu fixes and changes only header/hero presentation. */

/* Slightly smaller RM Clean wordmark. */
@media (max-width: 620px) {
  .home-brand .rm-clean-wordmark {
    height: 35px !important;
    max-width: min(145px, 39vw) !important;
  }
}

@media (min-width: 621px) {
  .home-brand .rm-clean-wordmark {
    height: 47px !important;
    max-width: 216px !important;
  }
}

/* Language switch: 2–3px visually smaller. */
@media (max-width: 620px) {
  .header-language-switch {
    gap: 1px !important;
    padding: 1px !important;
  }

  .header-language-switch .home-lang-link {
    min-width: 29px !important;
    height: 24px !important;
    padding-inline: 5px !important;
    font-size: 10.5px !important;
  }
}

@media (min-width: 621px) {
  .header-language-switch {
    gap: 2px !important;
    padding: 2px !important;
  }

  .header-language-switch .home-lang-link {
    min-width: 31px !important;
    height: 29px !important;
    padding-inline: 6px !important;
    font-size: 12px !important;
  }
}

/* Keep opening status where it is for now. */
.home-hero-copy .home-hero-meta {
  width: 100% !important;
  text-align: left !important;
}

/* Center the main selling message. */
.home-hero-copy h1 {
  width: min(100%, 820px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
}

.home-hero-copy .home-hero-services {
  width: min(100%, 720px) !important;
  max-width: 720px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
}

/* Phone + email remain left/right, but the row itself is centered. */
.home-hero-copy .home-hero-contact {
  width: min(100%, 620px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 18px !important;
}

/* Mobile needs room for both contact items without wrapping awkwardly. */
@media (max-width: 620px) {
  .home-hero-copy h1 {
    text-align: center !important;
  }

  .home-hero-copy .home-hero-services {
    width: 100% !important;
    text-align: center !important;
  }

  .home-hero-copy .home-hero-contact {
    width: 100% !important;
    gap: 8px !important;
  }
}

/* Tablet portrait: allow the centered title to wrap naturally if needed. */
@media (min-width: 740px) and (max-width: 1180px) and (orientation: portrait) {
  .home-hero-copy h1 {
    max-width: 820px !important;
    white-space: normal !important;
  }
}


/* V4 — iPad/tablet portrait refinement.
   Keep iPhone portrait untouched; pull the centered hero content slightly inward. */
@media (min-width: 621px) and (max-width: 1180px) and (orientation: portrait) {
  .home-hero-copy h1 {
    width: calc(100% - 80px) !important;
    max-width: 700px !important;
  }

  .home-hero-copy .home-hero-services {
    width: calc(100% - 80px) !important;
    max-width: 680px !important;
  }

  .home-hero-copy .home-hero-contact {
    width: calc(100% - 96px) !important;
    max-width: 600px !important;
  }
}

/* Larger portrait screens: same inward composition without over-constraining desktop landscape. */
@media (min-width: 1181px) and (orientation: portrait) {
  .home-hero-copy h1 {
    width: min(calc(100% - 120px), 760px) !important;
  }

  .home-hero-copy .home-hero-services {
    width: min(calc(100% - 140px), 700px) !important;
  }

  .home-hero-copy .home-hero-contact {
    width: min(calc(100% - 160px), 620px) !important;
  }
}


/* V7 — keep the hero centered in landscape as well. */
@media (orientation: landscape) {
  .home-hero-copy h1,
  .home-hero-copy .home-hero-services,
  .home-hero-copy .home-hero-contact {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .home-hero-copy h1,
  .home-hero-copy .home-hero-services {
    text-align: center !important;
  }

  .home-hero-copy .home-hero-contact {
    justify-content: space-between !important;
  }
}

/* English hero: on tablet/desktop, start the service list on a new paragraph.
   On phones, keep it as one continuous paragraph to save vertical space. */
.hero-desktop-break {
  display: none;
}

@media (min-width: 621px) {
  .hero-desktop-break {
    display: block;
    height: 0;
    margin: 0;
  }
}


/* V8 — divider above hero contact row */
.home-hero-copy .home-hero-contact {
  position: relative;
  padding-top: 18px;
}
.home-hero-copy .home-hero-contact::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: min(72%, 520px);
  max-width: 520px;
  height: 1px;
  background: rgba(18,111,121,.14);
}
@media (max-width: 620px) {
  .home-hero-copy .home-hero-contact {
    padding-top: 14px;
  }
  .home-hero-copy .home-hero-contact::before {
    width: min(72%, 520px);
  }
}


/* V10 — hero divider removed because hero contact block was removed */
.home-hero-copy .home-hero-contact,.home-hero-copy .home-hero-contact::before{display:none !important;content:none !important;}


/* V11 — hero vertical balance */
.home-hero-copy{padding-top:42px!important;padding-bottom:42px!important;}
@media (max-width:620px){.home-hero-copy{padding-top:30px!important;padding-bottom:32px!important;}}
@media (min-width:621px) and (max-width:1180px){.home-hero-copy{padding-top:40px!important;padding-bottom:40px!important;}}
@media (min-width:1181px){.home-hero-copy{padding-top:44px!important;padding-bottom:44px!important;}}
@media (min-width:621px){.home-hero-copy .home-hero-services{margin-top:14px!important;}}
@media (max-width:620px){.home-hero-copy .home-hero-services{margin-top:14px!important;}}