/* Kobras – Theme-Styles (ergänzt theme.json) */

/* Kopfzeile */
.kobras-header { position: sticky; top: 0; z-index: 50; }
.kobras-header .wp-block-site-logo img { height: 64px; width: auto; }
.kobras-brand__name { font-family: var(--wp--preset--font-family--anton); font-size: 26px; line-height: 1; letter-spacing: .04em; margin: 0; }
.kobras-brand__claim { font-size: 12px; font-weight: 700; letter-spacing: .2em; margin: 5px 0 0; color: var(--wp--preset--color--orange); }
.kobras-header .wp-block-navigation a:hover { color: var(--wp--preset--color--orange); }
.kobras-header .wp-block-navigation__responsive-container.is-menu-open { background: var(--wp--preset--color--schwarz); color: #fff; }
@media (max-width: 820px) { .kobras-brand { display: none; } }
.kobras-servicebar p { margin: 0; }
.kobras-servicebar .wp-block-social-links { margin: 0; }

/* Kicker über Abschnittstiteln */
.kobras-kicker { font-size: 13px; font-weight: 700; letter-spacing: .28em; text-transform: uppercase; color: var(--wp--preset--color--grau); margin: 0 0 10px; }
.has-schwarz-background-color .kobras-kicker { color: var(--wp--preset--color--orange); }
.kobras-kicker--strich::before { content: ""; display: inline-block; width: 44px; height: 3px; background: var(--wp--preset--color--orange); vertical-align: middle; margin-right: 14px; }

/* Hero */
.kobras-hero { overflow: hidden; }
.kobras-hero .wp-block-cover__image-background { filter: grayscale(100%) contrast(1.08); }
.kobras-hero .wp-block-cover__background { background: linear-gradient(90deg, rgba(11,11,12,.92) 0%, rgba(11,11,12,.72) 45%, rgba(11,11,12,.25) 100%) !important; opacity: 1 !important; }
.kobras-hero::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 220px; background: linear-gradient(0deg, #0b0b0c 0%, rgba(11,11,12,0) 100%); z-index: 1; pointer-events: none; }
.kobras-hero .wp-block-cover__inner-container { position: static; }
.kobras-hero .wp-block-cover__inner-container > * { position: relative; z-index: 3; }
.kobras-hero .kobras-skyline-wrap { position: absolute !important; right: 0; bottom: 0; width: min(1100px, 100%); z-index: 2 !important; opacity: .55; color: #fff; margin: 0 !important; }
.kobras-hero h1 { font-size: var(--wp--preset--font-size--hero); line-height: .92; }
.kobras-hashtags { display: flex; flex-wrap: wrap; gap: 10px 22px; font-weight: 600; letter-spacing: .04em; }
.kobras-hashtags span::first-letter { color: var(--wp--preset--color--orange); }

/* Skyline */
.kobras-skyline { display: block; width: 100%; height: auto; }
.kobras-skyline__welle { stroke: var(--wp--preset--color--orange); }
.kobras-footer .kobras-skyline-wrap { color: #5a5d61; max-width: 1320px; margin: 0 auto !important; padding: 40px 24px 0; box-sizing: border-box; }
.kobras-footer .kobras-skyline { width: 100%; height: auto; overflow: hidden; }
.kobras-footer .has-anton-font-family { font-size: clamp(1.125rem, 1.6vw, 1.5rem) !important; white-space: nowrap; letter-spacing: .02em !important; }

/* Aktuelles */
.kobras-news-hero { position: relative; }
.kobras-news-hero .wp-block-post-featured-image img { filter: grayscale(100%); }
.kobras-news-card { border-top: 4px solid var(--wp--preset--color--schwarz); background: #fff; padding: 26px; height: 100%; box-sizing: border-box; }
.kobras-news-card .wp-block-post-title a { text-decoration: none; }
.kobras-news-card .wp-block-post-terms a,
.kobras-label a, .kobras-label { font-size: 12px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; text-decoration: none; }
.kobras-badge-orange a { background: var(--wp--preset--color--orange); color: #0b0b0c; padding: 6px 10px; }
.wp-block-post-title a { text-decoration: none; }
.wp-block-post-featured-image img { filter: grayscale(100%); transition: filter .3s; }
.wp-block-post-featured-image a:hover img { filter: none; }

/* Zahlen */
.kobras-zahl { font-family: var(--wp--preset--font-family--anton); font-size: 72px; line-height: 1; margin: 0; }
.kobras-zahl mark { background: none; color: var(--wp--preset--color--orange); }

/* Links mit Orange-Unterstrich */
.kobras-mehr a, a.kobras-mehr { font-weight: 700; letter-spacing: .08em; text-transform: uppercase; font-size: 14px; text-decoration: none; border-bottom: 2px solid var(--wp--preset--color--orange); padding-bottom: 4px; }

/* Buttons: Outline-Stil */
.wp-block-button.is-style-outline > .wp-block-button__link { background: transparent; border: 2px solid currentColor; color: inherit; }
.wp-block-button.is-style-outline > .wp-block-button__link:hover { background: #fff; color: #0b0b0c; border-color: #fff; }

/* Fußzeile */
.kobras-footer a { color: var(--wp--preset--color--silber); text-decoration: none; }
.kobras-footer a:hover { color: var(--wp--preset--color--orange); }
.kobras-footer .wp-block-site-logo img { height: 88px; width: auto; }
.kobras-footer h2, .kobras-footer .kobras-footer__titel { font-family: var(--wp--preset--font-family--exo); font-size: 13px; letter-spacing: .12em; color: #fff; text-transform: uppercase; font-weight: 700; }

/* Barrierefreiheit */
:focus-visible { outline: 3px solid var(--wp--preset--color--orange); outline-offset: 2px; }
@media (prefers-reduced-motion: reduce) { * { transition: none !important; animation: none !important; } }

/* WooCommerce */
.woocommerce .button, .wc-block-components-button { text-transform: uppercase; letter-spacing: .08em; font-weight: 700; border-radius: 2px; }