/* Surface roles are resolved by the selected theme, never by global header fills. */
/* Native restored cards use the foreground of their actual media/paper surface. */
body.sm-theme-design-a .sm-a-feature-news,body.sm-theme-default .sm-a-feature-news { --theme-surface-text:var(--theme-on-media); color:var(--theme-on-media); }
body:is(.sm-theme-design-a,.sm-theme-default) .sm-a-feature-news :is(h2,a) { color:var(--theme-on-media); }
body:is(.sm-theme-design-a,.sm-theme-default) .sm-a-feature-news > span { color:var(--theme-on-accent); }
body.sm-theme-design-i .sm-home-match-carousel--i .sm-i-match { --theme-surface-text:var(--theme-panel-text); --theme-muted:var(--theme-panel-muted); color:var(--theme-panel-text); }
body.sm-theme-design-i .sm-home-match-carousel--i .sm-i-match > a { color:var(--theme-on-primary); }
body[class*="sm-theme-"][class] .sm-site-chrome {
    --appearance-header-text: var(--appearance-header-home-text);
    --appearance-nav-text: var(--appearance-nav-home-text);
}
body[class*="sm-theme-"][class] .sm-site-chrome.is-inner {
    background: transparent;
    --appearance-header-text: var(--appearance-header-inner-text);
    --appearance-nav-text: var(--appearance-nav-inner-text);
}
body[class*="sm-theme-"][class] .sm-site-chrome [data-site-header] {
    background: var(--appearance-header-bg);
    color: var(--appearance-header-text);
}
@media(min-width:1101px) {
    /* A has a split hero: keep navigation on its light half, branding on the dark half. */
    body[class*="sm-theme-"][class] .sm-a-chrome [data-site-header] { height:auto; min-height:92px; }
    body[class*="sm-theme-"][class] .sm-a-chrome.is-home [data-site-nav] { justify-content:flex-end; max-width:calc(50vw - 210px); margin-left:auto; }
    body[class*="sm-theme-"][class] .sm-b-chrome.is-home [data-site-nav] { justify-content:flex-end; max-width:calc(49.2vw - 320px); margin-left:auto; }
    body[class*="sm-theme-"][class] .sm-b-hero-media::after { background:linear-gradient(180deg,color-mix(in srgb,var(--appearance-overlay-color) var(--appearance-overlay-opacity),transparent) 0 20%,transparent 38%),linear-gradient(180deg,transparent 55%,color-mix(in srgb,var(--color-primary) 28%,transparent)); }
}
@media(min-width:1101px) and (max-width:1280px) {
    body[class*="sm-theme-"][class] .sm-b-hero-copy { padding-top:168px; }
}
body[class*="sm-theme-"][class] .sm-site-chrome [data-site-header] :is([class$="-brand"], [class$="-brand"] strong, [class$="-brand"] span, [class$="-brand"] small, [class$="-top-socials"] a) { color: var(--appearance-header-text); }
body[class*="sm-theme-"][class] .sm-site-chrome [data-site-nav] > a,
body[class*="sm-theme-"][class] .sm-site-chrome [data-site-nav-group] > a,
body[class*="sm-theme-"][class] .sm-site-chrome .sm-site-submenu-toggle { color: var(--appearance-nav-text); }
body[class*="sm-theme-"][class] .sm-site-chrome [data-site-nav-group] [data-site-submenu] { background: var(--appearance-menu-bg); color: var(--appearance-menu-text); }
body[class*="sm-theme-"][class] .sm-site-chrome [data-site-submenu] a { color: var(--appearance-menu-text); }
body[class*="sm-theme-"][class] .sm-site-chrome [data-site-header] a[href$="/altyapi-kayit"] { background: var(--appearance-button-fill) !important; color: var(--appearance-button-text) !important; }
body[class*="sm-theme-"][class] .sm-site-chrome [data-site-header] a[href$="/altyapi-kayit"]:hover { background: var(--appearance-button-hover-bg) !important; color: var(--appearance-button-hover-text) !important; }
@media(max-width:1100px) {
    body[class*="sm-theme-"][class] .sm-site-chrome { --appearance-header-text: var(--appearance-header-mobile-home-text); --appearance-nav-text: var(--appearance-header-mobile-home-text); }
    body[class*="sm-theme-"][class] .sm-site-chrome.is-inner { --appearance-header-text: var(--appearance-header-mobile-inner-text); --appearance-nav-text: var(--appearance-header-mobile-inner-text); }
    body[class*="sm-theme-"][class] .sm-site-chrome [data-site-header] { background: var(--appearance-header-mobile-bg); }
    body[class*="sm-theme-"][class] .sm-site-chrome .sm-site-menu-toggle { color: var(--appearance-header-text); }
    body[class*="sm-theme-"][class] .sm-site-chrome [data-site-menu-panel] { background: var(--appearance-menu-bg); color: var(--appearance-menu-text); }
    body[class*="sm-theme-"][class] .sm-site-chrome [data-site-menu-panel] { --appearance-nav-text: var(--appearance-menu-text); }
    body[class*="sm-theme-"][class] .sm-site-chrome [data-site-menu-panel] :is([class$="-top-socials"] a,.sm-site-submenu-toggle) { color: var(--appearance-menu-text); }
}

