/*
Theme Name: ATDT Dhk.se
Description: GeneratePress-barntema (tunt identitetslager) för dhk.se, en kort trebokstavsdomän som bär ett varumärke under uppbyggnad. Arketyp G (bold/modern), paletten Stämpeldynan (blåvitt kontorspapper, indigosvart, stämpelviolett, plommon och saffran), Tilt Warp, Be Vietnam Pro och Kode Mono, motivet gummistämpelns tre bokstavsklotsar. Komponenter ligger i pluginet atdt-theme-kit.
Author: Atdt AB
Template: generatepress
Version: 1.0.2
Text Domain: atdt-gp-dhk-se
*/

/* ===== ARKETYP G - BOLD/MODERN (brutalistiskt, hogt anslag, design-forward, tech/asikt) ===== */
/* Stor typografi, tjocka konturer, harda offset-skuggor (ingen blur), kantigt. */
body{background:var(--atdt-bg);color:var(--atdt-ink);font-family:var(--atdt-font-body);line-height:1.6}
.entry-content{font-size:1.05rem}
.atdt-lead{font-size:1.3rem;line-height:1.45;font-weight:600;color:var(--atdt-ink)}
h1,.entry-title,.site-title{font-family:var(--atdt-font-display);font-weight:800;letter-spacing:-.03em;line-height:1.02;font-size:clamp(2.1rem,5vw,3.2rem)}
.entry-content h2{font-family:var(--atdt-font-display);font-weight:800;letter-spacing:-.02em;font-size:1.9rem;line-height:1.05;margin:2.4em 0 .6em;padding-bottom:.25em;border-bottom:5px solid var(--atdt-ink)}
.entry-content h3{font-family:var(--atdt-font-display);font-weight:800;font-size:1.25rem;margin-top:1.6em}
a{color:var(--atdt-ink);text-decoration:none;background:linear-gradient(var(--atdt-accent),var(--atdt-accent)) no-repeat 0 100%/100% 35%;padding:0 .05em}
a:hover{background-size:100% 100%}
.atdt-hero{margin:0 0 2rem}
.atdt-hero img{width:100%;height:auto;border-radius:0;display:block;border:3px solid var(--atdt-ink);box-shadow:10px 10px 0 var(--atdt-accent)}
.atdt-hero figcaption,.atdt-fotocred{display:block;font-family:var(--atdt-font-mono);font-size:.75rem;color:var(--atdt-muted);margin-top:.7rem;text-transform:uppercase;letter-spacing:.05em}
.atdt-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.2rem;margin:2.2rem 0}
.atdt-card{background:var(--atdt-surface);border:2px solid var(--atdt-ink);border-radius:0;padding:1.3rem 1.4rem;transition:transform .12s,box-shadow .12s}
.atdt-card:hover{transform:translate(-3px,-3px);box-shadow:7px 7px 0 var(--atdt-accent)}
.atdt-card h3{margin-top:0}
.atdt-card a{background:none;padding:0}
.entry-content table{width:100%;border-collapse:collapse;margin:1.8em 0;border:2px solid var(--atdt-ink)}
.entry-content thead th{background:var(--atdt-ink);color:var(--atdt-bg);font-family:var(--atdt-font-display);text-transform:uppercase;letter-spacing:.03em}
.entry-content th,.entry-content td{padding:.65em .85em;border:1px solid var(--atdt-ink);text-align:left}
.entry-content blockquote{border:2px solid var(--atdt-ink);background:var(--atdt-accent);color:var(--atdt-on-accent);margin:1.8em 0;padding:1em 1.2em;font-weight:600;box-shadow:6px 6px 0 var(--atdt-ink)}
.wp-block-button__link,.button,button{background:var(--atdt-ink);color:var(--atdt-bg);border:2px solid var(--atdt-ink);border-radius:0;font-family:var(--atdt-font-display);font-weight:800;text-transform:uppercase;letter-spacing:.04em;box-shadow:4px 4px 0 var(--atdt-accent)}

/* 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}}

/* ===== DHK.SE: STÄMPELDYNAN (identitetslager ovanpå arketyp G) ===== */

/* Rubriker: Tilt Warp har en vikt, så ingen syntetisk fetstil. */
h1,h2,h3,h4,.entry-title,.site-title,.main-title{font-weight:400}
html{background:var(--atdt-footer-bg)}
body{font-size:17px;background:var(--atdt-bg)}
::selection{background:var(--atdt-saffron);color:var(--atdt-ink)}

