/* Vorlage „Dunkel / Sport“ – Farben/Schriften kommen aus den Produkt-Einstellungen (CSS-Variablen --sk-*). */
body.bcc-skin-tpl-sport {
	/* Werte aus den Produkt-Einstellungen (BCC_Skins::css_vars): --sk-primary, --sk-secondary, --sk-accent, --sk-background, --sk-font-head, --sk-font-body */
	--it-red: var(--sk-primary);
	--it-red-dark: color-mix(in srgb, var(--sk-primary) 82%, black);
	--it-navy-950: var(--sk-background);
	--it-navy-900: color-mix(in srgb, var(--sk-background) 75%, var(--sk-secondary));
	--it-navy-800: var(--sk-secondary);
	--it-navy-700: color-mix(in srgb, var(--sk-secondary) 80%, white);
	--it-text: #ffffff;
	--it-muted: #c8d0dc;
	--it-subtle: #8a94a6;
	--it-line: rgba(255, 255, 255, .12);
	--it-panel: rgba(255, 255, 255, .035);
	background: linear-gradient(var(--it-navy-700), var(--sk-secondary) 18%, var(--it-navy-900) 42%, var(--sk-secondary) 70%, var(--sk-background)) fixed;
	background-color: var(--sk-background);
	color: var(--it-text);
	font-family: var(--sk-font-body);
	color-scheme: dark;
}
/* Skin: Ice Tigers – CI nach icetigers-hub.de. Geladen von bcc-skins.php nur für product=icetigers. */
body.bcc-skin-tpl-sport .wp-site-blocks { background: transparent; }
body.bcc-skin-tpl-sport header.wp-block-template-part,
body.bcc-skin-tpl-sport footer.wp-block-template-part { color: var(--it-muted); }
body.bcc-skin-tpl-sport header.wp-block-template-part a,
body.bcc-skin-tpl-sport footer.wp-block-template-part a { color: var(--it-text); }
body.bcc-skin-tpl-sport header.wp-block-template-part .wp-block-site-title a {
	font-family: var(--sk-font-head); text-transform: uppercase; letter-spacing: .02em; text-decoration: none;
}
body.bcc-skin-tpl-sport .entry-content > *,
body.bcc-skin-tpl-sport .wp-block-post-content > * { max-width: 880px; }

/* Hero */
body.bcc-skin-tpl-sport .bcc-hero { text-align: center; padding: 1.5rem 0 2.25rem; }
body.bcc-skin-tpl-sport .bcc-hero-eyebrow {
	color: var(--it-red); font-size: .72rem; font-weight: 800; letter-spacing: .18em;
	text-transform: uppercase; margin: 0 0 .9rem;
}
body.bcc-skin-tpl-sport .bcc-hero-headline {
	font-family: var(--sk-font-head); font-weight: 400; text-transform: uppercase;
	font-size: clamp(2.4rem, 6vw, 4.2rem); line-height: 1.02; letter-spacing: .01em; margin: 0 0 1rem;
	color: var(--it-text);
}
body.bcc-skin-tpl-sport .bcc-hero-line { display: block; }
body.bcc-skin-tpl-sport .bcc-hero-line-2 { color: var(--it-red); }
body.bcc-skin-tpl-sport .bcc-hero-lead { color: var(--it-muted); font-size: 1rem; max-width: 560px; margin: 0 auto; line-height: 1.6; }

