/*
Theme Name: Fussball Boulevard
Author: Ersin
Description: Lautes Boulevard-/Tabloid-Layout – riesige Anton-Schlagzeilen, große alternierende Story-Blöcke, Rot/Gelb/Schwarz. Eigenständige Struktur.
Version: 1.0.0
License: GPL-2.0-or-later
Text Domain: fussball-boulevard
*/

:root{
	--fna-hd-bg:#ffffff; --fna-hd-text:#0c0c0c; --fna-hd-dim:#5a5a5a; --fna-hd-accent:#e2001a; --fna-hd-line:#e6e6e6; --fna-hd-font:"Roboto Condensed",sans-serif; --fna-hd-maxw:1140px;

	--red:#e2001a; --yellow:#ffe500; --ink:#0c0c0c; --paper:#ffffff; --soft:#5a5a5a; --line:#e6e6e6;
	--display:"Anton",Impact,sans-serif; --cond:"Roboto Condensed",sans-serif; --sans:"Inter",system-ui,sans-serif; --maxw:1140px;
}
*{box-sizing:border-box;}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);line-height:1.55;-webkit-font-smoothing:antialiased;}
a{color:inherit;text-decoration:none;}
img{max-width:100%;height:auto;display:block;}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 20px;}
/* Sichert lange Anton-Versal-Wörter gegen horizontalen Overflow (bricht nur Wörter, die sonst überliefen) */
.mega__title,.block__title,.b-single__title,.b-archive-title,.b-secttl,.b-mcard__title,.blogo,.bfoot__brand,.headlines li{overflow-wrap:break-word;word-break:break-word;}

