/*
Theme Name: ATDT GP Kulturnatt.se
Theme URI: https://www.kulturnatt.se/
Description: Unikt GeneratePress-barntema for kulturnatt.se. Arketyp I (Broadsheet/Newsroom) med midnatts-indigo masthuvud, varmt tidningspapper och barnstensaccent. Kvalls- och nattkultur.
Author: Redaktionen
Template: generatepress
Version: 1.0.0
*/

/* ===== ARKETYP I - BROADSHEET (tidnings-/magasingrid: kultur, redaktionellt tatt) ===== */
body{background:var(--atdt-bg);color:var(--atdt-ink);font-family:var(--atdt-font-body);line-height:1.7}
.entry-content{font-size:1.06rem}
.atdt-lead,.entry-content > .atdt-lead{font-size:1.24rem;line-height:1.55;font-weight:500;color:#2a2545}
h1,.entry-title,.site-title{font-family:var(--atdt-font-display);font-weight:900;letter-spacing:-.01em;line-height:1.08}
.entry-content h2{font-family:var(--atdt-font-display);font-weight:700;font-size:1.55rem;text-transform:uppercase;letter-spacing:.02em;margin:2.4em 0 .7em;padding:.45em 0;border-top:3px solid var(--atdt-ink);border-bottom:1px solid var(--atdt-ink)}
.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: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:0;display:block}
.atdt-hero figcaption,.atdt-fotocred{display:block;font-family:var(--atdt-font-mono);font-size:.74rem;letter-spacing:.02em;color:var(--atdt-muted);margin-top:.5rem;border-left:3px solid var(--atdt-accent);padding-left:.6em;text-transform:none}
.atdt-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:0;margin:2rem 0;border-top:1px solid var(--atdt-ink)}
.atdt-card{background:transparent;border:0;border-bottom:1px solid var(--atdt-neutral);border-right:1px solid var(--atdt-neutral);border-radius:0;padding:1.1rem 1.3rem 1.4rem}
.atdt-card h3{margin:.2rem 0 .4rem;font-size:1.2rem;font-family:var(--atdt-font-display);font-weight:700}
.atdt-card a{text-decoration:none}
.atdt-card:hover h3{color:var(--atdt-accent)}
.atdt-card .kn-kicker{font-family:var(--atdt-font-mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--atdt-accent)}
.entry-content table{width:100%;border-collapse:collapse;margin:1.6em 0;font-size:.97rem}
.entry-content thead th{border-top:2px solid var(--atdt-ink);border-bottom:2px solid var(--atdt-ink);text-transform:uppercase;letter-spacing:.04em;font-size:.78rem;font-family:var(--atdt-font-mono)}
.entry-content th,.entry-content td{padding:.6em .7em;border-bottom:1px solid var(--atdt-neutral);text-align:left;vertical-align:top}
.entry-content blockquote{border:0;border-left:4px solid var(--atdt-accent);margin:1.7em 0;padding:.3em 0 .3em 1.2em;font-family:var(--atdt-font-display);font-size:1.3rem;line-height:1.4;font-weight:600;color:var(--atdt-accent-2)}
.wp-block-button__link,.button,button{background:var(--atdt-ink);color:var(--atdt-night-ink);border-radius:0;font-family:var(--atdt-font-mono);font-weight:600;text-transform:uppercase;letter-spacing:.05em;font-size:.82rem}
.wp-block-button__link:hover{background:var(--atdt-accent);color:#1a1330}

/* ===== Midnatts-masthuvud (site header) ===== */
.site-header{
  background:radial-gradient(1200px 380px at 78% -120px,#26204f 0%,rgba(38,32,79,0) 60%),
             linear-gradient(180deg,#0E1130 0%,#16143a 100%);
  position:relative;overflow:hidden;border-bottom:3px solid var(--atdt-accent)}
.site-header::before{content:"";position:absolute;inset:0;opacity:.7;pointer-events:none;
  background-image:
    radial-gradient(1.4px 1.4px at 12% 30%,var(--atdt-star) 50%,transparent 52%),
    radial-gradient(1.1px 1.1px at 28% 64%,#fff 50%,transparent 52%),
    radial-gradient(1.3px 1.3px at 46% 22%,var(--atdt-star) 50%,transparent 52%),
    radial-gradient(1px 1px at 63% 56%,#fff 50%,transparent 52%),
    radial-gradient(1.5px 1.5px at 84% 34%,var(--atdt-star) 50%,transparent 52%),
    radial-gradient(1px 1px at 92% 70%,#fff 50%,transparent 52%),
    radial-gradient(1.2px 1.2px at 36% 80%,#fff 50%,transparent 52%),
    radial-gradient(1.3px 1.3px at 72% 18%,var(--atdt-star) 50%,transparent 52%)}
.site-header .inside-header{position:relative;z-index:2}
.main-title,.site-title,.site-header a{color:var(--atdt-night-ink) !important}
.main-title a{font-family:var(--atdt-font-display);font-weight:900;letter-spacing:-.015em}
.site-description{color:var(--atdt-star) !important;font-family:var(--atdt-font-mono);text-transform:uppercase;letter-spacing:.16em;font-size:.72rem;opacity:.95}

/* Navigation: midnatt, ljusa lankar, barnstens-hover */
.main-navigation,.main-navigation .inside-navigation{background:#0b0e26}
.main-navigation .main-nav ul li a{color:var(--atdt-night-ink);font-family:var(--atdt-font-mono);text-transform:uppercase;letter-spacing:.07em;font-size:.8rem}
.main-navigation .main-nav ul li a:hover,.main-navigation .main-nav ul li.current-menu-item > a{color:#0b0e26;background:var(--atdt-accent)}
.main-navigation .menu-bar-items .menu-bar-item > a{color:var(--atdt-night-ink)}
button.menu-toggle,.main-navigation .menu-toggle{color:var(--atdt-night-ink)}

/* ===== Hemsidans intro (statisk hero, INTE en dubblettbild) ===== */
.kn-hero{background:linear-gradient(180deg,#0E1130 0%,#1a1748 100%);color:var(--atdt-night-ink);
  position:relative;overflow:hidden;margin:0 0 2.4rem;padding:3.2rem 2rem 3rem;text-align:center;border-bottom:3px solid var(--atdt-accent)}
.kn-hero::before{content:"";position:absolute;inset:0;opacity:.65;pointer-events:none;
  background-image:
    radial-gradient(1.6px 1.6px at 16% 28%,var(--atdt-star) 50%,transparent 52%),
    radial-gradient(1.2px 1.2px at 33% 66%,#fff 50%,transparent 52%),
    radial-gradient(1.3px 1.3px at 52% 20%,var(--atdt-star) 50%,transparent 52%),
    radial-gradient(1px 1px at 69% 52%,#fff 50%,transparent 52%),
    radial-gradient(1.6px 1.6px at 85% 32%,var(--atdt-star) 50%,transparent 52%),
    radial-gradient(1px 1px at 24% 84%,#fff 50%,transparent 52%),
    radial-gradient(1.2px 1.2px at 78% 78%,#fff 50%,transparent 52%)}
.kn-hero > *{position:relative;z-index:2}
.kn-hero .kn-moon{width:64px;height:64px;margin:0 auto 1rem;display:block;color:var(--atdt-star)}
.kn-hero h1,.kn-hero .kn-title{font-family:var(--atdt-font-display);font-weight:900;font-size:clamp(2.1rem,5vw,3.4rem);line-height:1.04;color:var(--atdt-night-ink);margin:.2rem 0 .6rem}
.kn-hero .kn-sub{font-size:1.18rem;max-width:44ch;margin:0 auto;color:#d8d2ee}
.kn-hero .kn-kicker{font-family:var(--atdt-font-mono);text-transform:uppercase;letter-spacing:.22em;font-size:.74rem;color:var(--atdt-star)}

/* Sektionsrubrik pa hemsidan */
.kn-section-title{font-family:var(--atdt-font-display);font-weight:900;text-transform:uppercase;letter-spacing:.03em;font-size:1.5rem;border-top:3px solid var(--atdt-ink);border-bottom:1px solid var(--atdt-ink);padding:.4em 0;margin:2.4em 0 .2em}

/* Faktaruta */
.kn-fact{background:#fff;border:1px solid var(--atdt-neutral);border-top:4px solid var(--atdt-accent);padding:1.1rem 1.3rem;margin:1.8em 0}
.kn-fact h3{margin-top:0;font-family:var(--atdt-font-display)}

/* ===== Sidfot: midnattsband med stjarnor ===== */
.site-footer,.site-info{background:#0b0e26;color:#c9c3e0}
.site-footer a,.site-info a{color:var(--atdt-star)}
.atdt-stage{display:block;width:100%;height:30px;margin-top:2.6rem;color:var(--atdt-accent);opacity:.6}

/* 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}
  .kn-hero{padding:2.4rem 1.1rem}
}