/*
Theme Name: ATDT barnåren.se
Description: GeneratePress-barntema (tunt identitetslager) för barnåren.se, sajten för föräldrar till barn mellan ett och tolv år. Arketyp C lekfullt, paletten Sandlådan (sand, skiffer, hinkblått, rönnbär), Bree Serif och Rethink Sans, motivet hopphagen. Komponenter ligger i pluginet atdt-theme-kit.
Author: Atdt AB
Template: generatepress
Version: 1.0.0
Text Domain: atdt-gp-barnaren-se
*/

/* GP:s egna variabler pekas mot paletten (functions.php skriver samma sent). */
:root{--accent:var(--atdt-accent);--contrast:var(--atdt-ink);--contrast-2:var(--atdt-muted);--base-2:var(--atdt-bg);--base-3:var(--atdt-surface)}

/* ===== ARKETYP C, LEKFULLT MEN VUXET ===== */
body{background:var(--atdt-bg);color:var(--atdt-ink);font-family:var(--atdt-font-body);line-height:1.7;font-synthesis:none}
.entry-content{font-size:1.06rem}
.atdt-lead,.entry-content .bs-ingress{font-size:1.2rem;line-height:1.58;color:var(--atdt-ink)}
h1,h2,h3,h4,.entry-title,.main-title{font-family:var(--atdt-font-display);font-weight:400;letter-spacing:-.005em;line-height:1.16;color:var(--atdt-ink)}
.entry-content h2{font-size:1.6rem;line-height:1.25;margin:2.2em 0 .7em;display:inline-block;background:linear-gradient(transparent 62%,color-mix(in srgb,var(--atdt-accent-2) 24%,transparent) 62%);padding:0 .14em}
.entry-content h3{font-size:1.25rem;margin-top:1.6em}
a{color:var(--atdt-accent);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px;text-decoration-color:color-mix(in srgb,var(--atdt-accent-2) 70%,transparent)}
a:hover,a:focus{color:var(--atdt-ink)}
:focus-visible{outline:3px solid var(--atdt-accent-2);outline-offset:2px}
.atdt-hero{margin:0 0 2rem}
figure.atdt-hero{display:block}
.atdt-hero img{width:100%;height:auto;max-height:420px;object-fit:cover;border-radius:22px;display:block;box-shadow:0 18px 40px -18px rgba(32,40,58,.35)}
.atdt-hero figcaption,.atdt-fotocred{display:inline-block;font-size:.8rem;color:var(--atdt-muted);margin-top:.7rem;background:var(--atdt-neutral);padding:.2em .8em;border-radius:999px}
.atdt-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.1rem;margin:2rem 0}
.atdt-card{background:color-mix(in srgb,var(--atdt-accent-2) 10%,var(--atdt-surface));border:0;border-radius:18px;padding:1.3rem 1.4rem;box-shadow:0 8px 20px -14px rgba(32,40,58,.3);transition:transform .15s,box-shadow .15s}
.atdt-card:hover{transform:translateY(-3px);box-shadow:0 16px 32px -16px rgba(32,40,58,.4)}
.atdt-card h3{margin-top:0;color:var(--atdt-accent)}
.atdt-card p{margin-bottom:0;color:var(--atdt-ink)}
.atdt-card a{text-decoration:none}
.entry-content table{width:100%;border-collapse:separate;border-spacing:0;margin:1.6em 0;border-radius:16px;overflow:hidden;background:var(--atdt-surface);border:1px solid var(--atdt-neutral)}
.inside-article .entry-content thead th{background:var(--atdt-accent);color:var(--atdt-on-accent);font-family:var(--atdt-font-display);font-weight:400}
.entry-content th,.entry-content td{padding:.7em .9em;text-align:left;border-bottom:1px solid var(--atdt-neutral)}
.entry-content tbody tr:nth-child(even){background:color-mix(in srgb,var(--atdt-accent-2) 6%,var(--atdt-surface))}
.entry-content blockquote,.bs-faktaruta{border:0;border-left:5px solid var(--atdt-accent-2);background:color-mix(in srgb,var(--atdt-accent-2) 9%,var(--atdt-surface));border-radius:16px;margin:1.6em 0;padding:1em 1.3em;font-style:normal}
.entry-content blockquote p:last-child,.bs-faktaruta p:last-child{margin-bottom:0}
.wp-block-button__link,.button,button,input[type="submit"]{background:var(--atdt-accent);color:var(--atdt-on-accent);border-radius:999px;font-family:var(--atdt-font-body);font-weight:600;padding:.55em 1.4em}
q{quotes:"\201D" "\201D" "\2019" "\2019"}
q::before{content:open-quote}
q::after{content:close-quote}

/* ===== Sidhuvud: kritvit list, rundat ordmärke ===== */
.site-header{background:var(--atdt-surface);border-bottom:4px solid var(--atdt-neutral)}
.main-title{font-size:1.75rem}
.main-title a,.main-title a:hover{color:var(--atdt-ink);text-decoration:none}
.main-title a::after{content:"";display:inline-block;width:.42em;height:.42em;margin-left:.12em;border-radius:50%;background:var(--atdt-accent-2);vertical-align:.08em}
.site-description{color:var(--atdt-muted);font-size:.92rem}
.main-navigation,.main-navigation ul ul{background:var(--atdt-surface)}
.main-navigation .main-nav ul li a{color:var(--atdt-ink);font-weight:600;font-size:.98rem}
.main-navigation .main-nav ul li a:hover,.main-navigation .main-nav ul li[class*="current-menu-"]>a{color:var(--atdt-accent);background:color-mix(in srgb,var(--atdt-accent) 9%,var(--atdt-surface));border-radius:999px}
.main-navigation .menu-toggle,.main-navigation .menu-bar-item>a{color:var(--atdt-ink)}

/* ===== Innehållskortet ===== */
.separate-containers .inside-article{background:var(--atdt-surface);border-radius:22px;box-shadow:0 10px 30px -22px rgba(32,40,58,.35)}
.entry-header .entry-title{font-size:2.2rem}

/* ===== Motivet hopphagen ovanför sidfoten ===== */
.bs-hopphage{display:block;width:100%;max-width:1120px;height:34px;margin:2.6rem auto 0;color:var(--atdt-accent)}
.bs-hopphage .bs-sten{fill:var(--atdt-accent-2)}

/* ===== Sidfot: skifferband ===== */
.site-footer,.site-info{background:var(--atdt-deep);color:var(--atdt-on-deep)}
.site-info a,.atdt-footer-nav a{color:var(--atdt-link-on-deep)}
.site-info a:hover,.atdt-footer-nav a:hover{color:var(--atdt-on-deep)}
.atdt-footer-nav{background:var(--atdt-deep);padding:1.4rem 1rem .2rem;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 li{margin:0}
.atdt-footer-menu a{font-weight:600;text-decoration:none}
.atdt-footer-menu .current-menu-item>a{color:var(--atdt-on-deep);text-decoration:underline}

/* ===== Startsidans artikellista (visas först när artiklar finns) ===== */
.bs-senaste{max-width:1120px;margin:2rem auto 0;padding:0 1rem}
.bs-senaste__rubrik{font-size:1.55rem}

/* ===== Mobil ===== */
@media (max-width:600px){
	.entry-content table{table-layout:fixed;width:100%;font-size:.82rem}
	.entry-content th,.entry-content td{word-break:break-word;overflow-wrap:anywhere}
	.entry-header .entry-title{font-size:1.75rem}
	.atdt-grid{grid-template-columns:1fr}
	.bs-hopphage{height:24px}
}