/*
Theme Name: ATDT Umpteenth.se
Description: GeneratePress-barntema (tunt identitetslager) för umpteenth.se, utgivarens egen sajt. Arketyp E (trust/authority), paletten Klotbandet (benvitt papper, flaskgrönt klotband, grönsvart tryck och mässing), Hedvig Letters Serif och Instrument Sans, med kolofonen som motiv: inramad ordbild, en räkneserie som slutar i n och numrerade poster.
Author: Atdt AB
Template: generatepress
Version: 1.0.0
Text Domain: atdt-gp-umpteenth-se
*/


/* ===== ARKETYP E - TRUST/AUTHORITY ===== */
/* Lugnt, trovardigt, hog lasbarhet. Faktarutor, rena datatabeller, generos luft. */
body{background:var(--atdt-bg);color:var(--atdt-ink);font-family:var(--atdt-font-body);line-height:1.8}
.entry-content{font-size:1.06rem}
.atdt-lead{font-size:1.22rem;line-height:1.6;color:var(--atdt-ink)}
h1,.entry-title,.site-title{font-family:var(--atdt-font-display);font-weight:400;letter-spacing:-.01em;line-height:1.15}
.entry-content h2{font-family:var(--atdt-font-display);font-weight:400;font-size:1.5rem;margin:2.4em 0 .7em;padding-bottom:.4em;position:relative}
.entry-content h2::after{content:"";position:absolute;left:0;bottom:0;width:2.5em;height:3px;background:var(--atdt-accent)}
.entry-content h3{font-family:var(--atdt-font-display);font-weight:400;font-size:1.18rem;margin-top:1.7em}
a{color:var(--atdt-accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}
a:hover{color:var(--atdt-ink)}
.atdt-hero{margin:0 0 1.8rem}
.atdt-hero img{width:100%;height:auto;border-radius:8px;display:block}
.atdt-hero figcaption,.atdt-fotocred{display:block;font-size:.82rem;color:var(--atdt-muted);margin-top:.5rem}
.atdt-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin:2rem 0}
.atdt-card{background:var(--atdt-surface);border:1px solid var(--atdt-neutral);border-left:4px solid var(--atdt-accent);border-radius:10px;padding:1.2rem 1.3rem;transition:box-shadow .15s,border-color .15s}
.atdt-card:hover{box-shadow:0 10px 28px -18px rgba(0,0,0,.35)}
.atdt-card h3{margin-top:0}
.atdt-card a{text-decoration:none}
.entry-content table{width:100%;border-collapse:collapse;margin:1.7em 0;font-size:1rem}
.entry-content thead th{background:var(--atdt-neutral);color:var(--atdt-ink);font-family:var(--atdt-font-display)}
.entry-content th,.entry-content td{padding:.7em .9em;border-bottom:1px solid var(--atdt-neutral);text-align:left}
.entry-content tbody td:first-child{font-weight:600}
/* faktaruta / regulatorisk notis */
.entry-content blockquote{border:1px solid var(--atdt-neutral);border-left:4px solid var(--atdt-accent-2);background:color-mix(in srgb,var(--atdt-accent-2) 8%,var(--atdt-surface));border-radius:8px;margin:1.7em 0;padding:1em 1.2em;font-size:.97rem}
.wp-block-button__link,.button,button{background:var(--atdt-accent);color:var(--atdt-on-accent);border-radius:0;font-family:var(--atdt-font-body);font-weight:600}

/* Sidfotsmotiv (temats variant) */
.atdt-road,.atdt-ridge,.atdt-swell,.atdt-vine,.atdt-trail,.atdt-sine,.atdt-paws,.atdt-vinerule,.atdt-drops,.atdt-stage{display:block;width:100%;height:26px;margin-top:2.6rem;color:var(--atdt-accent);opacity:.5}
/* Responsiv tabell */
@media (max-width:600px){.entry-content table{table-layout:fixed;width:100%;font-size:.8rem}.entry-content th,.entry-content td{word-break:break-word;overflow-wrap:anywhere}}

/* ===== IDENTITET: KOLOFONEN ===== */
body{font-size:17px;-webkit-font-smoothing:antialiased}
.entry-content{max-width:var(--atdt-maxwidth)}
::selection{background:var(--atdt-accent);color:var(--atdt-on-accent)}
a:focus-visible,button:focus-visible{outline:2px solid var(--atdt-accent-2);outline-offset:3px}

