/*
Theme Name: ATDT smadjur-se
Description: GeneratePress-barntema för smådjur.se, kunskapssajt om kanin, marsvin, gnagare, iller och burfåglar. Arketyp C lekfullt med paletten Ängshö (klöverlila, ormbunke, hö), Young Serif plus Overpass plus IBM Plex Mono och motivet höstrån. Komponenter ligger i pluginet atdt-theme-kit. Del av ATDT-nätverkets temaarkitektur.
Author: Atdt AB
Template: generatepress
Version: 1.2.0
Text Domain: atdt-gp-smadjur-se
*/

/* GP:s globala variabler mappas till paletten (literala värden i functions.php vinner sent). */
:root{--accent:var(--atdt-accent);--contrast:var(--atdt-ink);--contrast-2:var(--atdt-muted);--contrast-3:var(--atdt-neutral);--base:var(--atdt-neutral);--base-2:var(--atdt-bg);--base-3:var(--atdt-surface)}

/* ===== ARKETYP C, LEKFULLT (runt, inbjudande, fyllda kort) =====
   För barnfamiljer som ska skaffa sitt första djur: varmt och tydligt, aldrig barnsligt. */
body{background:var(--atdt-bg);color:var(--atdt-ink);font-family:var(--atdt-font-body);font-size:18px;line-height:1.7}
.entry-content{font-size:1.04rem}
.atdt-lead,.sd-ingress{font-size:1.22rem;line-height:1.55;color:var(--atdt-ink)}
h1,h2,h3,h4,.entry-title,.main-title{font-family:var(--atdt-font-display);font-weight:400;color:var(--atdt-ink)}
h1,.entry-title{letter-spacing:-.01em;line-height:1.14}
.entry-content h2{font-size:1.55rem;line-height:1.25;margin:2.2em 0 .7em;display:inline-block;background:linear-gradient(transparent 62%,color-mix(in srgb,var(--atdt-hay) 45%,transparent) 62%);padding:0 .16em}
.entry-content h3{font-size:1.2rem;margin-top:1.6em;color:var(--atdt-accent)}
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) 45%,transparent)}
a:hover,a:focus{color:var(--atdt-accent-2);text-decoration-color:currentColor}
:focus-visible{outline:3px solid var(--atdt-accent-2);outline-offset:2px}

/* Sidhuvud: ordmärket i rubriktypsnittet, en höstrimma under. */
.site-header{background:var(--atdt-surface);border-bottom:3px solid var(--atdt-hay)}
.main-title{font-size:1.75rem;letter-spacing:-.01em}
.main-title a,.main-title a:hover{color:var(--atdt-ink);text-decoration:none}
.site-description{font-family:var(--atdt-font-body);color:var(--atdt-muted)}
.main-navigation,.main-navigation ul ul{background:var(--atdt-surface)}
.main-navigation .main-nav ul li a,.menu-toggle,.main-navigation .menu-bar-item>a{color:var(--atdt-ink);font-family:var(--atdt-font-body);font-weight:700;text-decoration:none}
.main-navigation .main-nav ul li:hover>a,.main-navigation .main-nav ul li.current-menu-item>a,.main-navigation .main-nav ul li[class*="current-menu-"]>a{color:var(--atdt-accent);background:transparent}
.main-navigation .main-nav ul li.current-menu-item>a{box-shadow:inset 0 -3px 0 var(--atdt-accent)}

/* Innehållsytan */
.separate-containers .inside-article,.one-container .container,.one-container .site-content{background:var(--atdt-bg)}
.inside-article{color:var(--atdt-ink)}
.entry-meta{font-family:var(--atdt-font-mono);font-size:.78rem;color:var(--atdt-muted)}

/* Kort och artfakta i rutnät */
.atdt-grid,.sd-artrutnat{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1.1rem;margin:1.8rem 0;padding:0;list-style:none}
.atdt-card,.sd-artrutnat>li{background:color-mix(in srgb,var(--atdt-accent-2) 10%,var(--atdt-surface));border:0;border-radius:var(--atdt-radius);padding:1.2rem 1.35rem;margin:0;box-shadow:0 8px 20px -14px rgba(31,42,30,.35)}
.sd-artrutnat>li:nth-child(3n+2){background:color-mix(in srgb,var(--atdt-accent) 9%,var(--atdt-surface))}
.sd-artrutnat>li:nth-child(3n){background:color-mix(in srgb,var(--atdt-hay) 18%,var(--atdt-surface))}
.sd-artrutnat strong{display:block;font-family:var(--atdt-font-display);font-weight:400;font-size:1.25rem;margin-bottom:.3rem;color:var(--atdt-ink)}
.sd-artrutnat span{display:block;color:var(--atdt-muted);font-size:.95rem;line-height:1.45}
.atdt-card h3{margin-top:0}
.atdt-card a{text-decoration:none}.atdt-card a:hover{text-decoration:underline}

