/* Odense Firmafodbold – supplerende styles (tema-farver i theme.json) */
:root{--off-navy:#0A1628;--off-dark:#060D18;--off-bg:#F6F5F1;--off-text:#141C28;--off-muted:#5C6570;--off-line:#E3E0D8;--off-card:#fff;--off-accent:#2B6DE0;--off-accent-h:#1E5CC7;--off-radius:18px}
body{-webkit-font-smoothing:antialiased}
.off-staging-bar{background:#FFD400;color:#141C28;font:600 12px/1.3 Outfit,system-ui,sans-serif;text-align:center;padding:6px 12px;letter-spacing:.02em}
.off-afventer{background:#FFE14D!important;color:#141C28!important;padding:.05em .35em;border-radius:4px;font-weight:600;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.off-udkast{display:inline-block;margin-bottom:.5rem}
.off-notice{background:#FFF8D6;border:1px solid #F0D46A;border-radius:12px;padding:1rem 1.25rem;font-size:.95rem}
/* Header */
.off-header-wrap{position:sticky;top:0;z-index:50}
.off-header{border-bottom:1px solid var(--off-line)}
.off-header__inner{gap:1.5rem}
.off-logo img{border-radius:8px;display:block;height:auto}
.off-nav a{color:var(--off-text);text-decoration:none}
.off-nav a:hover{color:var(--off-accent)}
.off-header__actions{gap:.75rem}
.off-header .wp-block-button__link{padding:.65rem 1.15rem}
@media (max-width:1040px){.off-nav{--wp--style--block-gap:1rem}.off-nav .wp-block-navigation-item{font-size:.88rem}}
@media (max-width:781px){.off-header__cta{display:none}.off-logo img{width:96px!important}}
.wp-block-navigation__responsive-container.is-menu-open{background:var(--off-navy)!important;color:#fff!important;padding:2rem}
.wp-block-navigation__responsive-container.is-menu-open a{color:#fff!important;font-family:"Barlow Condensed",sans-serif;font-size:1.8rem;font-weight:700}
/* Typography helpers */
.off-eyebrow{font-family:Outfit,sans-serif!important;font-size:.72rem!important;font-weight:600!important;letter-spacing:.16em;text-transform:uppercase;color:var(--off-muted)!important;margin-bottom:.25rem!important}
.has-navy-background-color .off-eyebrow,.has-dark-background-color .off-eyebrow,.off-hero .off-eyebrow{color:#7FA7F0!important}
.off-lead{font-size:1.15rem;max-width:40rem;opacity:.85}
.has-navy-background-color h1,.has-navy-background-color h2,.has-navy-background-color h3,.has-dark-background-color h1,.has-dark-background-color h2,.has-dark-background-color h3{color:#fff}
/* Hero */
.off-hero{background:radial-gradient(1200px 500px at 85% 20%,rgba(43,109,224,.28),transparent 60%),linear-gradient(160deg,#0A1628 0%,#060D18 100%)!important;padding:clamp(3.5rem,8vw,6.5rem) 1.25rem!important}
.off-hero h1{font-size:clamp(2.8rem,6.5vw,5rem);line-height:.98;margin:.4rem 0 1rem}
.off-hero__logo img{width:100%;height:auto;max-width:560px;margin-left:auto;display:block}
.off-page-hero{padding:clamp(3rem,6vw,5rem) 1.25rem!important;margin-top:0!important;margin-bottom:0!important}
.off-page-hero h1{font-size:clamp(2.4rem,5vw,3.6rem);margin:.3rem 0 .8rem}
.off-strip{background:var(--off-dark);color:#cfd6e2;text-align:center;font-size:.9rem;padding:.8rem 1rem!important;margin-top:0!important;margin-bottom:0!important}
.off-strip strong{color:#fff}
.off-live{text-align:left;padding:1.25rem 1.25rem!important}
.off-live .off-eyebrow{color:#7FA7F0!important;margin-bottom:.35rem!important}
.off-live p{margin:.15rem 0!important;color:#cfd6e2}
.off-live strong{color:#fff}
.off-live__next{font-size:.88rem!important;color:#aab4c3!important}
.off-live__updated{font-size:.72rem!important;color:#7d889a!important;margin-top:.45rem!important;letter-spacing:.04em}
.off-live .wp-block-button__link{font-size:.9rem}
@media(max-width:781px){
 .off-live .wp-block-buttons{justify-content:flex-start!important}
 .off-live .has-text-align-right{text-align:left}
}

/* Buttons */
.is-style-outline-light .wp-block-button__link{background:transparent!important;border:1px solid rgba(255,255,255,.35)!important;color:#fff!important}
.is-style-outline-light .wp-block-button__link:hover{border-color:#fff!important}
.off-btn-dark .wp-block-button__link{background:var(--off-navy)!important}
.off-btn-dark .wp-block-button__link:hover{background:#000!important}
.off-btn-ghost .wp-block-button__link{background:#fff!important;color:var(--off-text)!important;border:1px solid var(--off-line)!important}
/* Sections */
.off-section{padding-top:clamp(3rem,6vw,5rem)!important;padding-bottom:clamp(3rem,6vw,5rem)!important;margin-top:0!important;margin-bottom:0!important}
.off-section--white{background:#fff}
.off-stats{background:#fff;border-bottom:1px solid var(--off-line);margin-top:0!important;margin-bottom:0!important}
.off-stats .wp-block-column{text-align:center;padding:2rem 1rem;border-right:1px solid var(--off-line)}
.off-stats .wp-block-column:last-child{border-right:0}
.off-stat__num{font-family:"Barlow Condensed",sans-serif;font-weight:800;font-size:clamp(2rem,4vw,2.8rem);line-height:1;margin:0!important;color:var(--off-navy)}
.off-stat__label{color:var(--off-muted);font-size:.9rem;margin-top:.3rem!important}
/* Cards */
.off-card{background:var(--off-card);border:1px solid var(--off-line);border-radius:var(--off-radius);padding:1.75rem!important;box-shadow:0 1px 2px rgba(10,22,40,.04),0 8px 24px rgba(10,22,40,.05);height:100%}
.off-card--dark{background:var(--off-navy)!important;border-color:var(--off-navy);color:#d9dfe8}
.off-card--dark h2,.off-card--dark h3{color:#fff}
.off-card h3{margin-top:.2rem}
.off-card .off-price{font-weight:700;font-size:1.05rem}
.off-cards>.wp-block-column{display:flex;flex-direction:column}
.off-icon{width:40px;height:40px;border-radius:10px;background:#E8EFFC;color:var(--off-accent);display:flex!important;align-items:center;justify-content:center;font-size:1.1rem;margin-bottom:.9rem!important}
.off-winner{background:var(--off-navy);border-radius:var(--off-radius);padding:1.75rem 2rem!important;color:#cfd6e2}
.off-winner h3{color:#fff;margin:0}
.off-sponsor-card{background:#fff;border:1px solid var(--off-line);border-radius:var(--off-radius);padding:2rem 1rem!important;text-align:center;min-height:150px;display:flex;flex-direction:column;justify-content:center}
.off-sponsor-card .off-wordmark{font-family:"Barlow Condensed",sans-serif;font-weight:700;letter-spacing:.35em;font-size:1.35rem;color:var(--off-text);margin:0}
.off-sponsor-card .off-eyebrow{margin-top:.8rem!important}
.off-cta{background:#fff;border-top:1px solid var(--off-line);border-bottom:1px solid var(--off-line)}
/* Tables */
.off-table table{background:#fff;border-radius:12px;overflow:hidden;border-collapse:collapse;width:100%}
.off-table th{background:var(--off-navy);color:#fff;text-align:left;font-weight:600}
.off-table td,.off-table th{border:0;border-bottom:1px solid var(--off-line);padding:.75rem 1rem}
/* Legal */
.off-legal h2{font-size:1.7rem;margin-top:2.2rem}
.off-legal{max-width:780px}
/* Footer */
.off-footer a{color:#e6ebf2;text-decoration:none}
.off-footer a:hover{color:#fff;text-decoration:underline}
.off-footer .off-eyebrow{color:#8B96A8!important}
.off-muted-light,.off-footer__contact{color:#aab4c3;font-size:.95rem}
.off-footer__links{list-style:none;padding:0;margin:0;font-size:.95rem;line-height:2}
.off-footer__sep{border-color:rgba(255,255,255,.12)!important;opacity:1}
.off-footer__copy{color:#7d889a;font-size:.85rem}
.off-footer__logo img{height:auto}
/* WooCommerce */
.woocommerce ul.products li.product .woocommerce-loop-product__title{font-family:"Barlow Condensed",sans-serif;font-size:1.35rem;font-weight:700}
.woocommerce ul.products li.product{background:#fff;border:1px solid var(--off-line);border-radius:16px;padding:1rem!important}
.woocommerce ul.products li.product img{border-radius:10px}
.woocommerce span.onsale{background:var(--off-accent)}
/* Mobile */
@media (max-width:781px){
 .off-stats .wp-block-column{border-right:0;border-bottom:1px solid var(--off-line);padding:1.25rem}
 .off-hero__logo{order:-1}
 .off-hero__logo img{max-width:320px;margin:0 auto 1rem 0}
 .off-winner{padding:1.5rem!important}
}

.off-footer__sep{width:100%!important;max-width:none!important}
.off-sponsors>.wp-block-column{display:flex;flex-direction:column}
.off-sponsors .off-sponsor-card{flex:1}
.off-main>.wp-block-post-content>:first-child{margin-top:0}
.off-main{margin-block-start:0!important}
.wp-site-blocks>*+*{margin-block-start:0}
@media (min-width:782px){.off-right{justify-content:flex-end}}
.is-layout-constrained>.off-lead{margin-left:max(0px,calc((100% - 1180px)/2))!important;margin-right:auto!important}
.woocommerce-products-header{display:none}
.woocommerce ul.products li.product{box-sizing:border-box}
@media (max-width:781px){.off-header__cta{display:none!important}.off-hero__logo img{max-width:260px;margin:1.5rem 0 0}}
.off-cards + .wp-block-heading{margin-top:3rem}