/* Sidhuvud: ett flaskgrönt band överst med en mässingslinje, som ett klotband. */
.site-header{border-top:6px solid var(--atdt-accent);box-shadow:inset 0 1px 0 var(--atdt-brass-lt);border-bottom:1px solid var(--atdt-neutral)}
.inside-header{padding-top:22px;padding-bottom:22px}
.main-title{font-size:1.7rem;line-height:1;margin:0}
.main-title a{color:var(--atdt-ink);text-decoration:none;display:inline-flex;align-items:flex-start;gap:.3em}
.um-logo{font-family:var(--atdt-font-display);font-weight:400;letter-spacing:-.005em}
.um-logo__tal{font-family:var(--atdt-font-body);font-weight:600;font-size:.42em;letter-spacing:.06em;color:var(--atdt-accent-2);border:1px solid currentColor;padding:.18em .4em .14em;line-height:1;margin-top:.1em}
.main-navigation .main-nav ul li a{font-family:var(--atdt-font-body);font-size:.92rem;letter-spacing:.02em;line-height:60px}
.main-navigation .main-nav ul li a:hover,.main-navigation .main-nav ul li[class*="current"]>a{text-decoration:underline;text-decoration-color:var(--atdt-accent-2);text-underline-offset:6px;text-decoration-thickness:2px}
.menu-toggle{font-family:var(--atdt-font-body);font-weight:600;font-size:.92rem}

/* Innehållsytan: arket ligger på pappret med en tunn ram. */
.one-container .site-content{padding:56px 64px 64px}
.one-container .container{background:var(--atdt-surface)}
.site.grid-container{margin-top:40px;margin-bottom:56px;border:1px solid var(--atdt-neutral)}
.entry-header{margin-bottom:1.6rem}
.entry-title{font-size:clamp(2rem,4.2vw,2.9rem);letter-spacing:-.012em;color:var(--atdt-ink)}
.page .entry-header::after,.single .entry-header::after{content:"";display:block;width:3.2rem;height:2px;background:var(--atdt-accent-2);margin-top:1.1rem}
.entry-content h2{font-size:1.6rem;letter-spacing:-.005em}
.entry-content h2::after{height:2px;background:var(--atdt-accent-2)}
.entry-content p,.entry-content li{color:var(--atdt-ink)}
.entry-content strong{font-weight:600}
.entry-meta{font-size:.82rem;letter-spacing:.06em;text-transform:uppercase;color:var(--atdt-muted)}
.page-header{margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--atdt-neutral)}
.page-header .page-title{font-family:var(--atdt-font-display);font-weight:400;font-size:clamp(1.7rem,3.4vw,2.3rem)}

/* Listor och arkiv: varje post får ett löpnummer, som poster i en förlagskatalog. */
.blog .site-main,.archive .site-main,.search .site-main{counter-reset:um-post}
.blog .site-main>article,.archive .site-main>article,.search .site-main>article{counter-increment:um-post;position:relative;padding:1.4rem 0 1.4rem 4.2rem;border-top:1px solid var(--atdt-neutral);margin:0}
.blog .site-main>article::before,.archive .site-main>article::before,.search .site-main>article::before{content:"Nº " counter(um-post,decimal-leading-zero);position:absolute;left:0;top:1.75rem;font-family:var(--atdt-font-body);font-weight:600;font-size:.78rem;letter-spacing:.05em;color:var(--atdt-accent-2);font-variant-numeric:tabular-nums}
.blog .site-main>article .inside-article,.archive .site-main>article .inside-article,.search .site-main>article .inside-article{padding:0;background:transparent}
.blog .entry-title,.archive .entry-title,.search .entry-title{font-size:1.45rem}
.blog .entry-title a,.archive .entry-title a,.search .entry-title a{color:var(--atdt-ink);text-decoration:none}
.blog .entry-title a:hover,.archive .entry-title a:hover,.search .entry-title a:hover{color:var(--atdt-accent);text-decoration:underline;text-decoration-thickness:1px}
.no-results .inside-article,.error404 .inside-article{max-width:var(--atdt-maxwidth)}
.search-form .search-field{border:1px solid var(--atdt-ink);background:var(--atdt-surface);color:var(--atdt-ink);padding:.6em .8em;font-family:var(--atdt-font-body)}
.search-form .search-submit{padding:.6em 1.1em}

/* Kolofonen på startsidan: inramad ordbild som på en tryckuppgiftssida. */
.um-kolofon{display:flex;justify-content:center;padding:clamp(1.2rem,5vw,3.5rem) 0 clamp(1.5rem,5vw,3rem)}
.um-kolofon__ram{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;width:min(100%,40rem);padding:clamp(2.2rem,6vw,4.2rem) clamp(1.2rem,5vw,3.5rem);border:1px solid var(--atdt-ink);outline:1px solid var(--atdt-ink);outline-offset:-8px;background:var(--atdt-bg)}
.um-kolofon__ram::before,.um-kolofon__ram::after{content:"";position:absolute;left:50%;width:9px;height:9px;background:var(--atdt-accent-2);transform:translateX(-50%) rotate(45deg)}
.um-kolofon__ram::before{top:-5px}
.um-kolofon__ram::after{bottom:-5px}
.um-kolofon__nr{font-family:var(--atdt-font-body);font-weight:600;font-size:.8rem;letter-spacing:.22em;text-transform:uppercase;color:var(--atdt-accent-2)}
.um-kolofon__nr sup{font-size:.7em;letter-spacing:0;text-decoration:underline;text-underline-offset:2px}
.um-kolofon__ord{display:block;font-family:var(--atdt-font-display);font-size:clamp(2.8rem,10.5vw,5.6rem);line-height:1;letter-spacing:-.02em;color:var(--atdt-ink);margin:.35em 0 .3em;overflow-wrap:anywhere}
.um-kolofon__linje{display:block;width:4.5rem;height:2px;background:var(--atdt-accent);margin:.2rem 0 1.4rem}
.um-kolofon__serie{display:flex;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:.15rem .75rem;font-family:var(--atdt-font-body);font-variant-numeric:tabular-nums;font-size:.95rem}
.um-kolofon__serie i{font-style:normal;color:var(--atdt-muted)}
.um-kolofon__serie i:nth-child(n+5){opacity:.85}
.um-kolofon__serie i:nth-child(n+9){opacity:.7}
.um-kolofon__serie b{font-family:var(--atdt-font-display);font-weight:400;font-style:italic;font-size:1.7rem;line-height:1;color:var(--atdt-accent);margin-left:.4rem}
.home.blog .site-main>article:first-of-type{margin-top:1rem}

