/* One shared typographic system. Local font files and third-party font requests are unnecessary. */
:root{
 --font-ui:Arial,sans-serif;
 --text-display:clamp(2.5rem,5.5vw,4.75rem);--text-h1:clamp(2rem,4vw,3.5rem);
 --text-h2:clamp(1.5rem,2vw,1.75rem);--text-card:clamp(1.125rem,1.4vw,1.25rem);--text-h3:clamp(1.2rem,1.6vw,1.5rem);
 --text-body:1rem;--text-nav:.9375rem;--text-button:.8125rem;--text-meta:.8125rem;--text-eyebrow:.6875rem;
 --weight-body:400;--weight-ui:700;--weight-heading:700;
 --leading-body:1.6;--leading-heading:1.15;--tracking-heading:-.025em;--tracking-label:.08em;
 --space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;
 --radius-ui:3px;--button-height:48px;--button-padding:12px 20px;--ink:#171717;--muted:#5b5b5b;--accent:#b61928;
}
body{font-family:var(--font-ui);font-size:var(--text-body);font-weight:var(--weight-body);line-height:var(--leading-body)}
button,input,select,textarea{font-family:inherit;font-size:var(--text-body);line-height:1.4}
body h1,body h2,body h3{font-family:var(--font-ui);font-weight:var(--weight-heading);line-height:var(--leading-heading);letter-spacing:var(--tracking-heading);text-transform:none;overflow-wrap:break-word}
body h1{font-size:var(--text-h1)}body h2{font-size:var(--text-h2)}body h3{font-size:var(--text-h3)}
body .hero h1{font-size:var(--text-display)}
body.simple-site .hero-title-lead,body.simple-site .hero-title-bridge{font-size:var(--text-h3);font-weight:var(--weight-body);line-height:1.35;letter-spacing:var(--tracking-heading)}
body.simple-site .hero-title-focus{font-size:var(--text-display);font-weight:700;line-height:1.08;letter-spacing:var(--tracking-heading)}
body .article-body,body .hero-description,body .card-copy p{font-size:var(--text-body);line-height:var(--leading-body)}
body.simple-site .eyebrow,body.simple-site .app-label,body.simple-site .instagram-feature-label,body.simple-site .shop-category{font-size:var(--text-eyebrow);font-weight:var(--weight-ui);letter-spacing:var(--tracking-label);line-height:1.5;text-transform:uppercase}
body .article-meta,body .card-category,body .breadcrumbs{font-size:var(--text-meta);line-height:1.5;color:var(--muted);letter-spacing:0}
body #navigation{font-size:var(--text-nav);font-weight:var(--weight-ui);line-height:1.4}
body .card-copy h2,body .shop-product h3{font-size:var(--text-card);font-weight:var(--weight-heading);line-height:1.3;letter-spacing:-.01em}
body.simple-site .button,body.simple-site .shop-button,body.simple-site .poster-ticket,body.simple-site .instagram-feature-action{
 display:inline-flex;align-items:center;justify-content:center;min-height:var(--button-height);padding:var(--button-padding);border:1px solid transparent;border-radius:var(--radius-ui);
 font-size:var(--text-button);font-weight:var(--weight-ui);letter-spacing:.035em;line-height:1.35;text-transform:uppercase;
}
body .button:not(.white),body .shop-button,body .poster-ticket{background:var(--ink);color:#fff}
body .button.white,body .instagram-feature-action{background:#fff;color:var(--ink)}
body .button:hover,body .shop-button:not(:disabled):hover,body .poster-ticket:hover{background:var(--accent);color:#fff}
body.simple-site .home-action-grid{gap:var(--space-5);margin-block:var(--space-6) var(--space-4)}
body.simple-site .home-action-grid>section{padding:var(--space-6);gap:var(--space-5);border:1px solid #e3e3e3;border-radius:var(--radius-ui);background:#f7f7f7;align-items:stretch}
body.simple-site .home-action-grid>section>div{display:flex;flex-direction:column;gap:var(--space-3);padding:0}
body.simple-site .home-action-grid .eyebrow{margin:0;min-height:17px}
body.simple-site .home-action-grid .home-contact>div::before{content:'';height:17px}
body.simple-site .home-action-grid h2{margin:0}
body.simple-site .home-action-grid p:not(.eyebrow){margin:0;color:var(--muted);font-size:var(--text-body);line-height:var(--leading-body)}
body.simple-site .home-action-grid .button{align-self:flex-start;background:var(--ink);color:#fff}
body.simple-site .site-footer{padding-top:var(--space-4)}
body.simple-site .site-footer .footer-community{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:24px;border:0;overflow:visible;grid-auto-rows:auto;align-items:stretch;margin-bottom:var(--space-5)}
body.simple-site .site-footer .footer-community>.instagram-feature,body.simple-site .site-footer .footer-community>.footer-app{padding:32px;border-radius:6px;margin:0;min-width:0;min-height:0;box-sizing:border-box;display:flex;flex-direction:column;gap:24px}
body.simple-site .site-footer .footer-community>.instagram-feature{background:var(--ink);color:#fff;border:1px solid var(--ink);border-top:3px solid var(--accent);align-items:flex-start;justify-content:center}
body.simple-site .instagram-feature-copy{display:flex;flex-direction:column;gap:12px;width:100%}
.instagram-feature-heading{display:flex;align-items:center;gap:12px}
body.simple-site .instagram-feature-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 36px;width:36px;height:36px;border-radius:6px;background:var(--accent)}
body.simple-site .instagram-feature-icon svg{width:22px;height:22px}
body.simple-site .instagram-feature-label{margin:0;color:#ddd;font-size:var(--text-eyebrow);letter-spacing:var(--tracking-label);line-height:1.5}
body.simple-site .footer-community h2{font-size:var(--text-h2);font-weight:var(--weight-heading);letter-spacing:var(--tracking-heading);line-height:var(--leading-heading);margin:0;text-transform:none}
body.simple-site .instagram-feature-description{font-size:var(--text-body);line-height:var(--leading-body);margin:0;color:#ddd}
body.simple-site .instagram-feature-action{display:inline-flex;gap:10px;margin:0;background:#fff;color:var(--ink);text-decoration:none;max-width:100%;white-space:normal;text-align:center}
.instagram-feature-action svg{width:20px;height:20px;flex:none}
body.simple-site .site-footer .footer-community>.footer-app{background:#f7f7f7;border:1px solid #ddd;justify-content:flex-start;align-items:stretch;gap:20px}
body.simple-site .footer-community .footer-app .app-label{font-size:var(--text-eyebrow);letter-spacing:var(--tracking-label);line-height:1.5;margin:0 0 8px;color:var(--muted)}
body.simple-site .footer-community .footer-app h2{margin:0 0 10px}
body.simple-site .footer-community .app-description{max-width:58ch;font-size:var(--text-body);line-height:var(--leading-body);color:var(--muted);margin:0}
.app-access-row{display:flex;align-items:stretch;flex-wrap:wrap;gap:12px}
body.simple-site .footer-community .app-contact{display:inline-flex;background:var(--accent);color:#fff;border:1px solid var(--accent);text-decoration:none;margin:0;align-self:stretch;font-size:var(--text-button);line-height:1.35}
body.simple-site .footer-community .app-invite{display:flex;flex-direction:column;justify-content:center;gap:2px;margin:0;padding:7px 14px;border:1px solid #d8d8d8;border-radius:var(--radius-ui);background:#fff;line-height:1.2}
.app-invite span{font-size:var(--text-eyebrow);color:var(--muted)}
body.simple-site .app-invite strong{font-size:var(--text-body);font-weight:700;letter-spacing:.06em;color:var(--ink);user-select:all}
body.simple-site .footer-community .app-approval{font-size:var(--text-meta);line-height:1.5;color:var(--muted);margin:8px 0 0}
body.simple-site .footer-community .app-downloads{display:flex;flex-wrap:wrap;gap:12px;width:100%;max-width:none;margin:0;padding-top:16px;border-top:1px solid #dedede}
body.simple-site .footer-community .app-downloads>a{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:10px;min-height:54px;min-width:156px;padding:8px 14px;border:1px solid #bdbdbd;border-radius:6px;background:#fff;color:var(--ink);text-decoration:none;box-sizing:border-box}
.app-downloads>a>svg{flex:none;width:24px;height:28px}
.app-downloads>a>span{display:flex;flex-direction:column;gap:2px}
body.simple-site .app-downloads small{font-size:var(--text-eyebrow);line-height:1.3;letter-spacing:0;font-weight:400}
body.simple-site .app-downloads strong{font-size:var(--text-body);line-height:1.3;letter-spacing:0;font-weight:700}
body.simple-site .footer-community a:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
body.simple-site .instagram-feature a:focus-visible{outline-color:#fff}
@media(max-width:900px){body.simple-site .site-footer .footer-community{grid-template-columns:minmax(0,1fr)}body.simple-site .site-footer .footer-community>.instagram-feature,body.simple-site .site-footer .footer-community>.footer-app{padding:24px}}
@media(max-width:430px){body.simple-site .footer-community .app-downloads{gap:8px}body.simple-site .footer-community .app-downloads>a{flex:1 1 100%;min-width:0;padding:8px 14px;gap:10px}body.simple-site .footer-community .app-access-row .app-contact{width:100%}}
body.simple-site .footer-group h2,body .footer-disclosure>summary,body .mobile-menu-streams h2{font-size:var(--text-eyebrow);font-weight:700;line-height:1.5;letter-spacing:var(--tracking-label);text-transform:uppercase}
@media(max-width:760px){
 body.simple-site .home-action-grid{gap:var(--space-4);margin-block:var(--space-5) var(--space-4)}
 body.simple-site .home-action-grid>section,body.simple-site .site-footer .footer-community>.instagram-feature,body.simple-site .site-footer .footer-community>.footer-app{padding:var(--space-5)}
 body.simple-site .home-action-grid .home-contact>div::before{display:none}
 body.simple-site .site-footer .footer-community{grid-template-columns:minmax(0,1fr)}
}

/* Shared CTA motion, including links and dynamically rendered actions. */
:root{--motion-cta-lift:-2px;--motion-match-lift:-1px;--motion-hover-time:180ms}
body.simple-site :is(a.button,button,input[type="submit"],input[type="button"],.shop-button,.poster-ticket,.nav-shop,.nav-tickets,.app-downloads>a,.instagram-feature-action,.text-link,.underlined,.app-contact,.document-link,.documentation-download,.position-form-link,.season-archive-link,.shop-cart-link,.mobile-menu-streams a){transition:transform var(--motion-hover-time) ease,box-shadow var(--motion-hover-time) ease,background-color var(--motion-hover-time) ease,color var(--motion-hover-time) ease}
body.simple-site :is(.app-contact,.underlined,.position-form-link,.season-archive-link){display:inline-flex;align-items:center}
body.simple-site :is(.strip-match,.match-poster){transition:transform var(--motion-hover-time) ease,box-shadow var(--motion-hover-time) ease}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 body.simple-site :is(a.button,button,input[type="submit"],input[type="button"],.shop-button,.poster-ticket,.nav-shop,.nav-tickets,.app-downloads>a,.text-link,.underlined,.app-contact,.document-link,.documentation-download,.position-form-link,.season-archive-link,.shop-cart-link,.mobile-menu-streams a):not(:disabled):not([aria-disabled="true"]):hover{transform:translateY(var(--motion-cta-lift))}
 body.simple-site .instagram-feature:hover .instagram-feature-action{transform:translateY(var(--motion-cta-lift))}
 body.simple-site :is(.strip-match,.match-poster):hover{transform:translateY(var(--motion-match-lift));box-shadow:inset 0 0 0 1px #b6192855,0 3px 9px #0000000a}
}
@media(prefers-reduced-motion:reduce){
 body.simple-site :is(a.button,button,input[type="submit"],input[type="button"],.shop-button,.poster-ticket,.nav-shop,.nav-tickets,.app-downloads>a,.instagram-feature-action,.text-link,.underlined,.app-contact,.document-link,.documentation-download,.position-form-link,.season-archive-link,.shop-cart-link,.mobile-menu-streams a,.strip-match,.match-poster){transition:none!important;transform:none!important}
}

/* Broadcast links remain visible outside the collapsed footer groups. */
body.simple-site .footer-streams{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:var(--space-5);padding-block:var(--space-5);border-top:1px solid #ddd;min-width:0}
body.simple-site .footer-streams h2{font-size:var(--text-h3);margin:0}
.footer-stream-links{display:flex;flex-wrap:wrap;gap:var(--space-3);min-width:0}
@media(max-width:760px){body.simple-site .footer-streams{flex-direction:column;align-items:stretch;gap:var(--space-4)}.footer-stream-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.footer-stream-links .button{padding:10px 8px;text-align:center;overflow-wrap:break-word}}

/* Footer teams use the same destinations as the main navigation. */
body.simple-site .footer-teams>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:7px 0;list-style:none;cursor:pointer;font-size:14px;font-weight:400;line-height:1.6;letter-spacing:0;color:#555}
.footer-teams>summary::-webkit-details-marker{display:none}
.footer-teams>summary::after{content:'+';font-size:18px}
.footer-teams[open]>summary::after{content:'−'}
.footer-teams-links{padding-left:12px;border-left:2px solid var(--accent);margin:0 0 8px}
.footer-teams-links>a{display:flex;align-items:center;min-height:44px;padding:7px 0;font-size:14px;line-height:1.5;color:#555}
.footer-teams-links>a:hover,.footer-teams>summary:hover{color:var(--accent)}

/* Header actions are shared by every page, independently of the calendar. */
.simple-site #navigation .nav-shop,.simple-site #navigation .nav-tickets{padding:10px 14px;background:#151515;color:white;border:0;white-space:nowrap}.simple-site #navigation .nav-tickets{background:#b61928}.simple-site #navigation{align-items:center}.simple-site #navigation .nav-shop:hover,.simple-site #navigation .nav-tickets:hover{background:#333;color:white}@media(min-width:901px) and (max-width:1200px){.simple-site #navigation{gap:10px;font-size:12px}header{gap:15px}header .brand img.club-wordmark{width:155px}.simple-site #navigation .nav-shop,.simple-site #navigation .nav-tickets{padding:10px}}@media(max-width:900px){.simple-site #navigation{align-items:stretch}}.nav-action-icon{width:25px;height:25px;display:block}.simple-site #navigation a.nav-shop,.simple-site #navigation a.nav-tickets{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:66px;padding:9px 12px;font-size:12px;line-height:1.2;text-transform:uppercase}@media(max-width:900px){.simple-site #navigation a.nav-shop,.simple-site #navigation a.nav-tickets{flex-direction:row;justify-content:flex-start;gap:12px}}
@media(max-width:900px){body.simple-site #navigation a.nav-shop,body.simple-site #navigation a.nav-tickets{justify-content:center;min-height:44px;height:44px;padding:8px 12px;margin:0;gap:12px}body.simple-site #navigation .nav-action-icon{width:20px;height:20px}}

/* Explicit calendar control colors prevent native iOS blue button text. */
body.simple-site .season-tabs button,body.simple-site .calendar-toolbar button{color:var(--ink);-webkit-appearance:none;appearance:none}
body.simple-site .season-tabs button[aria-pressed="true"],body.simple-site .calendar-views button[aria-pressed="true"]{color:#fff}

/* Archival sponsorship example uses the shared typography system. */
body.simple-site .sponsorship-example{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-7);align-items:center}
.sponsorship-example figure{margin:0;min-width:0}
.sponsorship-example img{display:block;width:100%;height:auto;border-radius:var(--radius);object-fit:contain}
.sponsorship-example figcaption{margin-top:var(--space-3);color:var(--muted);font-size:var(--text-meta)}
@media(max-width:768px){body.simple-site .sponsorship-example{grid-template-columns:minmax(0,1fr);gap:var(--space-5)}}

/* Volunteer role documents */
.volunteer-documents{margin-block:var(--space-7)}
.volunteer-document-group{margin-top:var(--space-6)}
.volunteer-document-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5)}
.volunteer-document{padding:var(--space-5);border:1px solid #dedede;border-radius:var(--radius);display:flex;flex-direction:column;min-width:0}
body.simple-site .volunteer-document h4{font-size:var(--text-h3);font-weight:var(--weight-heading,700);line-height:1.3;margin:0 0 var(--space-3)}
.volunteer-document .volunteer-actions{margin-top:auto;padding-top:var(--space-4);flex-wrap:wrap}
.volunteer-document .volunteer-actions>a{min-height:44px;display:inline-flex;align-items:center}
@media(max-width:600px){.volunteer-document-grid{grid-template-columns:minmax(0,1fr)}}

body.simple-site .instagram-feature-action>span{font:inherit;letter-spacing:inherit;line-height:inherit}

/* Primary and auxiliary club phone numbers */
.phone-pair{display:inline-flex;flex-direction:column;align-items:flex-start;gap:4px}
body.simple-site .club-phone-secondary{font-size:var(--text-meta);font-weight:400;line-height:1.5}
.club-phone-secondary span{font-size:inherit;color:inherit}

/* Keep the secondary phone compact and without an underline. */
body.simple-site a.club-phone-secondary,body.simple-site a.club-phone-secondary:hover,body.simple-site a.club-phone-secondary:focus{ text-decoration:none; border-bottom:0; box-shadow:none; }

.documentation-example-inline{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:12px;row-gap:4px}

/* Season ticket information below the next home fixture. */
.season-ticket-note{margin:16px 0 0;font-size:14px;line-height:1.6;color:#555}.season-ticket-note a{text-decoration:underline;text-underline-offset:3px;font-weight:700;color:inherit}

/* Paired club shop and season ticket cards. */
.simple-site .home-shop{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:stretch}
.home-shop .shop-feature{grid-template-columns:minmax(0,1fr) 100px;padding:32px;gap:24px}
.home-shop .shop-brand-space{min-height:0;gap:12px;padding-left:16px}
.home-shop .shop-brand-space img{width:80px;height:100px}
.home-shop .shop-brand-space>span{font-size:13px}
.ticket-feature{background:#161616;color:#fff;border:2px solid #b2f238;border-radius:6px;padding:32px;min-width:0;display:flex;flex-direction:column;align-items:flex-start}
.ticket-feature .shop-status{color:#b2f238}
.ticket-feature h2{margin-bottom:20px}
.ticket-feature>p:not(.shop-status){color:#ccc}
.ticket-prices{display:grid;grid-template-columns:1fr 1fr;gap:24px;width:100%;margin:24px 0}
.ticket-prices>div{border-top:1px solid #ffffff30;padding-top:16px}
.ticket-prices dt{font-size:14px;color:#ccc}
.ticket-prices dd{margin:6px 0 0;font-size:28px;font-weight:700;line-height:1.2}
.ticket-prices dd span{font-size:14px;font-weight:400}
body.simple-site .ticket-feature a.button{background:#fff;color:#111;margin-top:auto;min-height:48px}
body.simple-site .ticket-feature a.button:hover,body.simple-site .ticket-feature a.button:focus-visible{background:#b2f238;color:#111}
.ticket-feature .ticket-help{font-size:13px;margin-top:12px}
@media(max-width:1100px){.home-shop .shop-feature{grid-template-columns:1fr}.home-shop .shop-brand-space{border:0;padding:0;flex-direction:row;justify-content:flex-start}.home-shop .shop-brand-space img{width:48px;height:58px}}
@media(max-width:767px){.simple-site .home-shop{grid-template-columns:1fr}.home-shop .shop-feature,.ticket-feature{padding:28px 24px}.ticket-prices{gap:16px}.ticket-feature .button{max-width:100%;justify-content:center}}

.home-shop .shop-feature{grid-template-columns:minmax(0,1fr) 180px}
.home-shop .shop-brand-space img{width:160px;height:195px}
.home-shop .shop-brand-space>span{font-size:20px}
.home-shop .shop-support{font-weight:700;color:#fff!important}
.ticket-feature{position:relative}
.ticket-feature .shop-status{padding-right:120px;min-height:28px}
.efinity-logo{position:absolute;top:28px;right:28px;width:110px;height:38px;object-fit:contain}
@media(max-width:1100px){.home-shop .shop-feature{grid-template-columns:1fr}.home-shop .shop-brand-space{justify-content:center}.home-shop .shop-brand-space img{width:145px;height:175px}}
@media(max-width:430px){.efinity-logo{width:85px;right:24px;top:24px}.ticket-feature .shop-status{padding-right:94px}}

/* Stronger fixture card outlines, including hover. */
body.simple-site .match-poster{border-width:2px}
@media(hover:hover){body.simple-site .match-poster:hover{border-color:#b61928}}

.sponsorship-sample-card{display:flex;flex-direction:column;width:min(100%,320px);margin:24px 0;border:1px solid #ddd;border-radius:6px;overflow:hidden;background:#fff}.sponsorship-sample-card img{width:100%;height:auto;aspect-ratio:1;object-fit:contain}.sponsorship-sample-card span{padding:16px;font-weight:700;line-height:1.4}.sponsorship-sample-card:hover{border-color:#b61928}

.ticket-feature .ticket-children-note{color:#b2f238!important;margin:0 0 20px;line-height:1.5}

.group-visits{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:32px;border:1px solid #ddd;border-left:4px solid #b61928;border-radius:6px;background:#f6f6f6;margin:32px 0}.simple-site main>.group-visits{margin:32px 4.8%}.group-visits>div{max-width:760px}.group-visits .eyebrow{margin-bottom:12px}.group-visits h2{margin:0 0 16px}.group-visits p{margin:0}.group-visits .button{flex-shrink:0}@media(max-width:900px){.group-visits{flex-direction:column;align-items:flex-start;padding:24px;gap:24px}.group-visits .button{max-width:100%;white-space:normal}}

body.simple-site .home-action-grid{grid-template-columns:repeat(3,minmax(0,1fr))}body.simple-site .home-action-grid>section{display:flex;flex-direction:column;min-width:0}body.simple-site .home-action-grid .button{margin-top:auto;max-width:100%;white-space:normal}@media(max-width:900px){body.simple-site .home-action-grid{grid-template-columns:minmax(0,1fr)}}

.ticket-purchase-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:auto;width:100%}body.simple-site .ticket-purchase-actions a.button{margin-top:0;justify-content:center;white-space:normal;max-width:100%}@media(max-width:600px){.ticket-purchase-actions a.button{width:100%}}

/* Prominent season pass purchase below the home hero. */
body.simple-site .season-pass-banner{display:flex;align-items:center;justify-content:space-between;gap:28px;margin:24px 4.8%;padding:28px 32px;background:#161616;color:#fff;border:2px solid #b2f238;border-radius:6px}
.season-pass-banner .season-pass-label{color:#b2f238;font-size:12px;font-weight:700;letter-spacing:.1em;margin:0 0 10px}
.season-pass-banner h2{margin:0 0 12px}.season-pass-banner>div>p:last-child{color:#ddd}
.season-pass-purchase{display:flex;flex-direction:column;align-items:center;gap:12px;flex-shrink:0}
.season-pass-price{font-size:32px;font-weight:700;line-height:1.2;margin:0}.season-pass-price span{font-size:16px;font-weight:400}
body.simple-site .season-pass-banner a.button{background:#b2f238;color:#111;min-height:52px;justify-content:center;text-align:center;white-space:normal}
body.simple-site .season-pass-banner a.button:hover{background:#fff;color:#111}
.season-pass-purchase small{color:#ccc;font-size:12px}
@media(max-width:767px){body.simple-site .season-pass-banner{flex-direction:column;align-items:stretch;padding:24px 20px;margin:20px 4.8%;gap:20px}.season-pass-purchase{align-items:stretch}.season-pass-purchase small{text-align:center}.season-pass-banner h2{font-size:clamp(24px,6.5vw,30px);line-height:1.2}.season-pass-price{text-align:left}}

body.simple-site .hero-actions{flex-wrap:wrap;gap:16px}body.simple-site .hero a.hero-season-pass{background:#b2f238;color:#111;min-height:52px;white-space:normal;text-align:center;justify-content:center}body.simple-site .hero a.hero-season-pass:hover{background:#fff;color:#111}@media(max-width:600px){body.simple-site .hero-actions{align-items:stretch;flex-direction:column}body.simple-site .hero-actions>a.button{width:100%;justify-content:center}body.simple-site .hero-actions>.text-link{align-self:flex-start}}

.season-ticket-details{width:100%;margin-top:20px;border-top:1px solid #ffffff35;padding-top:12px}.season-ticket-details summary{min-height:44px;padding:10px 0;color:#b2f238;font-weight:700;cursor:pointer;line-height:1.5}.season-ticket-details>div{padding:8px 0 0}.season-ticket-details p{color:#ddd;font-size:15px;line-height:1.65;margin:0 0 14px}.season-ticket-details p:last-child{margin-bottom:0}.season-ticket-details summary:focus-visible{outline:2px solid #b2f238;outline-offset:4px}

/* Season ticket artwork: preserve the complete crest and lettering. */
.season-ticket-art{display:block;width:100%;margin:0 0 24px;overflow:hidden;border-radius:4px;line-height:0}
.season-ticket-art img{display:block;width:100%;height:auto;object-fit:contain}
.season-ticket-art:focus-visible{outline:3px solid #b2f238;outline-offset:4px}

/* Fan shop and club news share the left column. */
.home-shop-column{display:flex;flex-direction:column;gap:24px;min-width:0}
body.simple-site .home-shop-column .home-news-card{display:grid;grid-template-columns:minmax(0,1fr);width:100%;max-width:none;margin:0;padding:0}
.home-shop-column>.shop-feature{width:100%;box-sizing:border-box}

/* Subtle club photography behind home information cards. */
body.simple-site .home-action-grid>section{position:relative;isolation:isolate;overflow:hidden;background:#fff;--card-photo:url('assets/hero-960.webp')}
body.simple-site .home-action-grid>section::before{content:"";position:absolute;inset:-10px;z-index:-1;pointer-events:none;background-image:var(--card-photo);background-size:cover;background-position:center;filter:grayscale(1) blur(3px);opacity:.12}
body.simple-site .home-action-grid>section>div,body.simple-site .home-action-grid>section>.button{position:relative;z-index:1}
body.simple-site .home-shortcuts-cards>section:nth-child(2)::before{background-position:center 65%}
body.simple-site .home-shortcuts-cards>section:nth-child(3),body.simple-site .home-news-card>section{--card-photo:url('assets/sezonska-karta-2026-27.png')}
body.simple-site .home-action-grid>.home-partnership{--card-photo:url('assets/dres-2018-sponzorstva.webp')}
body.simple-site .home-action-grid>.home-contact::before{background-position:35% center}
body.simple-site .home-action-grid>.home-group-visits::before{background-position:70% center}

/* Different existing club/gallery photographs for each card. */
body.simple-site .home-shortcuts-cards>section:nth-child(2){--card-photo:url('assets/migrated/thumbs/150e86b8f6ff499465.webp')}
body.simple-site .home-news-card>section{--card-photo:url('assets/migrated/previews/099022da8c4361dec8.webp')}
body.simple-site .home-action-grid>.home-contact{--card-photo:url('assets/migrated/previews/ae3e046d193cde9681.webp')}
body.simple-site .home-action-grid>.home-group-visits{--card-photo:url('assets/migrated/thumbs/1c8084910773033405.webp')}

/* Home: sponsor beneath news, Instagram beside contact and visits. */
body.simple-site .home-shop-column .home-news-card{gap:24px}
body.simple-site .home-action-grid>.home-instagram{--card-photo:url('assets/migrated/thumbs/44be13bc15ca23c8c3.webp')}
.home-instagram-icon{display:block;color:var(--accent);line-height:0}
.home-instagram-icon svg{width:80px;height:80px}
body.simple-site .site-footer .footer-community-app-only{grid-template-columns:minmax(0,1fr)}

/* Stretch the lower left cards to align with the ticket panel. */
@media(min-width:768px){body.simple-site .home-shop-column .home-news-card{flex:1;grid-template-rows:auto minmax(min-content,1fr)}}

/* Full-width GroupSpot: compact desktop layout, stacked on mobile. */
@media(min-width:1000px){
 body.simple-site .site-footer .footer-community-app-only>.footer-app{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px 32px;align-items:start}
 body.simple-site .footer-community-app-only .app-intro{grid-column:1/-1}
 body.simple-site .footer-community-app-only .app-description{max-width:none}
 body.simple-site .footer-community-app-only .app-access{grid-column:1;grid-row:2}
 body.simple-site .footer-community-app-only .app-downloads{grid-column:2;grid-row:2;border-top:0;padding-top:0;margin:0;align-self:start}
}

body.simple-site #navigation a.nav-season-ticket{background:#151515;color:#b2f238;box-shadow:inset 0 0 0 1px #b2f238}
@media(min-width:901px){body.simple-site #navigation a.nav-tickets span{max-width:115px;white-space:normal;text-align:center}body.simple-site #navigation{gap:clamp(8px,1.2vw,20px)}}

/* Compact GroupSpot desktop: description left, access and downloads right. */
@media(min-width:1000px){
 body.simple-site .site-footer .footer-community-app-only>.footer-app{grid-template-columns:minmax(0,1fr) auto;gap:12px 32px;padding-block:24px}
 body.simple-site .footer-community-app-only .app-intro{grid-column:1;grid-row:1/3;align-self:center}
 body.simple-site .footer-community-app-only .app-access{grid-column:2;grid-row:1}
 body.simple-site .footer-community-app-only .app-downloads{grid-column:2;grid-row:2;padding:0;border:0;margin:0}
}

/* Mobile menu purchase actions: two compact actions and one full-width season pass. */
@media(max-width:900px){
 body.simple-site #navigation a.nav-shop,body.simple-site #navigation a.nav-tickets{min-width:0;max-width:100%;box-sizing:border-box;white-space:normal;flex-shrink:0}
 body.simple-site #navigation a.nav-tickets span{min-width:0;white-space:normal;overflow-wrap:break-word;text-align:center;line-height:1.3}
 body.simple-site #navigation a.nav-season-ticket{grid-column:1/-1;margin-top:10px;min-height:48px;height:auto}
 body.simple-site #navigation .nav-action-icon{flex:0 0 20px}
 body.simple-site #navigation{padding-bottom:max(20px,env(safe-area-inset-bottom));overscroll-behavior:contain}
}

/* Fit all navigation actions just above the mobile breakpoint. */
@media(min-width:901px) and (max-width:1100px){
 body.simple-site>header{gap:12px}
 body.simple-site>header .brand{gap:6px;flex-shrink:0}
 body.simple-site>header .brand .club-wordmark{width:130px}
 body.simple-site #navigation{gap:7px}
 body.simple-site #navigation a.nav-shop,body.simple-site #navigation a.nav-tickets{padding-inline:8px;min-width:56px}
}
