/* === Global overrides (loaded last) === */
.river-slider__overlay{ pointer-events: none !important; }

/* Remove vertical shift and give balanced paddings */
.river-slider__overlay{ pointer-events: none !important; } /* globálisan ok */

@media (max-width: 991.98px){
  .river-cards{ transform: none !important; margin-top: 60px !important; }
  .river-slider{
    padding-top: clamp(32px, 6vh, 64px) !important;
    padding-bottom: clamp(32px, 8vh, 80px) !important;
    min-height: auto !important;
    --card-h-active: 780px !important;
  }
  .river-card.is-active{ min-height: var(--card-h-active) !important; height: auto !important; }
  .river-card{ height: auto !important; }
}

/* Optional: tighten on very small screens */
@media (max-width: 420px){
  .river-slider{ padding-bottom: clamp(24px, 10vh, 72px) !important; }
}

/* Keep hero bottom icon size stable across breakpoints */
.hero img[src*="nav_icon_bottom"]{
  width: 36px;
  height: auto;
}

.river-slider{ min-height: auto !important; }


/* === User-requested mobile card height === */
@media (max-width: 767.98px){
  .river-slider{ --card-h-active: 840px !important; }
  .river-card.is-active{ min-height: var(--card-h-active) !important; height: auto !important; }
  .river-card{ height: auto !important; }
}



/* === iPhone 13 mini (<=380px) — MERGED FIX === */
@media (max-width: 380px){
  /* general: avoid horizontal scrolling */
  html, body{ overflow-x: hidden !important; }

  /* header spacing for fixed navbar */
  :root{ --nav-h: 56px; }
  body{ padding-top: calc(var(--nav-h) + env(safe-area-inset-top)) !important; }

  /* NAVBAR: brand + burger first row, slogan full-width on second row */
  .navbar{ padding-top: 6px; padding-bottom: 6px; }
  .navbar .container{
    display:flex; align-items:center; justify-content:space-between;
    flex-wrap: wrap; gap: 0;
  }
  /* logo size (+15%) */
  .navbar-brand{ order:1; margin-right:.5rem; min-width:0; }
  .navbar-brand img{ height: 36px !important; max-width: 48vw !important; width:auto; }
  .navbar-toggler{ order:1; margin-left:auto; transform: translateY(0); }

  /* slogan smaller (-20%) and on its own row */
  .navbar-slogan{
    order:2; width:100%;
    font-size: 8.2px !important;
    line-height: 1.25 !important;
    margin-top: 2px !important;
    padding: 2px 0 6px !important;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
  }
  .navbar-slogan img, .navbar-slogan svg{
    height: 16px; width:auto; vertical-align: -3px; margin-right: 6px;
  }

  /* HERO: slightly taller (previous request -15% from 150 -> 128svh kept) */
  .hero{
    min-height: 128svh !important;
    min-height: 128dvh !important;
    height: auto !important;
  }

  /* AMBASSADORS: stack vertically, full-width text */
  #ambassadors{ --w-active: 100vw; --w-inactive: 100vw; --gap: 12px; }
  #ambassadors .amb-shell{ overflow: hidden; grid-template-columns: none;}
  #ambassadors .amb-track{ grid-auto-flow: row; }
  #ambassadors .amb-card, #ambassadors .amb-card.is-active{ width: 100% !important; }
  #ambassadors .amb-meta{ max-width: none; width: 100%; padding: 12px 16px 16px; }
  #ambassadors .amb-card.is-active .amb-quote {font-size: 0.8rem;}

  /* FOOTER logos: stack and center */
  .footer-logos{ flex-wrap: wrap !important; justify-content: center !important; gap: 16px !important; }
  .footer-logos img{ flex: 0 0 100%; max-width: 180px; height: auto; margin: 0 auto; display: block; }
}



/* --- iPhone 13 mini: Ambassadors FORCE full-width (<=380px) --- */
@media (max-width: 380px){
  /* Safety: no horizontal scroll */
  #ambassadors, #ambassadors *{ max-width: 100% !important; }
  #ambassadors{ overflow-x: hidden !important; }

  /* Track as block to ignore any grid/flex row sizing */
  #ambassadors .amb-track{
    display: block !important;
    width: 100% !important;
  }

  /* Every card occupies full row width */
  #ambassadors .amb-card,
  #ambassadors .amb-card.is-active{
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    margin: 0 0 16px 0 !important;
  }

  /* Inner canvas/photo also full width */
  #ambassadors .amb-canvas,
  #ambassadors .amb-photo,
  #ambassadors .amb-photo img{
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
  }

  /* Meta text uses full width, not a narrow column */
  #ambassadors .amb-meta{
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  /* Quote panel spans inner width with gutters */
  #ambassadors .amb-quote{
    position: absolute !important;
    left: 12px !important;
    right: 12px !important;
    bottom: 12px !important;
    width: auto !important;
    max-width: none !important;
    transform: none !important;
  }
}