/*
Theme Name: ATDT Snyggaste.se
Description: GeneratePress-barntema (tunt identitetslager) för snyggaste.se, en lekfull och visuell tjänst där besökaren väljer det snyggaste huset ur två åt gången. Arketyp C (lekfullt), paletten Duellen (gräddvit puts, sotsvart, faluröd för rött hörn, fönsterblå för blått hörn och en solgul eller-skiva), Shrikhand och Sen, motivet två hus med "eller?" mellan dem och en gata av hussilhuetter i sidfoten. Komponenter ligger i pluginet atdt-theme-kit.
Author: Atdt AB
Template: generatepress
Version: 1.0.1
Text Domain: atdt-gp-snyggaste-se
*/

/* ===== ARKETYP C, LEKFULLT/SAFTIGT (runt, inbjudande, fyllda kort) ===== */
body{background:var(--atdt-bg);color:var(--atdt-ink);font-family:var(--atdt-font-body);line-height:1.68}
.entry-content{font-size:1.05rem}
.atdt-lead{font-size:1.2rem;line-height:1.55}
h1,.entry-title,.site-title{font-family:var(--atdt-font-display);font-weight:700;letter-spacing:-.01em;line-height:1.12}
.entry-content h2{font-family:var(--atdt-font-display);font-weight:700;font-size:1.5rem;line-height:1.25;margin:2.2em 0 .7em;display:inline-block;background:linear-gradient(transparent 60%,color-mix(in srgb,var(--atdt-accent-2) 55%,transparent) 60%);padding:0 .14em}
.entry-content h3{font-family:var(--atdt-font-display);font-weight:700;font-size:1.2rem;margin-top:1.6em}
a{color:var(--atdt-accent);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px;text-decoration-color:var(--atdt-accent-2)}
a:hover{color:var(--atdt-accent-2)}
.atdt-hero{margin:0 0 2rem}
.atdt-hero img{width:100%;height:auto;border-radius:22px;display:block;box-shadow:0 18px 40px -18px rgba(0,0,0,.35)}
.atdt-hero figcaption,.atdt-fotocred{display:inline-block;font-family:var(--atdt-font-body);font-size:.76rem;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) 13%,var(--atdt-surface));border:0;border-radius:18px;padding:1.3rem 1.4rem;box-shadow:0 8px 20px -14px rgba(0,0,0,.3);transition:transform .15s,box-shadow .15s}
.atdt-card:hover{transform:translateY(-3px);box-shadow:0 16px 32px -16px rgba(0,0,0,.4)}
.atdt-card h3{margin-top:0;color:var(--atdt-accent)}
.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)}
.entry-content thead th{background:var(--atdt-accent);color:var(--atdt-on-accent);font-family:var(--atdt-font-display)}
.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) 8%,var(--atdt-surface))}
.entry-content blockquote{border:0;background:color-mix(in srgb,var(--atdt-accent-2) 16%,var(--atdt-surface));border-radius:16px;margin:1.6em 0;padding:1em 1.3em}
.wp-block-button__link,.button,button{background:var(--atdt-accent);color:var(--atdt-on-accent);border-radius:999px;font-family:var(--atdt-font-display);font-weight:700;padding:.55em 1.4em}

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

/* ===== SNYGGASTE.SE: DUELLEN (identitetslager ovanpå arketyp C) ===== */
/* Shrikhand har en vikt, så ingen syntetisk fetstil på rubriker. */
h1,h2,h3,h4,.entry-title,.site-title,.main-title,.page-title{font-weight:400;font-synthesis:none}
html{background:var(--atdt-footer-bg)}
body{font-size:17px;background:var(--atdt-bg);font-variation-settings:normal}
::selection{background:var(--atdt-sol);color:var(--atdt-ink)}
:focus-visible{outline:3px solid var(--atdt-accent-2);outline-offset:3px}

