/*
Theme Name: ATDT Badpalatset.se
Description: GeneratePress-barntema (tunt identitetslager) för badpalatset.se, en redaktionell temasajt om bad, bastu och kallbad. Arketyp H warm/wellness, paletten "Kallbad", Marcellus + Faustina, motivet vattenlinjen. Komponenter ligger i pluginet atdt-theme-kit. Del av ATDT-nätverkets temarkitektur.
Author: Atdt AB
Template: generatepress
Version: 1.0.4
*/

/* ===== GP:s globala fargvariabler mappade till tokens =====
   Ligger FORST, fore arketypens kropp. Utan den lacker GeneratePress
   standardaccent (blatt #1e73be) in i lankar, knappar och navigering.
   --base-3 pekar pa bakgrunden och inte pa vitt: sidhuvud, innehall och meny
   ska vara en enda sammanhallen yta ovanfor vattenlinjen. */
:root:root{--accent:var(--atdt-link);--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-bg)}

/* ===== ARKETYP H - WARM/WELLNESS (lugnt, luftigt, premium-mjukt: halsa-soft, skonhet, sömn, livsstil) ===== */
/* Mycket luft, dampade toner, mjuka former, centrerade citat. Skiljer sig fran C genom att vara stillsam, inte studsig. */
body{background:var(--atdt-bg);color:var(--atdt-ink);font-family:var(--atdt-font-body);line-height:1.85}
.entry-content{font-size:1.07rem}
.atdt-lead{font-size:1.25rem;line-height:1.7;color:var(--atdt-muted)}
h1,.entry-title,.site-title{font-family:var(--atdt-font-display);font-weight:600;letter-spacing:.005em;line-height:1.2}
.entry-content h2{font-family:var(--atdt-font-display);font-weight:600;font-size:1.55rem;margin:2.8em 0 .8em;position:relative}
.entry-content h2::before{content:"";display:block;width:30px;height:3px;border-radius:3px;background:var(--atdt-accent);margin-bottom:.7em;opacity:.85}
.entry-content h3{font-family:var(--atdt-font-display);font-weight:600;font-size:1.2rem;margin-top:1.8em}
a{color:var(--atdt-accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;text-decoration-color:color-mix(in srgb,var(--atdt-accent) 45%,transparent)}
a:hover{text-decoration-color:var(--atdt-accent)}
.atdt-hero{margin:0 0 2.2rem}
.atdt-hero img{width:100%;height:auto;border-radius:20px;display:block;box-shadow:0 26px 60px -30px rgba(0,0,0,.4)}
.atdt-hero figcaption,.atdt-fotocred{display:block;text-align:center;font-size:.82rem;color:var(--atdt-muted);margin-top:.8rem;font-style:italic}
.atdt-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.4rem;margin:2.4rem 0}
.atdt-card{background:color-mix(in srgb,var(--atdt-accent) 6%,var(--atdt-surface));border:0;border-radius:20px;padding:1.6rem;transition:transform .2s}
.atdt-card:hover{transform:translateY(-2px)}
.atdt-card h3{margin-top:0}
.atdt-card a{text-decoration:none}
.entry-content table{width:100%;border-collapse:collapse;margin:1.9em 0;font-size:1rem}
.entry-content thead th{background:transparent;color:var(--atdt-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.78rem;font-family:var(--atdt-font-body);border-bottom:1px solid var(--atdt-neutral)}
.entry-content th,.entry-content td{padding:.9em .8em;border-bottom:1px solid var(--atdt-neutral);text-align:left}
.entry-content blockquote{border:0;text-align:center;font-family:var(--atdt-font-display);font-style:italic;font-size:1.4rem;line-height:1.5;color:var(--atdt-accent);margin:2.2em auto;padding:.5em 1.2em;max-width:90%}
.wp-block-button__link,.button,button{background:transparent;color:var(--atdt-accent);border:1.5px solid var(--atdt-accent);border-radius:999px;font-family:var(--atdt-font-display);font-weight:600;padding:.6em 1.6em}
.wp-block-button__link:hover{background:var(--atdt-accent);color:var(--atdt-on-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}}

/* =====================================================================
   TEMATS EGEN SVANS: det som designkonceptet "vattenlinjen" kraver.
   Allt harunder vinner over arketypen ovanfor.
   ===================================================================== */

/* --- 1. Typsnitt.
   Marcellus finns BARA i vikt 400 och saknar kursiv. Arketypen satter 600 pa
   rubriker och kursiv display pa citat, vilket hade gett syntetisk fetstil och
   syntetisk kursiv. Alla rubriker satts darfor till 400, citat satts i Faustina
   kursiv (akta), och font-synthesis:none ar sparren. */
html,body{font-synthesis:none}
body{font-size:1.125rem;line-height:1.75}
h1,h2,h3,h4,.entry-title,.site-title,.main-title,.entry-content h2,.entry-content h3,.widget-title{font-family:var(--atdt-font-display);font-weight:400;font-synthesis:none;color:var(--atdt-ink)}
b,strong,.entry-content th{font-weight:700}
.entry-content em,.entry-content i{font-style:italic;font-weight:400}
.entry-content blockquote{font-family:var(--atdt-font-body);font-style:italic;font-weight:400;font-size:1.35rem;color:var(--atdt-accent)}
.entry-content{font-size:1.125rem}
.entry-content h2{font-size:1.75rem;line-height:1.25;margin:2.6em 0 .7em}
.entry-content h3{font-size:1.32rem;line-height:1.3}
.entry-content thead th{text-transform:none;letter-spacing:0;font-size:.95rem}
.atdt-lead{color:var(--atdt-muted)}

/* Rubrikmarket: vattenlinjen i miniatyr. En linje i kallvatten och under den
   en kortare i cedertra, som en spegling. Ersatter arketypens rundade streck. */
.entry-content h2::before{width:36px;height:8px;border-radius:0;opacity:1;margin-bottom:.8em;background:linear-gradient(var(--atdt-accent),var(--atdt-accent)) 0 0/36px 2px no-repeat,linear-gradient(var(--atdt-accent-2),var(--atdt-accent-2)) 0 6px/18px 2px no-repeat}

/* --- 2. Lankar, knappar och fokus. */
a{color:var(--atdt-link);text-decoration-color:color-mix(in srgb,var(--atdt-link) 45%,transparent)}
a:hover,a:focus{color:var(--atdt-link);text-decoration-color:var(--atdt-link);text-decoration-thickness:2px}
a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--atdt-accent-2);outline-offset:3px}
.wp-block-button__link,.button,button{font-weight:400}
/* GeneratePress egen knappregel har specificitet 0,2,1 och vinner annars over
   arketypens .wp-block-button__link, sa att knappen blir GP-gra. */
