/*
Theme Name: ATDT casablanca-se
Description: GeneratePress-barntema (tunt identitetslager) for casablanca.se. Arketyp B. Komponenter ligger i pluginet atdt-theme-kit. Del av ATDT-natverkets temarkitektur. TODO: forfina beskrivningen per sajt.
Author: Atdt AB
Template: generatepress
Version: 1.0.1
*/


/* ===== ARKETYP B — EDITORIAL MAGASIN (serif, luftigt, raffinerat) ===== */
body{background:var(--atdt-bg);color:var(--atdt-ink);font-family:var(--atdt-font-body);line-height:1.78}
.entry-content{font-size:1.07rem}
.atdt-lead{font-size:1.24rem;line-height:1.6;color:var(--atdt-ink)}
.entry-content .atdt-lead::first-letter{font-family:var(--atdt-font-display);font-size:3.2rem;line-height:.78;float:left;padding:.04em .12em 0 0;color:var(--atdt-accent);font-weight:700}
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:600;font-size:1.7rem;line-height:1.2;margin:2.6em 0 .55em;padding-top:.85em;border-top:1px solid var(--atdt-neutral)}
.entry-content h3{font-family:var(--atdt-font-display);font-weight:600;font-size:1.24rem;margin-top:1.6em}
a{color:var(--atdt-ink);text-decoration:underline;text-decoration-color:var(--atdt-accent);text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{color:var(--atdt-accent)}
.atdt-hero{margin:0 0 2rem}
.atdt-hero img{width:100%;height:auto;border-radius:0;display:block}
.atdt-hero figcaption,.atdt-fotocred{display:block;font-family:var(--atdt-font-body);font-style:italic;font-size:.85rem;color:var(--atdt-muted);margin-top:.6rem;text-align:center}
.atdt-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem 2rem;margin:2.2rem 0}
.atdt-card{background:transparent;border:0;border-top:1px solid var(--atdt-ink);border-radius:0;padding:.9rem 0 0}
.atdt-card h3{margin:0 0 .3rem;font-size:1.2rem}
.atdt-card a{text-decoration:none}
.atdt-card h3 a::after{content:" \2192";color:var(--atdt-accent);opacity:0;transition:opacity .15s}
.atdt-card:hover h3 a::after{opacity:1}
.entry-content table{width:100%;border-collapse:collapse;margin:1.8em 0;font-size:.98rem}
.entry-content thead th{border-bottom:2px solid var(--atdt-ink);text-transform:uppercase;letter-spacing:.06em;font-size:.78rem;font-family:var(--atdt-font-body)}
.entry-content th,.entry-content td{padding:.7em .6em;border-bottom:1px solid var(--atdt-neutral);text-align:left}
.entry-content blockquote{border:0;border-left:2px solid var(--atdt-accent);margin:1.8em 0;padding:.15em 0 .15em 1.4em;font-family:var(--atdt-font-display);font-style:italic;font-size:1.32rem;line-height:1.4;color:var(--atdt-ink)}
.wp-block-button__link,.button,button{background:transparent;color:var(--atdt-accent);border:1px solid var(--atdt-accent);border-radius:0;font-family:var(--atdt-font-body);letter-spacing:.04em}
.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}}

/* ===== Casablanca.se — sajtspecifika tillagg (arketyp B) ===== */
/* Eget filmrems-motiv i sidfoten (unik signatur for klassisk film) */
.atdt-filmstrip{width:100%;max-width:var(--atdt-maxwidth);margin:0 auto;padding:1.4rem 1rem 0;color:var(--atdt-accent-2);opacity:.85}
.atdt-filmstrip svg{display:block;width:100%;height:22px}
/* Site-titel i filmaffisch-anda */
.site-title,.site-title a{font-family:var(--atdt-font-display);font-weight:900;letter-spacing:.01em}
.main-navigation,.menu-item a{font-family:var(--atdt-font-body);letter-spacing:.02em}
/* Ingress lite varmare */
.atdt-lead{color:var(--atdt-ink)}
/* Faktaruta for filmdata (anvands pa artiklar) */
.atdt-fact{background:var(--atdt-surface);border:1px solid var(--atdt-neutral);border-left:3px solid var(--atdt-accent-2);padding:1.1rem 1.3rem;margin:2rem 0;font-size:.97rem}
.atdt-fact h3{margin:.1rem 0 .6rem;font-size:1.05rem;text-transform:uppercase;letter-spacing:.07em;font-family:var(--atdt-font-body);color:var(--atdt-accent)}
.atdt-fact dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:.3rem .9rem}
.atdt-fact dt{font-weight:700;color:var(--atdt-muted)}
.atdt-fact dd{margin:0}
/* Inline-figurer (varianter) */
.entry-content figure.wp-block-image{margin:1.8rem 0}
.entry-content figure.wp-block-image figcaption{font-style:italic;font-size:.85rem;color:var(--atdt-muted);text-align:center;margin-top:.4rem}

/* Byline (författare + datum) på enkla inlägg */
.alk-byline{display:flex;gap:.5ch;align-items:baseline;justify-content:center;margin:.4rem 0 1.6rem;font-family:var(--atdt-font-mono);font-size:.82rem;letter-spacing:.04em;color:var(--atdt-muted);text-transform:uppercase}
.alk-byline p{margin:0}
.alk-byline .wp-block-post-author-name{color:var(--atdt-accent)}
.alk-byline .alk-byline-sep{opacity:.6}
/* Mobil overflow-guard (tredjeparts consent-modal m.m. ska aldrig ge sidoscroll) */
html{overflow-x:clip}