/* Main hero copy; image story captions retain their own inverse surfaces. */
body[class*="sm-theme-"][class].sm-inner-site .main-content :is([class$="-page"],.sm-team-fixtures-page) :is([class$="-hero"],.sm-team-hero) { background: radial-gradient(circle at 82% 12%, color-mix(in srgb, var(--color-accent) 14%, transparent), transparent 36%), var(--appearance-inner-hero-bg) !important; }
body.sm-theme-design-i .sm-site-chrome,
body.sm-theme-design-i .sm-i-hero-copy {
    --appearance-button-fill:var(--appearance-paper-button-bg); --appearance-button-text:var(--appearance-paper-button-text);
    --appearance-button-hover-bg:var(--appearance-paper-button-hover-bg); --appearance-button-hover-text:var(--appearance-paper-button-hover-text);
}
body[class*="sm-theme-"][class] :is(.sm-a-hero-dark,.sm-b-hero-copy,.sm-c-hero-slide,.sm-d-hero-slide,.sm-e-hero-slide,.sm-f-hero-slide,.sm-g-hero-copy,.sm-h-hero-copy,.sm-i-hero-copy) h1 { color: var(--appearance-hero-title) !important; }
body[class*="sm-theme-"][class] :is(.sm-a-hero-dark,.sm-b-hero-copy,.sm-c-hero-slide,.sm-d-hero-slide,.sm-e-hero-slide,.sm-f-hero-slide,.sm-g-hero-copy,.sm-h-hero-copy,.sm-i-hero-copy) h1 :is(span,em,strong) { color: var(--appearance-hero-highlight) !important; }
body[class*="sm-theme-"][class] :is(.sm-a-hero-dark,.sm-b-hero-copy,.sm-c-hero-slide,.sm-d-hero-slide,.sm-e-hero-slide,.sm-f-hero-slide,.sm-g-hero-copy,.sm-h-hero-copy,.sm-i-hero-copy) p { color: var(--appearance-hero-text) !important; }
body[class*="sm-theme-"][class] .sm-a-hero-dark h1 span:first-child { color:var(--appearance-hero-title) !important; }
body[class*="sm-theme-"][class].sm-inner-site .main-content :is([class$="-hero"],.sm-team-hero) h1 { color: var(--appearance-inner-hero-title) !important; }
body[class*="sm-theme-"][class].sm-inner-site .main-content :is([class$="-hero"],.sm-team-hero) p { color: var(--appearance-inner-hero-text) !important; }
body[class*="sm-theme-"][class] .sm-c-hero {
    background-image:
        linear-gradient(180deg, color-mix(in srgb, var(--appearance-overlay-color) calc(var(--appearance-overlay-opacity) * .45), transparent), transparent 30%),
        linear-gradient(90deg, color-mix(in srgb, var(--appearance-overlay-color) var(--appearance-overlay-opacity), transparent) 0%, color-mix(in srgb, var(--appearance-overlay-color) var(--appearance-overlay-opacity), transparent) 48%, color-mix(in srgb, var(--appearance-overlay-color) calc(var(--appearance-overlay-opacity) * .8), transparent) 100%),
        linear-gradient(180deg, transparent 45%, color-mix(in srgb, var(--appearance-overlay-color) calc(var(--appearance-overlay-opacity) * .25), transparent)), var(--sm-c-hero-image);
}
body[class*="sm-theme-"][class] :is(.sm-d-hero-visual,.sm-e-hero-visual,.sm-f-hero-bg)::after {
    background: linear-gradient(90deg, color-mix(in srgb, var(--appearance-overlay-color) var(--appearance-overlay-opacity), transparent) 0% 70%, color-mix(in srgb, var(--appearance-overlay-color) calc(var(--appearance-overlay-opacity) * .6), transparent));
}
@media(max-width:1100px) {
    body[class*="sm-theme-"][class] .sm-c-hero { background-image: linear-gradient(180deg, color-mix(in srgb, var(--appearance-overlay-color) calc(var(--appearance-overlay-opacity) * .45), transparent), transparent 30%), linear-gradient(90deg, color-mix(in srgb, var(--appearance-overlay-color) var(--appearance-overlay-opacity), transparent), color-mix(in srgb, var(--appearance-overlay-color) var(--appearance-overlay-opacity), transparent)), var(--sm-c-hero-image); }
    body[class*="sm-theme-"][class] :is(.sm-d-hero-visual,.sm-e-hero-visual,.sm-f-hero-bg)::after { background: color-mix(in srgb, var(--appearance-overlay-color) var(--appearance-overlay-opacity), transparent); }
}

