/* --bxyz-notis-- responsiva overrides och mobil-accordion */
:root{
  --fs-body: clamp(0.95rem, 0.38vw + 0.85rem, 1.15rem);
  --fs-sm: clamp(0.9rem, 0.32vw + 0.82rem, 1rem);
  --fs-lg: clamp(1.05rem, 0.6vw + 0.9rem, 1.35rem);
  --space-gap: clamp(0.75rem, 1.2vw, 1.15rem);
  --space-m: clamp(0.75rem, 1.8vw, 1.15rem);
}
body{ font-size: var(--fs-body); }
@media (max-width: 1200px){ .duopanel{ gap: var(--space-gap); } }
@media (max-width: 992px){ .duopanel{ grid-template-columns: 1fr 1fr; } .paragraph-section p{ margin-right: 5rem; font-size: var(--fs-body);} }
@media (max-width: 720px){
  .duopanel{ grid-template-columns: 1fr; gap: var(--space-gap); }
  .paragraph-section{ display:none !important; }
  nav{ position: sticky; top: 0; z-index: 20; background: #fff; padding-top: calc(env(safe-area-inset-top, 0px) + 0px); padding-bottom: 2rem; box-shadow: 0 8px 14px -8px rgba(255,255,255,0.98); }
  .gallery-section{ order:1; display:block; overflow-y:auto; overflow-x:hidden; height:auto; scroll-snap-type: unset; }
  .gallery-section img{ width:100%; height:auto; min-width:auto; min-height:auto; }
  .info-section{ position: fixed; top: var(--nav-h); left:0; right:0; bottom:0; z-index:30; background:#fff; padding: var(--site-m); max-height: calc(100dvh - var(--nav-h)); overflow-y:auto; }
  .info-section p{ margin:0; }
  .mobile-desc{ display:block; overflow:hidden; height:0; margin-top: .35rem; }
  .mobile-desc.open{ height:auto; }
  .mobile-desc p{ font-size: var(--fs-sm); line-height: 1.4; margin-right: 0; }
  .mobile-desc .cap-title{ font-weight: 500; }
  .dots{ justify-content:space-between; }
  .dot-group{ flex: 1 0 auto; min-width: max-content; }
  .swipe-arrow{ display:inline-block; width:76px; height:8px; opacity:0.9 }
  nav .nav-right-column a{ font-size: var(--fs-sm); }
}
@media (max-width: 420px){ :root{ --space-gap: clamp(0.6rem, 1.5vw, 0.9rem);} .dot{ width:9px; height:9px; } }

/* --bxyz-notis-- WP admin bar offset för mobil */
.admin-bar nav{ top: 32px; }
@media (max-width: 782px){ .admin-bar nav{ top: 46px; } }
.admin-bar .info-section{ top: calc(var(--nav-h) + 32px); }
@media (max-width: 782px){ .admin-bar .info-section{ top: calc(var(--nav-h) + 46px); } }