/*
Theme Name: EC Eisbären Peggau Premium
Author: EC Eisbären Peggau
Description: Eigenständiges responsives Eishockey-Vereinstheme.
Version: 1.2.0
Requires PHP: 7.4
Text Domain: eisbaeren
*/
:root{--red:#ffd52b;--dark:#08254b;--panel:#103866;--white:#f7f8fa}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--dark);color:var(--white);font-family:Arial,Helvetica,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}a:hover{color:#ffd52b}.wrap{width:min(1180px,92%);margin:auto}.site-header{position:sticky;top:0;z-index:30;background:#08254bf2;border-bottom:1px solid #333a46}.head-inner{display:flex;align-items:center;justify-content:space-between;min-height:84px;gap:20px}.brand{display:flex;align-items:center;gap:14px;font-weight:900;letter-spacing:.05em;line-height:1.1}.brand img{max-width:64px;max-height:64px;object-fit:contain}.brand small{display:block;color:var(--red);letter-spacing:.22em;margin-top:6px}.nav-list{display:flex;gap:24px;list-style:none;margin:0;padding:0;font-size:.9rem;font-weight:bold;text-transform:uppercase}.hero{position:relative;min-height:660px;display:flex;align-items:center;overflow:hidden;background:linear-gradient(90deg,#0c0f14 8%,#0c0f14c7 52%,#0c0f1450),linear-gradient(145deg,#164d85,#061b39)}.hero.has-image{background-size:cover;background-position:center}.hero:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:7px;background:var(--red)}.hero-content{position:relative;z-index:1;padding:95px 0}.eyebrow{color:#ffd52b;font-size:.84rem;font-weight:900;letter-spacing:.24em;text-transform:uppercase}.hero h1{font-size:clamp(3.1rem,8vw,7.6rem);line-height:.98;letter-spacing:-.06em;max-width:850px;margin:22px 0;text-transform:uppercase}.hero p{max-width:550px;font-size:1.15rem;color:#d5d9df}.buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}.btn{display:inline-block;background:var(--red);padding:15px 23px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;border:1px solid var(--red)}.btn.outline{background:transparent;border-color:#8b919c}.section{padding:90px 0}.section.alt{background:#0a305e}.section h2{font-size:clamp(2rem,4vw,3.4rem);line-height:1.1;text-transform:uppercase;margin:10px 0 30px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:var(--panel);padding:30px;border:1px solid #303746;transition:transform .25s,border-color .25s}.card:hover{transform:translateY(-5px);border-color:var(--red)}.card .number{font-size:2.5rem;font-weight:900;color:var(--red)}.card h3{font-size:1.3rem;text-transform:uppercase}.muted{color:#b4bdca}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.news-card{background:var(--panel);overflow:hidden}.news-card img{width:100%;aspect-ratio:16/10;object-fit:cover}.news-card-body{padding:23px}.news-card h3{margin:8px 0}.site-footer{background:#061b39;padding:55px 0;border-top:4px solid var(--red)}.footer-inner{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap}.content-page{min-height:50vh}.content-page h1{text-transform:uppercase;font-size:clamp(2.5rem,5vw,4.5rem)}.menu-toggle{display:none;background:none;color:white;border:1px solid #555;padding:10px 14px;cursor:pointer}@media(max-width:780px){.menu-toggle{display:block}.main-nav{display:none;position:absolute;top:84px;left:0;right:0;background:#08254b;padding:20px 4%;border-bottom:1px solid #333}.main-nav.open{display:block}.nav-list{flex-direction:column;gap:15px}.hero{min-height:560px}.cards,.news-grid{grid-template-columns:1fr}.section{padding:60px 0}}

/* v1.2: Explicit desktop navigation and WordPress menu item styling */
@media (min-width:781px){.main-nav{display:block!important;position:static;visibility:visible;opacity:1}.main-nav .nav-list{display:flex;align-items:center;flex-wrap:wrap;gap:clamp(10px,1.5vw,24px)}}
.main-nav ul{list-style:none}.main-nav .nav-list>li{position:relative}.main-nav a{display:block;color:#fff;padding:10px 0}.main-nav a:hover,.main-nav .current-menu-item>a,.main-nav .current_page_item>a{color:#ffd52b}.main-nav .sub-menu,.main-nav .children{display:none;position:absolute;top:100%;left:0;min-width:190px;padding:10px 16px;background:#08254b;border:1px solid #34577e;z-index:40}.main-nav li:hover>.sub-menu,.main-nav li:focus-within>.sub-menu,.main-nav li:hover>.children,.main-nav li:focus-within>.children{display:block}.btn{color:#08254b}.btn.outline{color:#fff}.brand small{color:#ffd52b}
@media(max-width:780px){.main-nav.open{display:block}.main-nav .sub-menu,.main-nav .children{display:block;position:static;min-width:0;border:0;padding:0 0 0 16px;background:transparent}.main-nav .nav-list{display:flex;flex-direction:column;align-items:stretch}.main-nav a{padding:6px 0}}