/* Arketypens markering under h2 i solgult i stället för accent-2. */
.entry-content h2{background:linear-gradient(transparent 62%,var(--atdt-sol) 62%);color:var(--atdt-ink)}
.entry-content a{color:var(--atdt-accent);text-decoration-color:var(--atdt-sol);text-decoration-thickness:3px}
.entry-content a:hover{color:var(--atdt-accent-2);text-decoration-color:var(--atdt-accent-2)}

/* Sidhuvud: husmärke och namn, prickad takfotslinje under. */
.site-header{background:var(--atdt-bg);border-bottom:0;position:relative}
.site-header::after{content:"";position:absolute;left:0;right:0;bottom:0;height:6px;background:repeating-linear-gradient(90deg,var(--atdt-accent) 0 28px,var(--atdt-sol) 28px 40px,var(--atdt-accent-2) 40px 68px,var(--atdt-sol) 68px 80px)}
.inside-header{padding-top:20px;padding-bottom:24px}
.main-title{margin:0;line-height:1}
.main-title a{display:inline-flex;align-items:center;gap:.6rem;text-decoration:none;color:var(--atdt-ink)}
.sg-logo__hus{width:42px;height:42px;flex:none;transition:transform .2s}
.sg-logo{font-family:var(--atdt-font-display);font-size:2rem;line-height:1;letter-spacing:.005em;color:var(--atdt-ink)}
.main-title a:hover .sg-logo__hus{transform:rotate(-8deg) scale(1.06)}
.main-title a:hover .sg-logo{color:var(--atdt-accent)}
.site-description{font-size:.86rem;color:var(--atdt-muted)}

/* Huvudmeny: rundade pillerlänkar, aktiv post i solgult. */
.main-navigation,.main-navigation ul ul{background:var(--atdt-bg)}
.main-navigation .main-nav ul li a{font-family:var(--atdt-font-body);font-weight:700;font-size:.98rem;color:var(--atdt-ink);line-height:2.6;padding-left:16px;padding-right:16px;border-radius:999px}
.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);background:var(--atdt-sol)}
.menu-toggle,.main-navigation .menu-toggle{background:var(--atdt-ink);color:var(--atdt-bg);border-radius:999px;font-family:var(--atdt-font-body);font-weight:700;padding:0 1.2rem}
.main-navigation .main-nav ul ul li a{border-radius:0}

/* Innehållsytan: ingen sidopanel, en behållare på putsen. */
.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:48px 40px 80px}
.entry-content{max-width:var(--atdt-maxwidth)}
.single .inside-article,.page .inside-article{max-width:52rem;margin:0 auto}
.entry-title,.page-title{font-size:clamp(2.3rem,5.6vw,3.9rem);line-height:1.08;color:var(--atdt-ink);margin-bottom:.35em;overflow-wrap:break-word}
.entry-header{margin-bottom:1.6rem}
.entry-meta{font-size:.9rem;color:var(--atdt-muted)}
.entry-content p{margin-bottom:1.3em}
.entry-content hr{border:0;height:6px;background:radial-gradient(circle,var(--atdt-neutral) 3px,transparent 3.5px) 0 0/18px 6px repeat-x}

/* Utvald bild på enskilda sidor: ett vykort, vit ram och en lätt lutning. */
.single .post-image,.page .post-image,.single .featured-image,.page .featured-image{margin:0 0 2.2rem}
.single .post-image img,.page .post-image img,.single .featured-image img,.page .featured-image img,.atdt-hero img{border:10px solid var(--atdt-surface);border-radius:var(--atdt-radius);box-shadow:var(--atdt-shadow);transform:rotate(-.6deg)}

/* ===== Duellen: startsidans scen och plats för jämförelsevyn =====
   Kontrakt för en kommande röstningsvy: .sg-duell__arena > .sg-duell__sida
   (figure eller button, --a och --b) + .sg-duell__eller. Bilden läggs i
   .sg-duell__bild som håller 4:3 och beskär med object-fit. */