a.wp-block-button__link:not(.has-background),a.button,.wp-element-button{background:transparent;color:var(--atdt-link)}
a.wp-block-button__link:not(.has-background):hover,a.wp-block-button__link:not(.has-background):focus,a.wp-block-button__link:not(.has-background):active,a.button:hover,a.button:focus{background:var(--atdt-accent);color:var(--atdt-on-accent)}

/* --- 3. Sidhuvud: sajtnamnet i Marcellus till vanster, menyn till hoger, allt
   pa samma angfargade yta som sidan. Ingen linje, ingen lada. */
.site-header{background-color:var(--atdt-bg)}
.inside-header{padding-top:30px;padding-bottom:26px}
.main-title{font-size:1.6rem;letter-spacing:.05em;line-height:1.2}
.main-title a,.main-title a:hover,.main-title a:focus{color:var(--atdt-ink);text-decoration:none}
.main-navigation,.main-navigation ul ul{background-color:var(--atdt-bg)}
.main-navigation .main-nav ul li a,.main-navigation .menu-bar-items a{font-family:var(--atdt-font-body);font-size:1.02rem;color:var(--atdt-ink);text-decoration:none;padding-left:16px;padding-right:16px}
.main-navigation .main-nav ul li:not([class*="current-menu-"]):hover>a,.main-navigation .main-nav ul li:not([class*="current-menu-"]):focus>a,.main-navigation .main-nav ul li.sfHover:not([class*="current-menu-"])>a,.main-navigation .menu-bar-item:hover>a,.main-navigation .menu-bar-item.sfHover>a{color:var(--atdt-accent);background-color:transparent}
.main-navigation .main-nav ul li[class*="current-menu-"]>a{color:var(--atdt-ink);background-color:transparent;background-image:linear-gradient(var(--atdt-accent-2),var(--atdt-accent-2));background-repeat:no-repeat;background-size:calc(100% - 32px) 2px;background-position:16px calc(50% + 17px)}
/* Arketypens button-regel ger annars hamburgaren och sokknappen en pillerram. */
.menu-toggle,.mobile-menu-control-wrapper .menu-toggle,.mobile-menu-control-wrapper .menu-toggle:hover,.mobile-menu-control-wrapper .menu-toggle:focus,.has-inline-mobile-toggle #site-navigation.toggled{background-color:transparent}
button.menu-toggle{border:0;border-radius:0;color:var(--atdt-ink);font-family:var(--atdt-font-body);padding:0 12px}
button.menu-toggle:hover,button.menu-toggle:focus{color:var(--atdt-accent);background:transparent}
.navigation-search input[type="search"],.navigation-search input[type="search"]:active,.navigation-search input[type="search"]:focus{background-color:var(--atdt-surface);color:var(--atdt-ink);font-family:var(--atdt-font-body);opacity:1}
@media (max-width:768px){
	.inside-header{padding-top:20px;padding-bottom:16px}
	.main-navigation .main-nav ul li[class*="current-menu-"]>a{background-position:16px calc(50% + 15px);background-size:28px 2px}
	.has-inline-mobile-toggle #site-navigation.toggled{margin-top:1rem;border-top:1px solid var(--atdt-neutral)}
}

