/*
Theme Name: Automobil Test
Theme URI: https://github.com/nb159451/garagensoftware_wp
Description: Test-Block-Theme im Stil einer klassischen Kfz-Werkstatt: helle Fläche, dunkle kondensierte Versal-Headlines, dunkelgrüner Akzent, Bild-Kacheln.
Version: 0.1.0
Requires at least: 6.6
Requires PHP: 8.1
Text Domain: automobil-test
*/

@font-face { font-family: "Roboto Condensed"; font-weight: 400 700; font-display: swap; src: url("assets/fonts/roboto-condensed.woff2") format("woff2"); }
@font-face { font-family: "Source Sans 3"; font-weight: 400 700; font-display: swap; src: url("assets/fonts/source-sans-3.woff2") format("woff2"); }

/* Navigation: Versalien mit Sperrung wie beim Vorbild */
.at-nav .wp-block-navigation-item__content { text-transform: uppercase; letter-spacing: .12em; font-family: var(--wp--preset--font-family--heading); font-size: .9rem; }
.at-nav .wp-block-navigation-item__content:hover, .at-nav .current-menu-item > .wp-block-navigation-item__content { color: var(--wp--preset--color--accent); }

/* Hero */
.at-hero { min-height: 70vh; display: flex; align-items: flex-end; }
.at-hero h1 { font-size: clamp(2.5rem, 7vw, 5.5rem); line-height: .95; text-transform: uppercase; margin: 0 0 .5rem; }
.at-hero .at-kicker { text-transform: uppercase; letter-spacing: .3em; font-size: .85rem; color: var(--wp--preset--color--accent); margin: 0 0 1rem; font-weight: 600; }

/* Kacheln */
.at-tiles .wp-block-cover { min-height: 320px; }
.at-tiles .wp-block-cover h3 { text-transform: uppercase; letter-spacing: .2em; font-size: 1.4rem; margin: 0; }
.at-tiles .wp-block-cover a { text-decoration: none; color: inherit; }
.at-tiles .wp-block-cover:hover .wp-block-cover__background { opacity: .35 !important; transition: opacity .3s; }

/* Buttons */
.wp-block-button__link { text-transform: uppercase; letter-spacing: .15em; font-family: var(--wp--preset--font-family--heading); font-size: .9rem; }

/* Footer */
.at-footer a { text-transform: uppercase; letter-spacing: .15em; font-size: .8rem; text-decoration: none; }
.at-footer a:hover { color: var(--wp--preset--color--accent); }