/* Formular */
body.bcc-skin-tpl-sport .bcc-wrap {
	--bcc-primary: var(--it-red);
	--bcc-primary-dark: var(--it-red-dark);
	--bcc-heading: var(--it-text);
	--bcc-body: var(--it-muted);
	--bcc-bg-section: var(--it-panel);
	--bcc-border: var(--it-line);
	--bcc-error: var(--sk-accent);
	font-family: var(--sk-font-body);
	max-width: 880px;
}
body.bcc-skin-tpl-sport .bcc-product-header { border-bottom-color: var(--it-line); }
body.bcc-skin-tpl-sport .bcc-product-name {
	font-family: var(--sk-font-head); font-weight: 400; text-transform: uppercase; letter-spacing: .03em; color: var(--it-text);
}
body.bcc-skin-tpl-sport .bcc-progress-item { border-bottom-color: var(--it-line); }
body.bcc-skin-tpl-sport .bcc-progress-dot { background: rgba(255,255,255,.1); color: var(--it-muted); }
body.bcc-skin-tpl-sport .bcc-progress-item.is-active .bcc-progress-dot,
body.bcc-skin-tpl-sport .bcc-progress-item.is-done .bcc-progress-dot { background: linear-gradient(135deg, var(--sk-primary), var(--it-red-dark)); color: #fff; }
body.bcc-skin-tpl-sport .bcc-progress-label {
	color: var(--it-muted); font-size: .7rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase;
}
body.bcc-skin-tpl-sport .bcc-progress-item.is-active .bcc-progress-label { color: #fff; }

body.bcc-skin-tpl-sport .bcc-step {
	background: linear-gradient(135deg, rgba(0,0,0,.26), rgba(2,6,70,.42));
	border: 1px solid var(--it-line); border-radius: 16px; padding: 2rem;
}
body.bcc-skin-tpl-sport .bcc-step h3 {
	font-family: var(--sk-font-head); font-weight: 400; text-transform: uppercase;
	font-size: 1.6rem; letter-spacing: .02em; color: var(--it-text); border-bottom: 2px solid var(--it-red);
}
body.bcc-skin-tpl-sport .bcc-step h4 {
	color: var(--it-red); font-size: .75rem; font-weight: 800; letter-spacing: .14em; text-transform: uppercase;
}
body.bcc-skin-tpl-sport .bcc-hint,
body.bcc-skin-tpl-sport .bcc-field-hint,
body.bcc-skin-tpl-sport .bcc-file-name { color: var(--it-subtle); }
body.bcc-skin-tpl-sport .bcc-field > label,
body.bcc-skin-tpl-sport .bcc-oder-label { color: var(--it-text); font-weight: 600; }

body.bcc-skin-tpl-sport .bcc-field input[type="text"],
body.bcc-skin-tpl-sport .bcc-field input[type="email"],
body.bcc-skin-tpl-sport .bcc-field input[type="tel"],
body.bcc-skin-tpl-sport .bcc-field input[type="date"],
body.bcc-skin-tpl-sport .bcc-field input[type="number"],
body.bcc-skin-tpl-sport .bcc-field select,
body.bcc-skin-tpl-sport .bcc-field textarea,
body.bcc-skin-tpl-sport .bcc-multiselect,
body.bcc-skin-tpl-sport .bcc-type-file .bcc-file-wrap,
body.bcc-skin-tpl-sport .bcc-variant-tab {
	background: color-mix(in srgb, var(--sk-background) 72%, transparent); border: 1px solid rgba(255,255,255,.16); color: var(--it-text); border-radius: 8px;
}
body.bcc-skin-tpl-sport .bcc-field select option { background: var(--it-navy-900); color: var(--it-text); }
body.bcc-skin-tpl-sport .bcc-field input::placeholder { color: var(--it-subtle); }
body.bcc-skin-tpl-sport .bcc-field input:focus,
body.bcc-skin-tpl-sport .bcc-field select:focus,
body.bcc-skin-tpl-sport .bcc-field textarea:focus { border-color: var(--it-red); box-shadow: 0 0 0 3px color-mix(in srgb, var(--sk-primary) 25%, transparent); }
body.bcc-skin-tpl-sport .bcc-eur-suffix { background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.16); color: var(--it-text); }
body.bcc-skin-tpl-sport .bcc-fixed-value { background: color-mix(in srgb, var(--sk-primary) 12%, transparent); border-color: color-mix(in srgb, var(--sk-primary) 40%, transparent); color: #fff; }
body.bcc-skin-tpl-sport .bcc-help { background: rgba(255,255,255,.05); border-left-color: var(--it-red); color: var(--it-muted); }
body.bcc-skin-tpl-sport .bcc-repeat { background: color-mix(in srgb, var(--sk-background) 45%, transparent); border-color: var(--it-line); }
body.bcc-skin-tpl-sport .bcc-add { border-color: var(--it-red); color: #fff; }
body.bcc-skin-tpl-sport .bcc-add:hover { background: color-mix(in srgb, var(--sk-primary) 12%, transparent); }
body.bcc-skin-tpl-sport .bcc-addr-list { background: var(--it-navy-900); border-color: rgba(255,255,255,.16); }
body.bcc-skin-tpl-sport .bcc-addr-item { color: var(--it-text); }
body.bcc-skin-tpl-sport .bcc-addr-item:hover,
body.bcc-skin-tpl-sport .bcc-addr-item.is-active { background: color-mix(in srgb, var(--sk-primary) 18%, transparent); }
body.bcc-skin-tpl-sport .bcc-card-design:has(input:checked) { border-color: var(--it-red); box-shadow: 0 0 0 2px color-mix(in srgb, var(--sk-primary) 35%, transparent); }

/* Buttons wie die Hub-CTAs: Rot-Verlauf, Großbuchstaben, 800 */
body.bcc-skin-tpl-sport .bcc-btn {
	font-family: var(--sk-font-body); font-size: .78rem; font-weight: 800; letter-spacing: .06em;
	text-transform: uppercase; border-radius: 8px; padding: .95rem 1.9rem;
}
body.bcc-skin-tpl-sport .bcc-primary { background: linear-gradient(135deg, var(--sk-primary), var(--it-red-dark)); color: #fff; }
body.bcc-skin-tpl-sport .bcc-primary:hover { background: linear-gradient(135deg, color-mix(in srgb, var(--sk-primary) 85%, white), var(--sk-primary)); }
body.bcc-skin-tpl-sport .bcc-primary::after { content: " \203A"; }
body.bcc-skin-tpl-sport .bcc-prev { background: rgba(255,255,255,.035); border: 1px solid rgba(255,255,255,.22); color: #fff; }

/* Hinweise lesbar auf Dunkel */
body.bcc-skin-tpl-sport .bcc-error { background: color-mix(in srgb, var(--sk-primary) 14%, transparent); border-color: var(--sk-accent); color: #ffd9dc; }
body.bcc-skin-tpl-sport .bcc-success { background: rgba(0,168,107,.14); border-color: #00a86b; color: #c9f5e2; }
body.bcc-skin-tpl-sport .bcc-warning { background: rgba(239,159,39,.12); border-color: #ef9f27; color: #ffe6bf; }
body.bcc-skin-tpl-sport .bcc-summary-cta { background: var(--it-panel); border-color: var(--it-line); }
body.bcc-skin-tpl-sport .bcc-wrap a:not(.bcc-btn) { color: #fff; text-decoration-color: var(--it-red); }

/* Start-Übersicht, Preise, Dokumente: dunkle Panels, helle Schrift (Lesbarkeit auf Navy) */
body.bcc-skin-tpl-sport .bcc-wrap { --bcc-card-bg: color-mix(in srgb, var(--sk-background) 55%, transparent); }
body.bcc-skin-tpl-sport .bcc-intro,
body.bcc-skin-tpl-sport .bcc-info-section {
	background: linear-gradient(135deg, rgba(0,0,0,.26), rgba(2,6,70,.42));
	border: 1px solid var(--it-line); border-radius: 16px; padding: 2rem;
}
body.bcc-skin-tpl-sport .bcc-intro-title,
body.bcc-skin-tpl-sport .bcc-info-title {
	font-family: var(--sk-font-head); font-weight: 400; text-transform: uppercase; letter-spacing: .02em;
	font-size: 1.9rem; color: #fff;
}
body.bcc-skin-tpl-sport .bcc-intro-lead { color: var(--it-muted); font-size: 1rem; line-height: 1.65; max-width: 720px; }
body.bcc-skin-tpl-sport .bcc-intro-steps { color: #fff; font-size: .75rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
body.bcc-skin-tpl-sport .bcc-intro-steps .bcc-progress-dot { background: linear-gradient(135deg, var(--sk-primary), var(--it-red-dark)); color: #fff; }
body.bcc-skin-tpl-sport .bcc-intro-card { border: 1px solid rgba(255,255,255,.14); border-radius: 12px; }
body.bcc-skin-tpl-sport .bcc-intro-card h3,
body.bcc-skin-tpl-sport .bcc-intro-docs h3 { color: #fff; font-size: .8rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
body.bcc-skin-tpl-sport .bcc-intro .bcc-hint { color: var(--it-muted); font-size: .85rem; line-height: 1.55; }
body.bcc-skin-tpl-sport .bcc-intro-card ul,
body.bcc-skin-tpl-sport .bcc-intro-docs ul { color: #fff; font-size: .9rem; line-height: 1.5; }
body.bcc-skin-tpl-sport .bcc-intro-card li::marker,
body.bcc-skin-tpl-sport .bcc-intro-docs li::marker { color: var(--it-red); }
body.bcc-skin-tpl-sport .bcc-intro-rf { border-top-color: var(--it-line); }
body.bcc-skin-tpl-sport .bcc-intro-variant,
body.bcc-skin-tpl-sport .bcc-oder-label { color: #fff; }

body.bcc-skin-tpl-sport .bcc-price-group-title { color: var(--it-red); font-weight: 800; letter-spacing: .14em; }
body.bcc-skin-tpl-sport .bcc-price-table th { color: var(--it-muted); }
body.bcc-skin-tpl-sport .bcc-price-table td { color: #fff; }
body.bcc-skin-tpl-sport .bcc-price-table th,
body.bcc-skin-tpl-sport .bcc-price-table td,
body.bcc-skin-tpl-sport .bcc-price-table tr { border-bottom-color: var(--it-line); }
body.bcc-skin-tpl-sport .bcc-price-notes,
body.bcc-skin-tpl-sport .bcc-price-stand { color: var(--it-subtle); opacity: 1; }
body.bcc-skin-tpl-sport .bcc-doc-card { color: #fff; border-color: rgba(255,255,255,.14); border-radius: 12px; }
body.bcc-skin-tpl-sport .bcc-doc-card:hover { border-color: var(--it-red); background: color-mix(in srgb, var(--sk-primary) 8%, transparent); }
body.bcc-skin-tpl-sport .bcc-doc-meta { color: var(--it-subtle); opacity: 1; }
body.bcc-skin-tpl-sport .bcc-doc-action { color: #fff; font-size: .72rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
body.bcc-skin-tpl-sport .bcc-doc-action::after { content: " \203A"; color: var(--it-red); }
body.bcc-skin-tpl-sport .bcc-product-docs a { color: #fff; }

/* RS2-Rechts-Footer */
body.bcc-skin-tpl-sport .bcc-legal-footer { background: var(--sk-background); border-top: 1px solid var(--it-line); color: var(--it-muted); }
body.bcc-skin-tpl-sport .bcc-legal-footer a { color: #fff; text-decoration-color: var(--it-red); }
body.bcc-skin-tpl-sport .bcc-legal-company { color: #fff; }
body.bcc-skin-tpl-sport .bcc-legal-head { color: var(--it-red); }

body.bcc-skin-tpl-sport .bcc-intro-rf-name { color: #fff; }
body.bcc-skin-tpl-sport .bcc-intro-rf-pick label { color: #fff; font-weight: 600; }

/* Aufklappbare Stichpunkte, FAQ, Rechts-Overlays */
body.bcc-skin-tpl-sport .bcc-intro-item details summary { color: #fff; }
body.bcc-skin-tpl-sport .bcc-intro-item details summary::after { color: var(--it-red); }
body.bcc-skin-tpl-sport .bcc-intro-item-body { border-left-color: var(--it-red); background: rgba(255,255,255,.04); color: var(--it-muted); border-radius: 0 8px 8px 0; }
body.bcc-skin-tpl-sport .bcc-intro-item-fields { color: #fff; }
body.bcc-skin-tpl-sport .bcc-faq h3 { color: #fff; font-size: .8rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
body.bcc-skin-tpl-sport .bcc-faq-item { border-color: var(--it-line); }
body.bcc-skin-tpl-sport .bcc-faq-item summary { color: #fff; }
body.bcc-skin-tpl-sport .bcc-faq-item[open] summary { color: var(--it-red); }
body.bcc-skin-tpl-sport .bcc-faq-item p { color: var(--it-muted); }
body.bcc-skin-tpl-sport .bcc-legal-dialog { background: var(--it-navy-900); color: var(--it-muted); border: 1px solid var(--it-line); }
body.bcc-skin-tpl-sport .bcc-legal-dialog h2 { font-family: var(--sk-font-head); font-weight: 400; text-transform: uppercase; color: #fff; }
body.bcc-skin-tpl-sport .bcc-legal-dialog h3 { color: var(--it-red); text-transform: uppercase; letter-spacing: .08em; font-size: .75rem; }
body.bcc-skin-tpl-sport .bcc-legal-dialog strong { color: #fff; }
body.bcc-skin-tpl-sport .bcc-legal-dialog a { color: #fff; }

/* Aufklappbare Themen-Karten */
body.bcc-skin-tpl-sport .bcc-intro-card-title { color: #fff; font-size: .8rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
body.bcc-skin-tpl-sport .bcc-intro-card-count { color: var(--it-red); font-size: .72rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }

/* „Antrag starten“ prominent */
body.bcc-skin-tpl-sport .bcc-intro-cta {
	background: linear-gradient(135deg, color-mix(in srgb, var(--sk-primary) 16%, transparent), rgba(10,32,69,.6)); border: 1px solid color-mix(in srgb, var(--sk-primary) 45%, transparent); border-radius: 16px; padding: 2.2rem 1.5rem;
}
body.bcc-skin-tpl-sport .bcc-intro-cta-title { font-family: var(--sk-font-head); font-weight: 400; text-transform: uppercase; font-size: 2rem; letter-spacing: .02em; color: #fff; }
body.bcc-skin-tpl-sport .bcc-intro-cta-text { color: var(--it-muted); }
body.bcc-skin-tpl-sport .bcc-intro-start-main {
	font-size: 1.05rem; padding: 1.25rem 3.5rem; letter-spacing: .08em;
	box-shadow: 0 10px 30px color-mix(in srgb, var(--sk-primary) 45%, transparent), 0 0 0 1px rgba(255,255,255,.08) inset; transition: transform .15s, box-shadow .15s;
}
body.bcc-skin-tpl-sport .bcc-intro-start-main:hover { transform: translateY(-2px); box-shadow: 0 14px 38px color-mix(in srgb, var(--sk-primary) 60%, transparent); }
body.bcc-skin-tpl-sport .bcc-intro-actions-note { color: var(--it-muted); }
body.bcc-skin-tpl-sport .bcc-promo-inner { background: color-mix(in srgb, var(--sk-primary) 14%, var(--sk-background)); border-left-color: var(--sk-primary); color: #fff; }
body.bcc-skin-tpl-sport .bcc-promo-title { font-weight: 400; text-transform: uppercase; letter-spacing: .01em; color: #fff; }
body.bcc-skin-tpl-sport .bcc-promo-text { color: rgba(255,255,255,.85); }
body.bcc-skin-tpl-sport .bcc-promo-points li::before { color: var(--sk-accent); }
body.bcc-skin-tpl-sport .entry-content > .bcc-hero--card,
body.bcc-skin-tpl-sport .wp-block-post-content > .bcc-hero--card { max-width: 1120px; }
body.bcc-skin-tpl-sport .bcc-hero--card .bcc-hero-headline { font-size: clamp(2.4rem, 5vw, 4rem); }
body.bcc-skin-tpl-sport .bcc-hero-logo { filter: drop-shadow(0 8px 24px rgba(0,0,0,.45)); }