/* CanalSERV V7 — four approved corrections, 04.11.2026. Keep V6 design. */

/* 1. Desktop header is visually overlaid on the hero, not a separate navy band.
   JS measures its real height, because the original logo controls navbar height. */
@media (min-width:1020px) {
  body.page-home,body.page-location,body.page-hydro {--v7-header-height:125px}
  body.page-home .site-header,body.page-location .site-header,body.page-hydro .site-header {
    position:sticky;top:0;z-index:70;margin-bottom:calc(-1 * var(--v7-header-height));
    background:transparent!important;border:0!important;box-shadow:none!important;
    -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
    transition:background-color .25s ease, box-shadow .25s ease, backdrop-filter .25s ease;
  }
  body.page-home .site-header.is-scrolled,body.page-location .site-header.is-scrolled,body.page-hydro .site-header.is-scrolled {
    background:rgba(0,9,25,.97)!important;
    box-shadow:0 12px 30px -18px rgba(0,0,0,.65)!important;
    -webkit-backdrop-filter:blur(14px)!important;backdrop-filter:blur(14px)!important;
    border-bottom:1px solid rgba(255,255,255,.09)!important;
  }
  .page-home .v2-hero-inner {padding-top:calc(88px + var(--v7-header-height))}
  .page-location .inner-hero,.page-hydro .inner-hero {padding-top:calc(74px + var(--v7-header-height))}
  /* Pills and switcher share height, radius and a common 8px rhythm. */
  .site-header .nav-shell {gap:8px}
  .site-header .primary-nav {gap:8px}
  .site-header .nav-actions {gap:8px}
  .site-header .primary-nav>a {min-height:46px;display:inline-flex;align-items:center;justify-content:center;padding:0 12px;border-radius:13px;font-size:11.4px;line-height:1.2}
  .site-header .language-switch {height:46px;min-height:46px;display:flex;align-items:center;padding:0 12px;border-radius:13px;font-size:12px}
  .site-header .header-call {height:46px;min-height:46px;display:inline-flex;align-items:center;padding:0 15px;border-radius:13px}
}
@media (min-width:1020px) and (max-width:1430px) {
  .site-header .nav-shell,.site-header .primary-nav,.site-header .nav-actions {gap:6px}
  .site-header .primary-nav>a{height:43px;min-height:43px;padding:0 8px;font-size:10.7px;border-radius:12px}
  .site-header .language-switch{height:43px;min-height:43px;padding:0 8px;border-radius:12px}
  .site-header .header-call{height:43px;min-height:43px;padding:0 9px;border-radius:12px}
}
@media (min-width:1020px) and (max-width:1175px) {
  .site-header .nav-shell,.site-header .primary-nav,.site-header .nav-actions{gap:4px}
  .site-header .primary-nav>a{font-size:9.3px;padding-inline:6px}
  .site-header .language-switch{font-size:10px;padding-inline:7px}
  .site-header .header-call{font-size:10px;padding-inline:7px}
}
/* Precise emergency label font sizes (RO/RU). */
.page-home .v2-hero-copy .v2-badge.v2-badge-dark{font-size:13px;letter-spacing:.08em}
@media (max-width:767px){.page-home .v2-hero-copy .v2-badge.v2-badge-dark{font-size:11px;letter-spacing:.065em}}

/* 2. Three slim CTA buttons: equal widths, same height on desktop, stacked full-width on phones. */
.v2-cta-slim .v6-cta-trio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:min(100%,575px);flex:0 1 575px;margin-left:auto;align-items:stretch}
.v2-cta-slim .v6-cta-trio>a{display:inline-flex;align-items:center;justify-content:center;width:100%;min-width:0;min-height:55px;height:100%;padding:12px 10px;white-space:normal;text-align:center;font-size:11px}
@media (max-width:1290px){
  .v2-cta-slim .v6-cta-trio{flex:0 1 auto;width:100%;max-width:none;margin:14px 0 0}
}
@media (max-width:640px){
  .v2-cta-slim .v6-cta-trio{grid-template-columns:minmax(0,1fr);width:100%;gap:10px;margin-top:14px}
  .v2-cta-slim .v6-cta-trio>a,.v2-cta-slim .v6-cta-trio>a:last-child{grid-column:auto;width:100%;min-height:52px;height:52px;font-size:12px}
}
/* Same stretched style for regional/hydrodynamic CTA. All three have identical dimensions. */
@media (max-width:640px){
  .page-location .v5-region-actions.v6-region-actions,.page-hydro .v3-hydro-actions.v6-hydro-actions{grid-template-columns:minmax(0,1fr)!important;gap:10px!important;width:100%!important;max-width:none!important;align-items:stretch}
  .page-location .v6-region-actions>a,.page-hydro .v6-hydro-actions>a,
  .page-location .v6-region-actions>a:last-child,.page-hydro .v6-hydro-actions>a:last-child{
     grid-column:auto!important;display:flex!important;width:100%!important;min-width:0!important;
     height:54px!important;min-height:54px!important;margin:0!important;
     align-items:center!important;justify-content:center!important;text-align:center!important;
     padding:11px 14px!important;font-size:12px!important;border-radius:9px!important;
  }
}

/* 3. Reviews: denser mobile columns, smaller rating/stars, single-line heading.
   Tighten the section's outside whitespace by ~50%. */
@media (max-width:640px){
  .v4-google-section{padding:28px 0 33px}
  .v4-google-card{grid-template-columns:114px minmax(0,1fr);column-gap:9px;row-gap:15px;padding:32px 15px 18px}
  .v4-google-card .v4-google-identity{gap:6px}
  .v4-google-card svg.v4-google-logo{width:30px!important;height:30px!important;min-width:30px!important;min-height:30px!important;max-width:30px!important;max-height:30px!important;flex:0 0 30px!important}
  .v4-google-card .v4-rating strong{font-size:30px}
  .v4-google-card .v4-rating span{font-size:11px}
  .v4-google-card .v4-stars{font-size:12px;letter-spacing:-.035em;margin-top:1px}
  .v4-google-card .v4-google-copy{min-width:0;max-width:none}
  .v4-google-card .v4-google-copy h2{font-size:clamp(9px,2.78vw,11.5px);line-height:1.23;letter-spacing:-.03em;white-space:nowrap;margin-bottom:7px}
  .v4-google-card .v4-google-copy p{font-size:clamp(10.7px,3.1vw,12.3px);line-height:1.48}
  .v4-google-card .v4-google-button{grid-column:1/-1;justify-self:stretch;width:100%;min-height:51px}
}
@media(max-width:375px){
  .v4-google-card{grid-template-columns:104px minmax(0,1fr);column-gap:7px;padding:32px 12px 18px}
  .v4-google-card .v4-rating strong{font-size:28px}
  .v4-google-card .v4-stars{font-size:11px}
  .v4-google-card .v4-google-copy h2{font-size:clamp(8.8px,2.8vw,10px)}
}
@media(prefers-reduced-motion:reduce){.site-header{transition:none!important}}
/* Hidden mobile-only regional links must stay hidden despite the new desktop pill selector. */
@media(min-width:1020px){.site-header .primary-nav>a.v5-mobile-only{display:none!important}}