/* Neutral paper pieces remain distinct from tinted cards in the original designs. */
body[class*="sm-theme-"][class] :is(.sm-h-academy,.sm-i-match-card) {
    --theme-surface: var(--appearance-paper-bg); --theme-panel-text: var(--appearance-paper-text); --theme-surface-text: var(--appearance-paper-text);
    --appearance-card-bg: var(--appearance-paper-bg); --appearance-card-text: var(--appearance-paper-text); --appearance-card-title: var(--appearance-paper-title);
}
body[class*="sm-theme-"][class] :is(.sm-c-news-card,.sm-c-team-card,.sm-d-news-card,.sm-e-news-card,.sm-f-news-card,.sm-g-news-card,.sm-h-news-card,.sm-i-news-card,.sm-a-team-tab,.sm-b-team-card,.sm-contact-info-panel,.sm-contact-map-panel,.sm-contact-faq-list article,.sm-news-card,.sm-about-story-card,.sm-about-side-panel,.sm-group-card,.sm-staff-card,.sm-fixture-card,.sm-team-player-card,.sm-registration-help,.registration-form-container) {
    --theme-surface:var(--appearance-card-bg); --theme-panel-text:var(--appearance-card-text); --theme-surface-text:var(--appearance-card-text);
    --theme-panel-muted:var(--appearance-card-text); --theme-link:var(--appearance-card-link);
    --contact-text:var(--appearance-card-text); --contact-muted:var(--appearance-card-text); --contact-link:var(--appearance-card-link);
    --theme-line:var(--appearance-card-border);
    background: var(--appearance-card-bg) !important; color: var(--appearance-card-text) !important; border-color: var(--appearance-card-border) !important;
}
body[class*="sm-theme-"][class] :is(.sm-c-news-card,.sm-c-team-card,.sm-d-news-card,.sm-e-news-card,.sm-f-news-card,.sm-g-news-card,.sm-h-news-card,.sm-i-news-card,.sm-contact-info-panel,.sm-contact-map-panel,.sm-contact-faq-list article,.sm-news-card,.sm-about-story-card,.sm-about-side-panel,.sm-group-card,.sm-staff-card,.sm-fixture-card,.sm-team-player-card,.sm-registration-help,.registration-form-container) :is(h2,h3,h4,h5,h6) { color: var(--appearance-card-title) !important; }
body[class*="sm-theme-"][class] :is(.sm-c-news-card,.sm-c-team-card,.sm-d-news-card,.sm-e-news-card,.sm-f-news-card,.sm-g-news-card,.sm-h-news-card,.sm-i-news-card,.sm-contact-info-panel,.sm-contact-map-panel,.sm-contact-faq-list article,.sm-news-card,.sm-about-story-card,.sm-about-side-panel,.sm-group-card,.sm-staff-card,.sm-fixture-card,.sm-team-player-card) :is(p,strong,small) { color: var(--appearance-card-text) !important; }
body[class*="sm-theme-"][class] :is(.sm-a-btn-gold,.sm-b-btn-primary,.sm-c-btn-red,.sm-c-match-action,.sm-d-login,.sm-e-btn-primary,.sm-f-btn-primary,.sm-h-button,.sm-i-button,.btn-primary,.btn-warning,.sm-contact-direct-actions a:first-child,.sm-about-hero-actions a:first-child,.sm-groups-hero-actions a:first-child,.sm-team-btn-gold) { background: var(--appearance-button-fill) !important; color: var(--appearance-button-text) !important; }
body[class*="sm-theme-"][class] :is(.sm-a-btn-gold,.sm-b-btn-primary,.sm-c-btn-red,.sm-c-match-action,.sm-d-login,.sm-e-btn-primary,.sm-f-btn-primary,.sm-h-button,.sm-i-button,.btn-primary,.btn-warning,.sm-contact-direct-actions a:first-child,.sm-about-hero-actions a:first-child,.sm-groups-hero-actions a:first-child,.sm-team-btn-gold):hover { background: var(--appearance-button-hover-bg) !important; color: var(--appearance-button-hover-text) !important; }
body[class*="sm-theme-"][class] :is(.sm-a-footer,.sm-b-footer,.sm-c-footer,.sm-d-footer,.sm-e-footer,.sm-f-footer,.sm-g-footer,.sm-h-footer,.sm-i-footer,.footer,.sm-b-inner-footer) { background: var(--appearance-footer-bg) !important; color: var(--appearance-footer-text) !important; }
body[class*="sm-theme-"][class] :is(.sm-a-footer,.sm-b-footer,.sm-c-footer,.sm-d-footer,.sm-e-footer,.sm-f-footer,.sm-g-footer,.sm-h-footer,.sm-i-footer,.footer,.sm-b-inner-footer) :is(h2,h3,h6,p,strong,small,span) { color: var(--appearance-footer-text) !important; }
body[class*="sm-theme-"][class] :is(.sm-a-footer,.sm-b-footer,.sm-c-footer,.sm-d-footer,.sm-e-footer,.sm-f-footer,.sm-g-footer,.sm-h-footer,.sm-i-footer,.footer,.sm-b-inner-footer) a { color: var(--appearance-footer-link) !important; }
body[class*="sm-theme-"][class] :is(.sm-a-team-tab,.sm-b-team-card,.sm-c-team-card) strong { color:var(--appearance-card-title) !important; }

body[class*="sm-theme-"][class] footer a[href$="/altyapi-kayit"] { background:var(--appearance-button-fill) !important; color:var(--appearance-button-text) !important; }

/* Copyright is footer text, including the themes that render it directly in a div. */
body[class*="sm-theme-"][class] :is(.sm-a-footer,.sm-b-footer,.sm-c-footer,.sm-d-footer,.sm-e-footer,.sm-f-footer,.sm-g-footer,.sm-h-footer,.sm-i-footer) :is([class$="-footer-bottom"],[class*="copyright"]) { color:var(--appearance-footer-text) !important; }