.sg-duell{display:grid;grid-template-columns:minmax(0,1fr);gap:2.4rem;margin:0 0 3.2rem;text-align:center}
.sg-duell__text{max-width:60rem;margin:0 auto}
.sg-duell__ingress{max-width:36rem;margin-left:auto!important;margin-right:auto!important}
.sg-duell__fraga{display:inline-block;margin:0 0 1rem;padding:.35rem 1rem;border-radius:999px;background:var(--atdt-ink);color:var(--atdt-bg);font-weight:700;font-size:.95rem;letter-spacing:.02em}
.sg-duell__rubrik{font-family:var(--atdt-font-display);font-size:clamp(2.5rem,10.5vw,6rem);line-height:1.05;margin:0 0 .3em;color:var(--atdt-ink);overflow-wrap:normal;word-break:normal;hyphens:manual;padding:0 .1em}
.sg-duell__ingress{font-size:1.15rem;line-height:1.55;color:var(--atdt-muted);margin:0}
.sg-duell__arena{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:clamp(.6rem,2.4vw,1.8rem);max-width:68rem;width:100%;margin:0 auto}
.sg-duell__sida{position:relative;margin:0;padding:12px 12px 52px;border-radius:var(--atdt-radius);box-shadow:var(--atdt-shadow);transition:transform .2s,box-shadow .2s;font:inherit;color:inherit;text-align:center;border:0;cursor:default}
.sg-duell__sida--a{background:var(--atdt-korall);transform:rotate(-2.2deg)}
.sg-duell__sida--b{background:var(--atdt-himmel);transform:rotate(2.2deg)}
button.sg-duell__sida,a.sg-duell__sida{cursor:pointer}
button.sg-duell__sida:hover,a.sg-duell__sida:hover,.sg-duell__sida:focus-visible{transform:rotate(0) translateY(-6px) scale(1.02);box-shadow:0 26px 44px -22px rgba(38,32,31,.55)}
.sg-duell__bild{aspect-ratio:4/3;border-radius:calc(var(--atdt-radius) - 8px);overflow:hidden;background:var(--atdt-surface)}
.sg-duell__bild svg,.sg-duell__bild img{display:block;width:100%;height:100%;object-fit:cover}
.sg-duell__sida--a .sg-duell__bild{background:#FFEDE7}
.sg-duell__sida--b .sg-duell__bild{background:#E6F2FA}
.sg-duell__etikett{position:absolute;left:0;right:0;bottom:10px;font-family:var(--atdt-font-display);font-size:1.6rem;line-height:1}
.sg-duell__sida--a .sg-duell__etikett{color:var(--atdt-accent)}
.sg-duell__sida--b .sg-duell__etikett{color:var(--atdt-accent-2)}
.sg-duell__eller{display:flex;align-items:center;justify-content:center;width:clamp(4.4rem,9vw,6.4rem);aspect-ratio:1;border-radius:50%;background:var(--atdt-sol);color:var(--atdt-ink);font-family:var(--atdt-font-display);font-size:clamp(1rem,2.2vw,1.45rem);line-height:1;box-shadow:0 0 0 6px var(--atdt-bg),0 10px 24px -10px rgba(38,32,31,.5);transform:rotate(-8deg);z-index:1}

/* Rubrik ovanför listan på startsidan. */
.sg-listrubrik{grid-column:1/-1;font-family:var(--atdt-font-display);font-size:clamp(1.7rem,3.6vw,2.4rem);margin:0 0 .4rem;color:var(--atdt-ink)}

/* Listor (blogg, arkiv, sök): vykort med bilden först, varannat lutar åt varsitt håll. */
.blog .site-main,.archive .site-main,.search .site-main{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem 1.8rem}
.blog .site-main>.page-header,.archive .site-main>.page-header,.search .site-main>.page-header,.site-main>.paging-navigation,.site-main>nav,.blog .site-main>.sg-duell{grid-column:1/-1}
.blog .site-main article,.archive .site-main article,.search .site-main article{margin:0;background:var(--atdt-surface);border-radius:var(--atdt-radius);box-shadow:var(--atdt-shadow);overflow:hidden;transition:transform .18s,box-shadow .18s}
.blog .site-main article:nth-of-type(odd),.archive .site-main article:nth-of-type(odd),.search .site-main article:nth-of-type(odd){transform:rotate(-.8deg)}
.blog .site-main article:nth-of-type(even),.archive .site-main article:nth-of-type(even),.search .site-main article:nth-of-type(even){transform:rotate(.8deg)}
.blog .site-main article:hover,.archive .site-main article:hover,.search .site-main article:hover{transform:rotate(0) translateY(-5px);box-shadow:0 26px 44px -22px rgba(38,32,31,.55)}
.blog .site-main article .inside-article,.archive .site-main article .inside-article,.search .site-main article .inside-article{padding:0 0 1.5rem;display:flex;flex-direction:column}
.blog .post-image,.archive .post-image,.search .post-image{order:-1;margin:0 0 1.1rem}
.blog .post-image img,.archive .post-image img,.search .post-image img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
.blog .site-main article .entry-header,.archive .site-main article .entry-header,.search .site-main article .entry-header,.blog .entry-summary,.archive .entry-summary,.search .entry-summary,.blog footer.entry-meta,.archive footer.entry-meta,.search footer.entry-meta{padding:0 1.4rem}
.blog .entry-title,.archive .entry-title,.search .entry-title{font-size:1.5rem;line-height:1.15;margin:0 0 .4rem}
.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.2rem)}
.paging-navigation .nav-links>*{font-weight:700;border-radius:999px;padding:.35rem .9rem;margin-right:.4rem;background:var(--atdt-surface);color:var(--atdt-ink);text-decoration:none;box-shadow:0 6px 14px -10px rgba(38,32,31,.5)}
.paging-navigation .nav-links .current{background:var(--atdt-ink);color:var(--atdt-bg)}