/* Header */
.bhead__top{background:var(--ink);}
.bhead__inner{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;}
.blogo{font-family:var(--display);font-size:2.2rem;letter-spacing:.02em;color:#fff;text-transform:uppercase;}
.blogo::first-letter{color:var(--red);}
.bhead__date{color:#bdbdbd;font-family:var(--cond);font-weight:700;letter-spacing:.05em;}
.bnav{background:var(--red);}
.bnav__inner{display:flex;gap:0;overflow-x:auto;scrollbar-width:none;}
.bnav__inner::-webkit-scrollbar{display:none;}
.bnav a{white-space:nowrap;color:#fff;font-family:var(--cond);font-weight:700;text-transform:uppercase;letter-spacing:.04em;font-size:.95rem;padding:12px 16px;}
.bnav a:hover{background:rgba(0,0,0,.18);}
.bnav__home{background:var(--ink);}

.site-main{padding-bottom:40px;}
.flash{display:inline-block;background:var(--red);color:#fff;font-family:var(--cond);font-weight:700;text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;padding:4px 10px;margin-bottom:10px;}
.flash--xl{font-size:1rem;padding:6px 14px;background:var(--yellow);color:var(--ink);}

/* MEGA-Aufmacher */
.mega{position:relative;display:block;min-height:600px;display:flex;align-items:flex-end;overflow:hidden;background:var(--ink);}
.mega__img{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .6s ease;}
.mega:hover .mega__img{transform:scale(1.04);}
.mega__shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.15),rgba(0,0,0,.85));}
.mega__inner{position:relative;padding-bottom:40px;padding-top:40px;width:100%;color:#fff;}
.mega__title{font-family:var(--display);font-size:clamp(2.4rem,6vw,5rem);line-height:.94;text-transform:uppercase;letter-spacing:.005em;margin:6px 0 14px;max-width:20ch;}
.mega__ex{font-size:1.15rem;max-width:62ch;color:#eee;margin:0;}

/* Schlagzeilen-Band */
.headlines{display:flex;align-items:stretch;border:3px solid var(--ink);margin:34px 0;}
.headlines__label{flex:0 0 auto;background:var(--ink);color:var(--yellow);font-family:var(--display);text-transform:uppercase;font-size:1.1rem;display:flex;align-items:center;padding:0 18px;}
.headlines ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;flex:1;}
.headlines li{padding:14px 18px;font-family:var(--cond);font-weight:700;font-size:1.05rem;border-left:1px solid var(--line);}
.headlines li:hover{color:var(--red);}

/* Story-Blöcke */
.block{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center;padding:34px 0;border-bottom:3px solid var(--ink);}
.block--rev .block__img{order:2;}
.block__img{overflow:hidden;}
.block__img img{width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .4s ease;}
.block:hover .block__img img{transform:scale(1.05);}
.block__title{font-family:var(--display);font-size:clamp(1.8rem,3.4vw,3rem);line-height:.98;text-transform:uppercase;letter-spacing:.005em;margin:8px 0 12px;}
.block__title a:hover{color:var(--red);}
.block__ex{font-size:1.05rem;color:var(--soft);margin:0 0 12px;}
.block__meta{font-family:var(--cond);font-weight:700;color:var(--soft);text-transform:uppercase;letter-spacing:.05em;font-size:.85rem;}

.b-archive-title{font-family:var(--display);text-transform:uppercase;font-size:2rem;border-bottom:4px solid var(--red);padding-bottom:8px;margin:34px 0 10px;}
.b-pagination{margin:34px 0;}
.b-pagination .nav-links{display:flex;gap:8px;justify-content:center;}
.b-pagination a,.b-pagination .current{padding:10px 16px;border:2px solid var(--ink);font-family:var(--cond);font-weight:700;}
.b-pagination .current{background:var(--red);color:#fff;border-color:var(--red);}

/* Single */
.b-single__head{padding:30px 20px 6px;}
.b-single__title{font-family:var(--display);text-transform:uppercase;font-size:clamp(2rem,5vw,3.6rem);line-height:.98;margin:6px 0 8px;}
.b-single__meta{font-family:var(--cond);font-weight:700;color:var(--soft);text-transform:uppercase;letter-spacing:.05em;}
.b-single__figure{margin:16px 0 0;}
.b-single__figure img{width:100%;max-height:560px;object-fit:cover;}
.b-single__content{max-width:740px;margin:30px auto 0;font-size:1.16rem;line-height:1.8;}
.b-single__content p{margin:0 0 1.25em;}
.b-single__content a{color:var(--red);text-decoration:underline;}
.fna-source{font-size:.9rem;color:var(--soft);border-top:2px solid var(--line);padding-top:16px;margin-top:26px;}
.b-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px;}
.b-tags a{font-family:var(--cond);font-weight:700;font-size:.82rem;background:var(--ink);color:#fff;padding:5px 12px;text-transform:uppercase;}

.bfoot{background:var(--ink);color:#bdbdbd;margin-top:20px;}
.bfoot__inner{padding:34px 20px;text-align:center;}
.bfoot__brand{font-family:var(--display);text-transform:uppercase;font-size:1.8rem;color:#fff;margin:0 0 8px;}
.bfoot__brand::first-letter{color:var(--red);}
.bfoot__legal{font-size:.8rem;max-width:80ch;margin:0 auto;}
.b-empty{text-align:center;color:var(--soft);padding:60px 0;font-size:1.1rem;}

@media(max-width:820px){
	.block,.block--rev .block__img{grid-template-columns:1fr;order:0;}
	.block{gap:16px;}
	.mega{min-height:440px;}
	.headlines{flex-direction:column;}
}

/* Vollere Startseite */
.b-catsec{margin:34px 0;border-top:3px solid var(--ink);padding-top:18px;}
.b-secttl{font-family:var(--display);text-transform:uppercase;font-size:1.7rem;margin:0 0 16px;display:flex;justify-content:space-between;align-items:baseline;gap:12px;}
.b-secttl__more{font-family:var(--cond);font-weight:700;font-size:.85rem;color:var(--red);text-transform:uppercase;white-space:nowrap;}
.b-cardgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.b-mcard{display:block;}
.b-mcard__img{display:block;aspect-ratio:4/3;background:var(--line) center/cover no-repeat;margin-bottom:8px;}
.b-mcard__title{display:block;font-family:var(--display);text-transform:uppercase;font-size:1.05rem;line-height:1.05;margin-top:6px;}
.b-mcard:hover .b-mcard__title{color:var(--red);}
.b-mostread{margin:34px 0;border-top:3px solid var(--ink);padding-top:18px;}
.b-ranked{list-style:none;counter-reset:b;margin:0;padding:0;columns:2;column-gap:34px;}
.b-ranked li{counter-increment:b;display:flex;gap:12px;padding:9px 0;border-bottom:1px solid var(--line);break-inside:avoid;font-family:var(--cond);font-weight:700;font-size:1.05rem;line-height:1.15;}
.b-ranked li::before{content:counter(b);font-family:var(--display);color:var(--red);font-size:1.3rem;line-height:1;}
.b-ranked a:hover{color:var(--red);}
@media(max-width:820px){.b-cardgrid{grid-template-columns:repeat(2,1fr);}.b-ranked{columns:1;}}
@media(max-width:520px){.b-cardgrid{grid-template-columns:1fr;}}

/* ===== Mobile-Härtung (Tabloid-Schlagzeilen kappen, kein h-Scroll) ===== */
@media(max-width:600px){
	.wrap{padding:0 16px;}
	.bhead__inner{padding:12px 16px;flex-wrap:wrap;gap:6px 12px;}
	.bhead__date{font-size:.85rem;}
	.bnav a{padding:12px 14px;}
	/* MEGA-Aufmacher */
	.mega{min-height:340px;}
	.mega__inner{padding-top:24px;padding-bottom:24px;}
	.mega__title{font-size:clamp(1.8rem,8vw,2.6rem);line-height:.96;margin:6px 0 10px;}
	.mega__ex{font-size:1rem;}
	.flash--xl{font-size:.9rem;padding:5px 12px;}
	/* Schlagzeilen-Band */
	.headlines{margin:24px 0;}
	.headlines li{font-size:.98rem;padding:12px 16px;border-left:0;border-top:1px solid var(--line);}
	/* Story-Blöcke */
	.block{padding:24px 0;}
	.block__title{font-size:clamp(1.5rem,6.5vw,2.1rem);}
	.block__ex{font-size:1rem;}
	/* Sektionen / Titel */
	.b-archive-title{font-size:1.6rem;}
	.b-secttl{font-size:1.4rem;}
	.b-catsec,.b-mostread{margin:24px 0;}
	/* Single */
	.b-single__head{padding:24px 16px 4px;}
	.b-single__title{font-size:clamp(1.7rem,7.5vw,2.6rem);}
	.b-single__content{font-size:1.05rem;line-height:1.7;margin-top:24px;}
	.b-single__figure img{max-height:320px;}
}
@media(max-width:400px){
	.blogo{font-size:1.7rem;}
	.mega__title{font-size:2rem;}
	.block__title{font-size:1.5rem;}
	.b-single__title{font-size:1.65rem;}
	.b-secttl{font-size:1.25rem;}
	.b-archive-title{font-size:1.4rem;}
}

/* Bild-Platzhalter (erscheint, wenn kein Beitragsbild vorhanden) */
.mega__img,.b-mcard__img{background-color:#141d29;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%27600%27%20height%3D%27400%27%3E%3Cdefs%3E%3ClinearGradient%20id%3D%27g%27%20x1%3D%270%27%20y1%3D%270%27%20x2%3D%271%27%20y2%3D%271%27%3E%3Cstop%20offset%3D%270%27%20stop-color%3D%27%2326374d%27/%3E%3Cstop%20offset%3D%271%27%20stop-color%3D%27%230e1622%27/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect%20width%3D%27600%27%20height%3D%27400%27%20fill%3D%27url%28%23g%29%27/%3E%3Ccircle%20cx%3D%27300%27%20cy%3D%27205%27%20r%3D%2760%27%20fill%3D%27%23eef3f8%27/%3E%3Cpolygon%20points%3D%27300%2C176%20318%2C189%20311%2C210%20289%2C210%20282%2C189%27%20fill%3D%27%23101823%27/%3E%3Cpath%20d%3D%27M300%20205%20L300%20148%20M300%20205%20L349%20233%20M300%20205%20L251%20233%27%20stroke%3D%27%23101823%27%20stroke-width%3D%276%27%20fill%3D%27none%27/%3E%3Ccircle%20cx%3D%27300%27%20cy%3D%27205%27%20r%3D%2760%27%20fill%3D%27none%27%20stroke%3D%27%23c7d2df%27%20stroke-width%3D%272%27/%3E%3C/svg%3E");background-size:cover;background-position:center;background-repeat:no-repeat;}