/* --- 4. Laskolumnen. Texten haller 700 px, bilder och kort far ga ut till
   --bp-bred. */
.one-container .site-content{padding-top:24px;padding-bottom:0}
.inside-article{max-width:var(--bp-bred);margin-inline:auto}
.entry-header,.entry-content,.entry-summary,footer.entry-meta,.comments-area,.page-header{max-width:var(--atdt-maxwidth);margin-inline:auto}
.single .entry-header,.page .entry-header{text-align:center;margin-bottom:2.2rem}
.entry-title,.home .entry-content>h1:first-child{font-size:clamp(2.1rem,1.3rem + 3.2vw,3.3rem);line-height:1.14;letter-spacing:.01em;text-wrap:balance}
.entry-header .entry-meta{color:var(--atdt-muted);font-size:.98rem;margin-top:1rem}
.entry-header .entry-meta a,footer.entry-meta a{color:var(--atdt-muted)}
footer.entry-meta{color:var(--atdt-muted);font-size:.98rem;margin-top:3rem;padding-top:1.2rem;border-top:1px solid var(--atdt-neutral)}
.featured-image.page-header-image-single,.inside-article>.featured-image{margin:0 0 2.6rem}
/* En staende utvald bild far inte bli hogre an skarmen: beskar till liggande. */
.featured-image.page-header-image-single img{display:block;width:100%;max-height:min(70vh,620px);object-fit:cover;border-radius:var(--atdt-radius)}
/* Kittets komponent .atdt-hero ar display:grid med tva kolumner. Fotokreditens
   figure bar samma klassnamn, sa utan den har raden hamnar bildtexten bredvid
   bilden i stallet for under den. */
