/* ==========================================================================
   Spedition Walz – globale stilarter (mobile-first)
   Farver, skrifter og knapper ligger i theme.json. Sektioner, kort, fotobånd,
   badge, telefon, kontaktliste og logo har hver deres CSS i blocks/<navn>/style.css
   og indlæses kun på sider, hvor blokken bruges.
   Brekpunkter: 782px og 1024px – svarer til settings.viewport i theme.json.
   ========================================================================== */

:focus-visible{outline:3px solid var(--wp--preset--color--yellow);outline-offset:2px}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){ html{scroll-behavior:auto} }

main.wp-block-group{margin-top:0}
main.wp-block-group > .alignfull{margin-block:0}
.wp-site-blocks > *{margin-block-start:0}

/* ---------- Topbar ---------- */
.walz-topbar{font-size:13px;letter-spacing:.02em;padding-top:8px;padding-bottom:8px}
.walz-topbar p{margin:0}
.walz-topbar a{color:inherit;text-decoration:none}
.walz-topbar a:hover{color:var(--wp--preset--color--yellow)}
.walz-topbar__contact{display:flex;gap:20px}
.walz-topbar__loc{display:none}
@media (min-width:782px){ .walz-topbar{font-size:14px} .walz-topbar__loc{display:block} }

/* ---------- Header ---------- */
.walz-site-header{position:sticky;top:0;z-index:50}
.editor-styles-wrapper .walz-site-header{position:static}
.admin-bar .walz-site-header{top:32px}
@media (max-width:782px){ .admin-bar .walz-site-header{top:0} } /* følger WP's admin-bar */
.walz-header{border-bottom:1px solid var(--wp--preset--color--line)}
.walz-header > .wp-block-group{min-height:72px;gap:16px}
@media (min-width:1024px){ .walz-header > .wp-block-group{min-height:96px} }

/* Navigation */
.walz-header__nav{gap:36px}
.walz-nav .wp-block-navigation__container{gap:36px}
.walz-nav .wp-block-navigation-item__content{padding:6px 0;border-bottom:3px solid transparent;text-decoration:none}
.walz-nav .wp-block-navigation-item__content:hover{border-bottom-color:var(--wp--preset--color--line)}
.walz-nav .current-menu-item > .wp-block-navigation-item__content,
.walz-nav [aria-current="page"]{border-bottom-color:var(--wp--preset--color--red)}
.walz-nav .wp-block-navigation__responsive-container-open{width:48px;height:48px;background:var(--wp--preset--color--ink);color:var(--wp--preset--color--paper);border-radius:4px;display:flex;align-items:center;justify-content:center}
.walz-nav .wp-block-navigation__responsive-container.is-menu-open{padding:24px 20px}
.walz-nav .is-menu-open .wp-block-navigation__container{gap:0;width:100%}
.walz-nav .is-menu-open .wp-block-navigation-item{width:100%}
.walz-nav .is-menu-open .wp-block-navigation-item__content{display:block;width:100%;font-size:26px;padding:14px 0;border-bottom:1px solid #3A352E}
.walz-nav .is-menu-open .wp-block-navigation-item__content:hover{color:var(--wp--preset--color--yellow)}
/* Burgermenu kun ved behov.
   Navigationen står som "altid overlay"; når der er plads (JS sætter .walz-nav--fits)
   – eller uden JS fra 1024px – vises den almindelige vandrette menu i stedet. */
.walz-header .walz-brand{flex-shrink:0}
.walz-nav.walz-nav--fits .wp-block-navigation__responsive-container-open{display:none}
.walz-nav.walz-nav--fits .wp-block-navigation__responsive-container:not(.is-menu-open){display:block;width:100%;position:relative;z-index:auto;background-color:inherit;color:inherit;padding:0}
.walz-nav.walz-nav--fits .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__responsive-container-close{display:none}
@media (min-width:1024px){
  .walz-nav:not(.walz-nav--fits):not(.walz-nav--collapsed) .wp-block-navigation__responsive-container-open{display:none}
  .walz-nav:not(.walz-nav--fits):not(.walz-nav--collapsed) .wp-block-navigation__responsive-container:not(.is-menu-open){display:block;width:100%;position:relative;z-index:auto;background-color:inherit;color:inherit;padding:0}
  .walz-nav:not(.walz-nav--fits):not(.walz-nav--collapsed) .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__responsive-container-close{display:none}
}
.walz-nav.walz-nav--fits .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__container{flex-wrap:wrap}

.walz-header__cta{display:none}
@media (min-width:1024px){ .walz-header__cta{display:block} }

/* ---------- Stilvarianter af kerneblokke ---------- */
.is-style-kicker{font-family:var(--wp--preset--font-family--display);font-weight:700;font-size:15px;letter-spacing:.2em;text-transform:uppercase;color:var(--wp--preset--color--red)}
@media (min-width:1024px){ .is-style-kicker{font-size:17px} }
.is-style-lead{font-size:19px;line-height:1.6}
.is-style-link-arrow{font-family:var(--wp--preset--font-family--display);font-weight:700;font-size:19px;letter-spacing:.06em;text-transform:uppercase}
.is-style-link-arrow a::after{content:" →"}

/* Sektionshoved (kicker + titel venstre, tekst/link højre) */
.walz-sec-head{margin-bottom:clamp(32px, 4vw, 56px) !important}
.walz-sec-head h2{margin:0}
.walz-split{gap:clamp(40px, 8vw, 120px)}

/* Galleri: første billede stort (2 kolonner mobil, 4 fra 1024px) */
.wp-block-gallery.is-style-featured{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.wp-block-gallery.is-style-featured > .wp-block-image{width:auto !important;margin:0 !important}
.wp-block-gallery.is-style-featured img{width:100%;height:100%;aspect-ratio:1;object-fit:cover;border-radius:6px}
.wp-block-gallery.is-style-featured > .wp-block-image:first-child{grid-column:span 2}
.wp-block-gallery.is-style-featured > .wp-block-image:first-child img{aspect-ratio:16 / 9}
@media (min-width:1024px){
  .wp-block-gallery.is-style-featured{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:240px;gap:16px}
  .wp-block-gallery.is-style-featured > .wp-block-image:first-child{grid-row:span 2}
  .wp-block-gallery.is-style-featured img,
  .wp-block-gallery.is-style-featured > .wp-block-image:first-child img{aspect-ratio:auto}
}

/* Kontakt-titel */
.walz-contact-title{font-size:clamp(52px, 6vw, 80px) !important;line-height:.95 !important}

/* ---------- Undersider ---------- */
.walz-sec.walz-page .wp-block-post-title,
.walz-page .wp-block-post-title{font-size:clamp(44px, 7vw, 88px);margin-bottom:.4em}
.walz-page{padding-top:clamp(56px, 8vw, 112px);padding-bottom:clamp(56px, 8vw, 112px)}

/* ---------- Footer ---------- */
.walz-footer{border-top:14px solid var(--wp--preset--color--yellow);color:#A69E90;font-size:14px;padding-top:24px;padding-bottom:24px}
.walz-footer > .wp-block-group{min-height:56px;align-items:center}
.walz-footer p{margin:0}
.walz-footer .walz-brand__name{font-size:20px}
@media (min-width:1024px){ .walz-footer{padding-top:32px;padding-bottom:32px} .walz-footer .walz-brand__name{font-size:24px} }