/* Faktaruta med etikett i mono */
.sd-faktaruta{background:color-mix(in srgb,var(--atdt-accent-2) 12%,var(--atdt-surface));border-radius:var(--atdt-radius);padding:1.1rem 1.35rem;margin:1.8rem 0}
.sd-faktaruta p:last-child{margin-bottom:0}
.sd-etikett{display:inline-block;font-family:var(--atdt-font-mono);font-size:.74rem;text-transform:uppercase;letter-spacing:.08em;color:var(--atdt-muted);margin-bottom:.35rem}

/* Tabeller */
.entry-content table{width:100%;border-collapse:separate;border-spacing:0;margin:1.6em 0;font-size:.97rem;border-radius:var(--atdt-radius);overflow:hidden;background:var(--atdt-surface)}
.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:.6em .8em;border-bottom:1px solid var(--atdt-neutral);text-align:left}
.entry-content tbody tr:nth-child(even){background:var(--atdt-surface)}
.entry-content blockquote{border:0;background:color-mix(in srgb,var(--atdt-accent-2) 14%,var(--atdt-surface));border-radius:var(--atdt-radius);margin:1.6em 0;padding:1em 1.3em;font-style:normal}

/* Citattecken: GP nollställer dem, svensk konvention återställs. */
q{quotes:"\201D" "\201D" "\2019" "\2019"}
q::before{content:open-quote}q::after{content:close-quote}

/* Knappar */
.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:700;padding:.55em 1.4em}
.wp-block-button__link:hover,.button:hover,button:hover,input[type="submit"]:hover{background:var(--atdt-accent-2);color:var(--atdt-on-accent)}

/* Bilder och fotokredit */
figure.sd-hero{display:block;margin:0 0 1.8rem}
figure.sd-hero img{width:100%;height:auto;max-height:440px;object-fit:cover;display:block;border-radius:22px;box-shadow:0 18px 40px -20px rgba(31,42,30,.4)}
.atdt-fotocred,figcaption{display:block;font-family:var(--atdt-font-mono);font-size:.72rem;letter-spacing:.03em;color:var(--atdt-muted);margin-top:.5rem}

/* Motivet höstrån ovanför sidfoten */
.sd-hostran{height:28px;margin-top:3rem;background-repeat:repeat-x;background-position:bottom left;background-size:120px 28px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 28'%3E%3Cg fill='none' stroke='%23C9A447' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M6 28 C7 18 9 10 13 3'/%3E%3Cpath d='M18 28 C18 20 16 13 12 8'/%3E%3Cpath d='M31 28 C33 17 37 11 42 6'/%3E%3Cpath d='M47 28 C46 21 44 16 40 12'/%3E%3Cpath d='M60 28 C61 19 63 12 66 5'/%3E%3Cpath d='M76 28 C77 22 80 16 85 11'/%3E%3Cpath d='M90 28 C89 20 86 14 82 9'/%3E%3Cpath d='M104 28 C105 18 108 11 112 4'/%3E%3C/g%3E%3C/svg%3E")}

/* Sidfoten: mörkt mossband med ljus text */
.site-footer,.site-info,.footer-widgets{background:var(--atdt-ink);color:var(--atdt-bg)}
.site-info{border-top:3px solid var(--atdt-hay)}
.site-info a,.atdt-footer-nav a{color:var(--atdt-bg);text-decoration:underline;text-decoration-color:var(--atdt-hay)}
.site-info a:hover,.atdt-footer-nav a:hover{color:var(--atdt-hay)}
.atdt-footer-nav{width:100%;margin-bottom:.6rem}
.atdt-footer-menu{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.4rem 1.4rem;justify-content:center}
.atdt-footer-menu li{margin:0}
.atdt-footer-menu .current-menu-item>a{color:var(--atdt-hay)}
.inside-site-info{flex-direction:column;align-items:center}

/* Responsivt */
@media (max-width:768px){
	body{font-size:18px}
	.main-title{font-size:1.4rem}
	.main-navigation .main-nav ul li a{color:var(--atdt-ink)}
}
@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}
	figure.sd-hero img{max-height:240px}
}