/* Senast publicerat på en statisk startsida. */
.um-senaste{max-width:var(--atdt-maxwidth);margin:3rem auto 0;counter-reset:um-sen}
.um-senaste__rubrik{font-family:var(--atdt-font-body);font-weight:600;font-size:.8rem;letter-spacing:.2em;text-transform:uppercase;color:var(--atdt-accent-2);margin:0 0 .6rem}
.um-senaste__lista{list-style:none;margin:0;padding:0}
.um-senaste__post{counter-increment:um-sen;display:grid;grid-template-columns:3rem 1fr auto;gap:.2rem 1rem;align-items:baseline;padding:.9rem 0;border-top:1px solid var(--atdt-neutral)}
.um-senaste__post::before{content:counter(um-sen,decimal-leading-zero);font-weight:600;font-size:.8rem;color:var(--atdt-accent-2);font-variant-numeric:tabular-nums}
.um-senaste__titel{font-family:var(--atdt-font-display);font-size:1.25rem;color:var(--atdt-ink);text-decoration:none}
.um-senaste__titel:hover{color:var(--atdt-accent);text-decoration:underline}
.um-senaste__datum{font-size:.82rem;color:var(--atdt-muted);white-space:nowrap}

/* Sidfoten: mörkt klotband med ordbilden i kontur. */
.site-footer{background:var(--atdt-footer-bg);color:var(--atdt-footer-ink);border-top:6px solid var(--atdt-accent);box-shadow:inset 0 1px 0 var(--atdt-brass-lt)}
.site-info,.inside-site-info,.site-footer .footer-bar{background:transparent !important;color:var(--atdt-footer-ink)}
.inside-site-info{padding:28px 40px 34px;display:flex;flex-wrap:wrap;gap:1rem 2.5rem;align-items:baseline;justify-content:space-between}
.site-info .copyright-bar{font-size:.85rem;color:var(--atdt-footer-muted);order:2}
.um-sidfotsord{background:var(--atdt-footer-bg);padding:44px 40px 0;max-width:1120px;margin:0 auto;display:flex;align-items:flex-start;gap:.6rem;overflow:hidden}
.um-sidfotsord__ord{font-family:var(--atdt-font-display);font-size:clamp(3rem,11vw,7.5rem);line-height:.95;letter-spacing:-.025em;color:transparent;-webkit-text-stroke:1px var(--atdt-footer-muted)}
.um-sidfotsord__tal{font-family:var(--atdt-font-body);font-weight:600;font-size:.8rem;letter-spacing:.08em;color:var(--atdt-footer-link);border:1px solid currentColor;padding:.25em .5em .2em;margin-top:.8em}
.atdt-footer-nav{order:1}
.atdt-footer-menu{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.4rem 1.6rem}
.atdt-footer-menu a{color:var(--atdt-footer-link);text-decoration:none;font-size:.92rem}
.atdt-footer-menu a:hover{color:var(--atdt-footer-ink);text-decoration:underline}
.site-footer a{color:var(--atdt-footer-link)}

@media (max-width:768px){
	body{font-size:16px}
	.site.grid-container{margin-top:0;margin-bottom:0;border-left:0;border-right:0}
	.one-container .site-content{padding:32px 20px 44px}
	.main-title{font-size:1.45rem}
	.blog .site-main>article,.archive .site-main>article,.search .site-main>article{padding-left:0;padding-top:2.6rem}
	.blog .site-main>article::before,.archive .site-main>article::before,.search .site-main>article::before{top:1.2rem}
	.um-kolofon__ram{outline-offset:-6px}
	.um-senaste__post{grid-template-columns:2.4rem 1fr}
	.um-senaste__datum{grid-column:2}
	.um-sidfotsord{padding:32px 20px 0}
	.inside-site-info{padding:22px 20px 28px;flex-direction:column}
}