/* Länkar: arketypens markeringsstapel i saffran i stället för accent, så
   texten alltid står indigosvart mot ljus botten. */
.entry-content a,.dk-senaste a{color:var(--atdt-accent);background:linear-gradient(var(--atdt-saffron),var(--atdt-saffron)) no-repeat 0 100%/100% 0;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px;transition:background-size .12s}
.entry-content a:hover,.dk-senaste a:hover{color:var(--atdt-ink);background-size:100% 100%;text-decoration-color:var(--atdt-ink)}
a{background:none}
:focus-visible{outline:3px solid var(--atdt-accent);outline-offset:3px}

/* Sidhuvud: tunn indigolinje under, stämpellogotyp till vänster. */
.site-header{background:var(--atdt-bg);border-bottom:3px solid var(--atdt-ink)}
.inside-header{padding-top:22px;padding-bottom:22px}
.main-title{margin:0;line-height:1}
.main-title a{display:inline-flex;align-items:flex-start;gap:.35rem;text-decoration:none;color:var(--atdt-ink)}
.dk-logo{display:inline-block;font-family:var(--atdt-font-display);font-size:1.9rem;letter-spacing:.08em;text-transform:uppercase;line-height:1;padding:.28rem .55rem .32rem;border:3px solid var(--atdt-ink);background:var(--atdt-surface);box-shadow:4px 4px 0 var(--atdt-accent);transform:rotate(-2deg)}
.dk-logo__tld{font-family:var(--atdt-font-mono);font-size:.82rem;font-weight:600;color:var(--atdt-accent-2);letter-spacing:.06em;margin-top:.1rem}
.main-title a:hover .dk-logo{box-shadow:4px 4px 0 var(--atdt-accent-2)}
.site-description{font-family:var(--atdt-font-mono);font-size:.8rem;color:var(--atdt-muted);letter-spacing:.05em;text-transform:uppercase}

/* Huvudmeny: mono, versalt, saffransstapel på aktiv post. */
.main-navigation,.main-navigation ul ul{background:var(--atdt-bg)}
.main-navigation .main-nav ul li a{font-family:var(--atdt-font-mono);font-weight:600;font-size:.86rem;letter-spacing:.08em;text-transform:uppercase;color:var(--atdt-ink);padding-left:16px;padding-right:16px}
.main-navigation .main-nav ul li a:hover{color:var(--atdt-accent)}
.main-navigation .main-nav ul li.current-menu-item>a,.main-navigation .main-nav ul li.current_page_item>a{color:var(--atdt-ink);box-shadow:inset 0 -6px 0 var(--atdt-saffron)}
.menu-toggle,.main-navigation .menu-toggle{background:var(--atdt-surface);color:var(--atdt-ink);border:2px solid var(--atdt-ink);box-shadow:3px 3px 0 var(--atdt-accent);font-family:var(--atdt-font-mono);font-weight:600;text-transform:uppercase;letter-spacing:.08em}
.main-navigation .main-nav ul ul li a{text-transform:none}

/* Innehållsytan: ingen sidopanel, en behållare på papperet. */
.site-content{display:block}
.content-area,#primary{float:none;width:100%}
.separate-containers .inside-article,.one-container .site-content,.inside-article{background:transparent}
.one-container .site-content{padding:56px 40px 72px}
.entry-content{max-width:var(--atdt-maxwidth)}
.entry-content>*{max-width:var(--atdt-maxwidth)}
.entry-title,.page-title{font-size:clamp(2.4rem,6vw,4.4rem);line-height:1;letter-spacing:-.01em;color:var(--atdt-ink);margin-bottom:.4em}
.entry-header{margin-bottom:1.6rem}
.entry-meta{font-family:var(--atdt-font-mono);font-size:.82rem;letter-spacing:.04em;color:var(--atdt-muted)}
.entry-content h2{border-bottom:5px solid var(--atdt-ink)}
.entry-content p{margin-bottom:1.3em}
.entry-content hr{border:0;border-top:3px dashed var(--atdt-neutral)}

