/*
Theme Name: ATDT fotbollsbutiken.se
Description: GeneratePress-barntema for fotbollsbutiken.se. Arketyp A (faltguide), paletten Kvallsmatch, Teko och PT Sans, motivet kritlinjen: planens vita kritade linjer pa morkt gras. Komponenter ligger i pluginet atdt-theme-kit.
Author: Atdt AB
Template: generatepress
Version: 1.0.1
Text Domain: atdt-gp-fotbollsbutiken-se
*/

/* ===== Arketyp A, faltguide: robust, utilitar, tabelltung ===== */
body{background:var(--atdt-bg);color:var(--atdt-ink);font-family:var(--atdt-font-body);font-size:18px;line-height:1.62}
.entry-content{font-size:1.02rem}
.entry-content p,.entry-content li{max-width:68ch}
h1,h2,h3,.entry-title,.site-title{font-family:var(--atdt-font-display);font-weight:600;line-height:1.02;letter-spacing:.01em}
a{color:var(--atdt-accent);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}
a:hover,a:focus{color:var(--atdt-accent-2)}
:focus-visible{outline:3px solid var(--atdt-flag);outline-offset:2px}

/* ----- Sidhuvud: kvallsplanen, klippta rander och kritad sidlinje ----- */
.site-header{
	background-color:var(--atdt-pitch);
	background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0 90px,transparent 90px 180px);
	border-bottom:4px solid var(--atdt-chalk);
	box-shadow:0 4px 0 var(--atdt-pitch);
}
.site-header .inside-header{padding-top:18px;padding-bottom:18px}
.main-title{font-size:2.1rem;text-transform:uppercase;letter-spacing:.04em;line-height:1}
.main-title a,.main-title a:hover{color:var(--atdt-chalk);text-decoration:none}
.site-description{font-family:var(--atdt-font-body);font-size:.9rem;color:#C9D8BE}
.main-navigation,.main-navigation ul ul{background-color:transparent}
.main-navigation .main-nav ul li a,.menu-toggle{font-family:var(--atdt-font-display);font-weight:500;font-size:1.3rem;text-transform:uppercase;letter-spacing:.05em}
.main-navigation .main-nav ul li a{text-decoration:none}
.main-navigation .main-nav ul li.current-menu-item > a{box-shadow:inset 0 -3px 0 var(--atdt-flag)}
.main-navigation .menu-bar-item a,.main-navigation .menu-toggle{color:var(--atdt-chalk)}
.navigation-search input[type="search"]{background:var(--atdt-pitch);color:var(--atdt-chalk);font-family:var(--atdt-font-body);font-size:1.05rem}
.navigation-search input[type="search"]::placeholder{color:#C9D8BE}

/* ----- Innehallsytor ----- */
.separate-containers .inside-article,.separate-containers .comments-area,.separate-containers .page-header,.separate-containers .paging-navigation{background:var(--atdt-surface);border:1px solid var(--atdt-neutral);border-top:6px solid var(--atdt-accent);border-radius:var(--atdt-radius)}
.entry-header .entry-title{font-size:clamp(2.1rem,4.6vw,3.3rem);text-transform:none;color:var(--atdt-ink)}
.entry-meta{font-family:var(--atdt-font-body);font-size:.9rem;color:var(--atdt-muted);margin-top:.6em}
.entry-meta a{color:var(--atdt-muted)}
.entry-meta .byline,.entry-meta .posted-on{display:inline-block;margin-right:.9em}
.entry-meta .posted-on::before{content:"";display:inline-block;width:.55em;height:.55em;border-radius:50%;background:var(--atdt-accent);margin-right:.45em;vertical-align:.1em}

/* Rubriker: kritlinjen som streckad sidlinje, straffpunkten som markor */
.entry-content h2{position:relative;font-size:1.9rem;text-transform:uppercase;letter-spacing:.03em;margin:2.2em 0 .7em;padding:0 0 .25em 1.05em;border-bottom:2px dashed var(--atdt-neutral)}
.entry-content h2::before{content:"";position:absolute;left:0;top:.32em;width:.5em;height:.5em;border-radius:50%;background:var(--atdt-accent)}
.entry-content h3{font-size:1.45rem;text-transform:uppercase;letter-spacing:.03em;margin-top:1.6em;color:var(--atdt-accent)}
.entry-content ul li::marker{color:var(--atdt-accent)}
.entry-content ol li::marker{color:var(--atdt-accent);font-family:var(--atdt-font-display);font-weight:600}

/* Bilder och fotokredit */
.atdt-hero{margin:0 0 1.8rem}
.atdt-hero img,.featured-image img{width:100%;height:auto;display:block;border-bottom:4px solid var(--atdt-accent)}
.atdt-hero figcaption,.atdt-fotocred,.entry-content figcaption{display:block;font-family:var(--atdt-font-body);font-size:.82rem;color:var(--atdt-muted);margin-top:.45rem}

/* Tabeller som spelprogram */
.entry-content table{width:100%;border-collapse:collapse;margin:1.6em 0;font-size:.95rem;border:1px solid var(--atdt-ink);background:var(--atdt-surface)}
.entry-content thead th,.entry-content tr:first-child th{background:var(--atdt-pitch);color:var(--atdt-chalk);font-family:var(--atdt-font-display);font-weight:500;font-size:1.15rem;text-transform:uppercase;letter-spacing:.04em}
.entry-content th,.entry-content td{padding:.55em .8em;border-bottom:1px solid var(--atdt-neutral);text-align:left;vertical-align:top}
.entry-content tbody tr:nth-child(even){background:var(--atdt-bg)}
.entry-content blockquote{border-left:6px solid var(--atdt-accent-2);background:var(--atdt-bg);margin:1.6em 0;padding:.8em 1.1em;font-style:italic}
.wp-block-button__link,.button,button,input[type="submit"]{background:var(--atdt-accent);color:var(--atdt-on-accent);border-radius:var(--atdt-radius);font-family:var(--atdt-font-display);font-weight:500;font-size:1.15rem;text-transform:uppercase;letter-spacing:.05em}

/* Sokformularet (404 och sokresultat) */
.search-form{display:flex;gap:.5rem;margin:1.2rem 0 .4rem}
.search-form label{flex:1}
.search-form .search-field{width:100%;border:2px solid var(--atdt-ink);background:var(--atdt-surface);color:var(--atdt-ink);padding:.55em .7em;font-size:1rem}

/* ----- Listan over guiderna (startsidan och 404) ----- */
.fb-lista{background:var(--atdt-surface);border:1px solid var(--atdt-neutral);border-top:6px solid var(--atdt-pitch);border-radius:var(--atdt-radius);padding:32px 40px;margin-bottom:20px}
.fb-lista__rubrik{font-size:2rem;text-transform:uppercase;letter-spacing:.03em;margin:0 0 .4em;padding-bottom:.25em;border-bottom:2px dashed var(--atdt-neutral)}
.fb-lista__rad{list-style:none;margin:0;padding:0}
.fb-lista__post{display:grid;grid-template-columns:4.2rem 1fr;gap:1rem;align-items:start;padding:1.1rem 0;border-bottom:1px solid var(--atdt-neutral)}
.fb-lista__post:last-child{border-bottom:0}
.fb-lista__nr{font-family:var(--atdt-font-display);font-weight:600;font-size:3.4rem;line-height:.9;color:transparent;-webkit-text-stroke:2px var(--atdt-accent);text-align:center}
.fb-lista__titel{font-size:1.65rem;margin:0 0 .25em;line-height:1.05}
.fb-lista__titel a{color:var(--atdt-ink);text-decoration:none}
.fb-lista__titel a:hover,.fb-lista__titel a:focus{color:var(--atdt-accent);text-decoration:underline}
.fb-lista__utdrag{margin:0;color:var(--atdt-muted);font-size:1rem}
.fb-lista__hem{margin:1rem 0 0;font-weight:700}

/* ----- Sidfoten: planen med mittlinje och mittcirkel ----- */
.fb-kritlinje{display:block;width:100%;height:72px;margin-top:3rem}
.fb-kritlinje__gras{fill:var(--atdt-pitch)}
.fb-kritlinje__linje{fill:none;stroke:var(--atdt-chalk);stroke-width:3;vector-effect:non-scaling-stroke}
.fb-kritlinje__punkt{fill:var(--atdt-chalk)}
.site-footer,.site-info{background:var(--atdt-pitch);color:var(--atdt-bg)}
.site-info{font-size:.92rem}
.site-info a{color:var(--atdt-flag)}
.inside-site-info{flex-direction:column;gap:.6rem}
.atdt-footer-nav{width:100%;text-align:center}
.atdt-footer-menu{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem 1.6rem}
.atdt-footer-menu a{color:var(--atdt-flag);font-family:var(--atdt-font-display);font-size:1.2rem;text-transform:uppercase;letter-spacing:.05em}
.atdt-footer-menu a:hover,.atdt-footer-menu a:focus{color:var(--atdt-chalk)}

/* ----- Mobil ----- */
@media (max-width:768px){
	body{font-size:17px}
	.main-title{font-size:1.7rem}
	.separate-containers .inside-article,.fb-lista{padding:22px 18px}
	.fb-lista__post{grid-template-columns:3rem 1fr;gap:.7rem}
	.fb-lista__nr{font-size:2.5rem}
	.entry-content h2{font-size:1.6rem}
	.fb-kritlinje{height:48px}
	.entry-content table{display:block;overflow-x:auto;font-size:.88rem}
}