figure.atdt-hero{display:block;padding:0}
.atdt-hero img{border-radius:var(--atdt-radius);box-shadow:0 26px 60px -34px color-mix(in srgb,var(--atdt-ink) 55%,transparent)}
.entry-content figure img,.entry-content .wp-block-image img{border-radius:var(--atdt-radius)}
.entry-content figcaption,.wp-block-image figcaption{font-size:.85rem;color:var(--atdt-muted);text-align:center;font-style:italic;margin-top:.7rem}
.entry-content table{background:var(--atdt-surface);border-radius:12px}
.entry-content ul,.entry-content ol{margin-left:1.4em}
.entry-content li{margin-bottom:.45em}
/* GeneratePress skriver ut bade andrings- och publiceringsdatum sa snart ett
   inlagg uppdaterats. Dolj andringsdatumet, behall det publicerade. */
.entry-meta .updated:not(.published){display:none}

/* --- 5. Startsidan. Sidans eget innehall ar ingressen, centrerad. Under den
   en krusning och sedan artikelkorten. */
.home .entry-content>h1:first-child{text-align:center;margin:1.2rem 0 1.4rem}
.home .entry-content>h1:first-child+p{font-size:1.3rem;line-height:1.65;color:var(--atdt-muted);text-align:center;text-wrap:pretty}
@media (max-width:600px){.home .entry-content>h1:first-child+p{font-size:1.15rem}}
.bp-vidare{max-width:var(--bp-bred);margin:3.4rem auto 0}
.bp-krusning{display:block;width:100%;height:18px;margin:0 0 3rem;overflow:visible}
.bp-krusning path{fill:none;stroke:var(--atdt-accent);stroke-width:1.5;opacity:.55}
.bp-vidare__rubrik{font-family:var(--atdt-font-display);font-weight:400;font-size:1.75rem;text-align:center;margin:0 0 2rem}
.bp-kortrad{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.6rem}
.bp-kort{position:relative;display:flex;flex-direction:column;background:var(--atdt-surface);border-radius:var(--atdt-radius);overflow:hidden}
.bp-kort__bild .atdt-hero{margin:0}
.bp-kort__bild img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:0;box-shadow:none}
.bp-kort__bild .atdt-fotocred{text-align:left;font-size:.78rem;margin:.55rem 0 0;padding:0 1.5rem}
.bp-kort__text{padding:1.1rem 1.5rem 1.6rem}
.bp-kort__titel{font-family:var(--atdt-font-display);font-weight:400;font-size:1.32rem;line-height:1.25;margin:0 0 .55rem}
.bp-kort__titel a{color:var(--atdt-ink);text-decoration:none}
.bp-kort__titel a::after{content:"";position:absolute;inset:0}
.bp-kort:hover .bp-kort__titel a,.bp-kort__titel a:focus{color:var(--atdt-accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.bp-kort__utdrag{margin:0;color:var(--atdt-muted);font-size:1rem;line-height:1.6}
.bp-vidare__alla{text-align:center;margin:2.4rem 0 0}
@media (min-width:860px){
	.bp-kort--forst{grid-column:1/-1;flex-direction:row;align-items:stretch}
	.bp-kort--forst .bp-kort__bild{flex:0 0 56%}
	.bp-kort--forst .bp-kort__bild img{aspect-ratio:16/10}
	.bp-kort--forst .bp-kort__text{display:flex;flex-direction:column;justify-content:center;padding:2rem 2.4rem}
	.bp-kort--forst .bp-kort__titel{font-size:2rem;line-height:1.18;margin-bottom:.9rem}
	.bp-kort--forst .bp-kort__utdrag{font-size:1.1rem}
}

/* --- 6. Arkivet (bloggsidan, kategori, sok): rader med bilden till vanster. */
.bp-arkivhuvud{max-width:var(--atdt-maxwidth);margin:1.2rem auto 2.6rem;text-align:center}
.bp-arkivhuvud__ingress{color:var(--atdt-muted);font-size:1.2rem;line-height:1.65;margin-top:1rem}
.bp-arkivhuvud__ingress p:last-child{margin-bottom:0}
.blog .site-main>article .inside-article,.archive .site-main>article .inside-article,.search-results .site-main>article .inside-article{padding:2rem 0;border-top:1px solid var(--atdt-neutral)}
.blog .entry-header,.archive .entry-header,.search-results .entry-header,.blog .entry-summary,.archive .entry-summary,.search-results .entry-summary{max-width:none;margin-inline:0;text-align:left}
.blog .entry-title,.archive .entry-title,.search-results .entry-title{font-size:1.7rem;line-height:1.2}
.blog .entry-title a,.archive .entry-title a,.search-results .entry-title a{color:var(--atdt-ink);text-decoration:none}
.blog .entry-title a:hover,.archive .entry-title a:hover,.search-results .entry-title a:hover{color:var(--atdt-accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.blog .post-image,.archive .post-image,.search-results .post-image{margin:0 0 1.2rem}
.blog .post-image .atdt-hero,.archive .post-image .atdt-hero{margin:0}
.blog .post-image img,.archive .post-image img,.search-results .post-image img{aspect-ratio:3/2;object-fit:cover;width:100%;box-shadow:none}
.blog footer.entry-meta,.archive footer.entry-meta,.search-results footer.entry-meta{max-width:none;margin:1rem 0 0;padding-top:0;border-top:0}
.read-more{white-space:nowrap}
@media (min-width:760px){
	.blog .inside-article:has(.post-image),.archive .inside-article:has(.post-image),.search-results .inside-article:has(.post-image){display:grid;grid-template-columns:minmax(0,320px) minmax(0,1fr);column-gap:2.4rem;align-items:start}
	.blog .inside-article:has(.post-image)>.post-image,.archive .inside-article:has(.post-image)>.post-image,.search-results .inside-article:has(.post-image)>.post-image{grid-column:1;grid-row:1/span 6;margin:0}
	.blog .inside-article:has(.post-image)>:not(.post-image),.archive .inside-article:has(.post-image)>:not(.post-image),.search-results .inside-article:has(.post-image)>:not(.post-image){grid-column:2}
}

/* --- 7. Under ytan: vattenlinjen och den morka sidfoten.
   Accenten far aldrig bara text har (2,17 mot det morka bandet). Lankar satts
   i --atdt-link-on-deep (9,90) och text i --atdt-on-deep (11,33). */
.atdt-vattenlinje{display:block;width:100%;height:44px;margin:4.5rem 0 -1px;overflow:visible}
.atdt-vattenlinje .yta{fill:none;stroke:var(--atdt-accent);stroke-width:1.5}
.atdt-vattenlinje .djup{fill:var(--atdt-deep)}
.site-footer{background-color:var(--atdt-deep);color:var(--atdt-on-deep)}
.site-info{background-color:transparent;color:var(--atdt-on-deep);font-size:.95rem}
.inside-site-info{padding-top:10px;padding-bottom:46px}
.site-info a,.site-info a:hover,.atdt-footer-nav a,.atdt-footer-nav a:hover,.atdt-footer-nav a:focus{color:var(--atdt-link-on-deep);text-decoration-color:color-mix(in srgb,var(--atdt-link-on-deep) 50%,transparent)}
.atdt-footer-nav a:hover,.atdt-footer-nav a:focus{text-decoration-color:var(--atdt-link-on-deep)}
.atdt-footer-nav{padding:34px 40px 8px;text-align:center}
.atdt-footer-menu{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem 2rem;font-size:1rem}
.site-footer a:focus-visible{outline-color:var(--atdt-link-on-deep)}

/* --- 8. Rorelse: bara en mjuk overgang pa lankfarg, och ingen alls for den
   som bett om det. */
.bp-kort__titel a,.main-navigation .main-nav ul li a{transition:color .15s}
.atdt-card{transition:none}
.atdt-card:hover{transform:none}
@media (prefers-reduced-motion:reduce){*{transition:none !important}}