/* Startsidan (statisk sida): text till vänster, stämpeln till höger. */
.home .inside-article{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);grid-template-areas:"rubrik stampel" "text stampel";column-gap:clamp(2rem,6vw,5.5rem);align-items:start}
.home .inside-article>.entry-header{grid-area:rubrik;align-self:end}
.home .inside-article>.entry-content{grid-area:text}
.home .inside-article>.dk-stampel{grid-area:stampel}
.home .entry-title{font-size:clamp(2.8rem,7.4vw,6rem);margin:0;overflow-wrap:normal;word-break:normal;hyphens:manual}
.home .entry-header{margin:0 0 1.4rem;padding-bottom:1.2rem;border-bottom:5px solid var(--atdt-ink)}
.home .entry-content{font-size:1.18rem;line-height:1.55}
.home .entry-content>p:first-child{font-weight:600}

/* Stämpeln: tre bokstavsklotsar i en roterad ram, hårda skuggor. */
.dk-stampel{position:relative;padding:1.2rem 0 0;max-width:30rem;justify-self:end;width:100%}
.dk-stampel__ram{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem;padding:1.1rem;border:4px solid var(--atdt-accent);outline:2px solid var(--atdt-accent);outline-offset:5px;transform:rotate(-3deg);background:var(--atdt-surface)}
.dk-stampel__klots{display:flex;align-items:center;justify-content:center;aspect-ratio:3/4;font-family:var(--atdt-font-display);font-size:clamp(3.6rem,9vw,7.2rem);line-height:1;color:var(--atdt-surface);background:var(--atdt-ink);border:3px solid var(--atdt-ink);box-shadow:6px 6px 0 var(--atdt-accent)}
.dk-stampel__klots--2{background:var(--atdt-accent);border-color:var(--atdt-accent);box-shadow:6px 6px 0 var(--atdt-ink);transform:translateY(.9rem)}
.dk-stampel__klots--3{background:var(--atdt-saffron);color:var(--atdt-ink);box-shadow:6px 6px 0 var(--atdt-accent-2)}
.dk-stampel__rad{display:flex;align-items:center;gap:.7rem;margin:2.1rem 0 0 .4rem;font-family:var(--atdt-font-mono);font-size:.86rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--atdt-muted)}
.dk-stampel__rad i{flex:1;height:0;border-top:3px dotted var(--atdt-neutral)}
.dk-stampel__rad span:last-child{color:var(--atdt-accent-2)}

/* Startsidans senaste inlägg (bara när det finns några). */
.dk-senaste{margin:4rem 0 0;padding:0 40px}
.dk-senaste__rubrik{font-family:var(--atdt-font-display);font-size:1.9rem;margin:0 0 1.2rem;display:inline-block;padding:.1rem .5rem;background:var(--atdt-saffron);color:var(--atdt-ink)}
.dk-senaste__lista{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.3rem}
.dk-senaste__kort{background:var(--atdt-surface);border:2px solid var(--atdt-ink);padding:1.1rem 1.2rem 1.3rem;box-shadow:6px 6px 0 var(--atdt-accent);display:flex;flex-direction:column;gap:.5rem}
.dk-senaste__datum{font-family:var(--atdt-font-mono);font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;color:var(--atdt-muted)}
.dk-senaste a.dk-senaste__titel{font-family:var(--atdt-font-display);font-size:1.3rem;line-height:1.15;color:var(--atdt-ink);text-decoration:none}

/* Listor (blogg, arkiv, sök): kort i tjock ram med hård skugga. */
.blog .site-main,.archive .site-main,.search .site-main{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.6rem}
.blog .site-main>.page-header,.archive .site-main>.page-header,.search .site-main>.page-header,.site-main>.paging-navigation,.site-main>nav{grid-column:1/-1}
.blog .site-main article,.archive .site-main article,.search .site-main article{margin:0;background:var(--atdt-surface);border:2px solid var(--atdt-ink);box-shadow:7px 7px 0 var(--atdt-accent);transition:transform .12s,box-shadow .12s}
.blog .site-main article:hover,.archive .site-main article:hover,.search .site-main article:hover{transform:translate(-3px,-3px);box-shadow:10px 10px 0 var(--atdt-accent-2)}
.blog .site-main article .inside-article,.archive .site-main article .inside-article,.search .site-main article .inside-article{padding:1.4rem 1.4rem 1.6rem}
.blog .entry-title,.archive .entry-title,.search .entry-title{font-size:1.55rem;line-height:1.12;margin:0 0 .5rem}
.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)}
.blog .entry-summary,.archive .entry-summary,.search .entry-summary{font-size:.98rem}
.page-header{margin-bottom:.6rem}
.page-header .page-title,.archive .page-title,.search .page-title{font-size:clamp(2rem,5vw,3.4rem)}
.paging-navigation .nav-links>*{font-family:var(--atdt-font-mono);font-weight:600;border:2px solid var(--atdt-ink);padding:.3rem .7rem;margin-right:.4rem;background:var(--atdt-surface);color:var(--atdt-ink)}
.paging-navigation .nav-links .current{background:var(--atdt-ink);color:var(--atdt-surface)}