/* Sökformulär (sökresultat och 404). */
.search-form{display:flex;max-width:32rem;gap:.5rem}
.search-form .search-field{flex:1;border:2px solid var(--atdt-ink);border-radius:999px;background:var(--atdt-surface);color:var(--atdt-ink);font-family:var(--atdt-font-body);padding:.7rem 1.1rem}
.search-form .search-submit,.search-form button{background:var(--atdt-accent);color:var(--atdt-on-accent);border:0;border-radius:999px;padding:.7rem 1.2rem}
.search-form .search-submit:hover,.search-form button:hover,.wp-block-button__link:hover,.button:hover,button:hover{background:var(--atdt-accent-2);color:var(--atdt-on-accent)}
.no-results .inside-article,.error404 .inside-article{text-align:left}

/* Sidfotens gata: hussilhuetter mot kvällsblått. */
.sg-gatan{background:var(--atdt-bg);margin-top:3rem;line-height:0}
.sg-gatan svg{display:block}
.site-footer{background:var(--atdt-footer-bg);color:var(--atdt-footer-ink);border-top:0}

/* Sidfoten: GP:s inre ytor nollade, egen rad. */
.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.6rem 40px 2.4rem}
.site-footer .copyright-bar{font-size:.92rem;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-weight:700;font-size:.92rem;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:768px){
	.one-container .site-content{padding:32px 20px 56px}
	.inside-header{padding-left:20px;padding-right:20px}
	.sg-logo{font-size:1.6rem}
	.sg-logo__hus{width:34px;height:34px}
	.sg-duell{gap:1.8rem;margin-bottom:2.4rem}
	.sg-duell__sida{padding:8px 8px 40px}
	.sg-duell__etikett{font-size:1.3rem;bottom:8px}
	.sg-duell__eller{box-shadow:0 0 0 4px var(--atdt-bg),0 8px 18px -8px rgba(38,32,31,.5)}
	.site-footer .inside-site-info{padding:1.4rem 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;border-radius:0}
}
@media (max-width:520px){
	.sg-duell__arena{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"a b" "eller eller";row-gap:0}
	.sg-duell__sida--a{grid-area:a}
	.sg-duell__sida--b{grid-area:b}
	.sg-duell__eller{grid-area:eller;justify-self:center;margin-top:-1.6rem}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}