/* Sökformulär (sökresultat och 404). */
.search-form{display:flex;max-width:30rem;gap:0}
.search-form .search-field{flex:1;border:2px solid var(--atdt-ink);background:var(--atdt-surface);color:var(--atdt-ink);font-family:var(--atdt-font-body);padding:.7rem .9rem}
.search-form .search-submit,.search-form button{background:var(--atdt-ink);color:var(--atdt-surface);border:2px solid var(--atdt-ink);box-shadow:none;padding:.7rem 1rem}
.search-form .search-submit:hover,.search-form button:hover{background:var(--atdt-accent);border-color:var(--atdt-accent)}
.wp-block-button__link:hover,.button:hover,button:hover{background:var(--atdt-accent);border-color:var(--atdt-accent);color:var(--atdt-on-accent)}

/* Sidfotens ordbild: band i sidfotens färg, bokstäverna i kontur. */
.dk-sidfotsord{background:var(--atdt-footer-bg);display:flex;justify-content:flex-start;gap:clamp(.6rem,2vw,1.4rem);padding:3.2rem max(40px,calc((100% - 1160px) / 2 + 40px)) 0;overflow:hidden;margin-top:3rem;border-top:6px solid var(--atdt-saffron)}
.dk-sidfotsord span{font-family:var(--atdt-font-display);font-size:clamp(5rem,16vw,12rem);line-height:.8;color:transparent;-webkit-text-stroke:2px var(--atdt-footer-muted)}
.dk-sidfotsord span:nth-child(2){color:var(--atdt-saffron);-webkit-text-stroke:0;transform:translateY(.5rem)}
.dk-sidfotsord span:nth-child(3){-webkit-text-stroke-color:var(--atdt-footer-ink)}

/* Sidfoten: GP:s inre ytor nollade, egen rad. */
.site-footer{background:var(--atdt-footer-bg);color:var(--atdt-footer-ink)}
.site-info,.inside-site-info,.site-footer .footer-widgets{background:transparent;padding:0;border:0}
.site-info{color:var(--atdt-footer-ink)}
.site-footer .inside-site-info{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem 2rem;padding:1.8rem 40px 2.4rem}
.site-footer .copyright-bar{font-family:var(--atdt-font-mono);font-size:.84rem;letter-spacing:.06em;order:2;text-align:left;color:var(--atdt-footer-ink)}
.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,.site-info a{color:var(--atdt-footer-link);font-family:var(--atdt-font-mono);text-transform:uppercase;letter-spacing:.09em;font-size:.84rem;text-decoration:none}
.atdt-footer-menu a:hover,.site-info a:hover{color:var(--atdt-surface);text-decoration:underline}
.site-footer :focus-visible{outline-color:var(--atdt-footer-link)}

@media (max-width:860px){
	.home .inside-article{grid-template-columns:1fr;grid-template-areas:"stampel" "rubrik" "text"}
	.dk-stampel{justify-self:start;max-width:22rem;margin:0 0 2.6rem;padding-left:.4rem}
}
@media (max-width:768px){
	.one-container .site-content{padding:36px 20px 56px}
	.inside-header{padding-left:20px;padding-right:20px}
	.dk-logo{font-size:1.55rem}
	.dk-senaste{padding:0 20px}
	.dk-sidfotsord{padding:2.4rem 20px 0}
	.site-footer .inside-site-info{padding:1.6rem 20px 2rem;flex-direction:column;align-items:flex-start}
	.blog .site-main,.archive .site-main,.search .site-main{grid-template-columns:1fr}
	.main-navigation .main-nav ul li a{padding-left:20px;padding-right:20px}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}
