/* ============================================================
   Hudik Lasergravyr – tema-CSS
   Färgerna ändras enklast i Utseende → Redigerare → Stilar → Färger.
   Mörka lägets färger står här nedanför.
   ============================================================ */

/* ---------- Mörkt läge ---------- */
:root[data-theme="dark"],:root[data-theme="dark"] body{--wp--preset--color--bakgrund:#0E0F11;--wp--preset--color--yta:#141518;--wp--preset--color--yta-2:#1A1B1F;--wp--preset--color--linje:#26282C;--wp--preset--color--text:#F2F0EB;--wp--preset--color--text-mjuk:#C9CBD0;--wp--preset--color--text-dov:#A3A6AD;--wp--preset--color--accent:#FF7A1A;--wp--preset--color--kort:#1E2024;}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]),:root:not([data-theme="light"]) body{--wp--preset--color--bakgrund:#0E0F11;--wp--preset--color--yta:#141518;--wp--preset--color--yta-2:#1A1B1F;--wp--preset--color--linje:#26282C;--wp--preset--color--text:#F2F0EB;--wp--preset--color--text-mjuk:#C9CBD0;--wp--preset--color--text-dov:#A3A6AD;--wp--preset--color--accent:#FF7A1A;--wp--preset--color--kort:#1E2024;}
  :root:not([data-theme="light"]) .hudik-logo img{filter:none;mix-blend-mode:screen}
  :root:not([data-theme="light"]) .hudik-ikon-sol{display:block}
  :root:not([data-theme="light"]) .hudik-ikon-mane{display:none}
  :root:not([data-theme="light"]) .hudik-skylt{box-shadow:0 30px 60px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.4)}
  :root:not([data-theme="light"]) .hudik-offert{border-color:#33363B}
}
  :root[data-theme="dark"] .hudik-logo img{filter:none;mix-blend-mode:screen}
  :root[data-theme="dark"] .hudik-ikon-sol{display:block}
  :root[data-theme="dark"] .hudik-ikon-mane{display:none}
  :root[data-theme="dark"] .hudik-skylt{box-shadow:0 30px 60px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.4)}
  :root[data-theme="dark"] .hudik-offert{border-color:#33363B}

body{transition:background-color .25s,color .25s}
*{box-sizing:border-box}

/* ---------- Etikett (liten mono-text ovanför rubriker) ---------- */
.hudik-etikett{font-family:var(--wp--preset--font-family--mono);font-size:13px;letter-spacing:.18em;text-transform:uppercase;color:var(--wp--preset--color--accent)}

/* ---------- Sidhuvud ---------- */
.hudik-header{border-bottom:1px solid var(--wp--preset--color--linje)}
.hudik-header__inner{gap:12px 32px}
.hudik-logo{margin:0}
.hudik-logo img{width:96px;height:96px;display:block;filter:invert(1);mix-blend-mode:multiply}
.hudik-footer .hudik-logo img{width:56px;height:56px}
.hudik-nav{font-size:15px;gap:4px 18px}
.hudik-nav a{text-decoration:none}
.hudik-header .wp-block-button__link{padding:12px 20px}

/* Temaknapp */
.hudik-tema-knapp{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--wp--preset--color--linje);border-radius:2px;color:var(--wp--preset--color--text);cursor:pointer;padding:0}
.hudik-tema-knapp:hover{border-color:var(--wp--preset--color--text-dov)}
.hudik-ikon-sol{display:none}
.hudik-ikon-mane{display:block}

/* ---------- Hjälte ---------- */
.hudik-hero{padding-top:80px;padding-bottom:72px}
.hudik-hero .wp-block-columns{align-items:center;gap:56px}
.hudik-hero h1{font-stretch:112%}
.hudik-ingress{font-size:var(--wp--preset--font-size--stor);color:var(--wp--preset--color--text-mjuk);max-width:560px}
h1,h2{font-stretch:112%}

/* ---------- Laserskylten ---------- */
.hudik-skylt{position:relative;width:100%;max-width:480px;margin:0 auto;aspect-ratio:1/1;border-radius:6px;background-color:#A6A9AE;background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.08) 0,rgba(255,255,255,.08) 1px,rgba(0,0,0,.05) 2px,rgba(0,0,0,0) 4px),linear-gradient(135deg,#C4C7CB 0%,#8E9197 55%,#B0B3B8 100%);box-shadow:0 24px 48px rgba(40,35,25,.22),inset 0 1px 0 rgba(255,255,255,.5);display:flex;align-items:center;justify-content:center;overflow:hidden;isolation:isolate}
.hudik-skylt__anim,.hudik-skylt__statisk{width:82%;height:auto;display:block;overflow:visible}
.hudik-skylt__statisk{display:none}
.hudik-skylt__skruv{position:absolute;width:11px;height:11px;border-radius:50%;background:#5F6268;box-shadow:inset 0 1px 2px rgba(0,0,0,.6)}
.hudik-skylt__skruv--1{top:18px;left:18px}.hudik-skylt__skruv--2{top:18px;right:18px}
.hudik-skylt__skruv--3{bottom:18px;left:18px}.hudik-skylt__skruv--4{bottom:18px;right:18px}
@media (prefers-reduced-motion: reduce){.hudik-skylt__anim{display:none}.hudik-skylt__statisk{display:block}}

/* ---------- Faktaremsa ---------- */
.hudik-fakta{background:var(--wp--preset--color--yta);border-top:1px solid var(--wp--preset--color--linje);border-bottom:1px solid var(--wp--preset--color--linje);padding-top:28px;padding-bottom:28px}
.hudik-fakta h3{font-size:19px;margin:6px 0 4px}
.hudik-fakta p:not(.hudik-etikett){color:var(--wp--preset--color--text-dov);font-size:15px;margin:0}
.hudik-fakta .hudik-etikett{font-size:12px;margin:0}

/* ---------- Sektioner ---------- */
.hudik-sektion{padding-top:96px;padding-bottom:40px;scroll-margin-top:20px}
.hudik-sektion--sist{padding-bottom:104px}
.hudik-sektionshuvud{align-items:flex-end;gap:20px 48px}
.hudik-sektionshuvud h2{max-width:640px;margin:0}
.hudik-sektionshuvud p{max-width:440px;color:var(--wp--preset--color--text-dov);margin:0}

/* Tjänstekort */
.wp-block-columns.hudik-tjanster{gap:1px !important;background:var(--wp--preset--color--linje);border:1px solid var(--wp--preset--color--linje)}
.hudik-tjanster>.wp-block-column{background:var(--wp--preset--color--bakgrund);padding:36px 32px 40px}
.hudik-tjanster h3{margin:18px 0 12px}
.hudik-tjanster p{color:var(--wp--preset--color--text-dov)}
.hudik-ikon{color:var(--wp--preset--color--accent);line-height:0}
.hudik-lista{list-style:none;padding:18px 0 0 !important;margin:0;border-top:1px solid var(--wp--preset--color--linje);font-size:15px}
.hudik-lista li{margin:0 0 10px}
.hudik-lista li::before{content:"— "}

/* Bildplatshållare */
.hudik-galleri{gap:16px}
.hudik-galleri .wp-block-image img{aspect-ratio:4/3;object-fit:cover;width:100%}
.hudik-platshallare{aspect-ratio:4/3;background:var(--wp--preset--color--yta-2);border:1px dashed var(--wp--preset--color--text-dov);display:flex;align-items:center;justify-content:center;padding:20px;text-align:center;font-family:var(--wp--preset--font-family--mono);font-size:13px;color:var(--wp--preset--color--text-dov)}

/* Arbetsgång */
.hudik-steg{border-top:2px solid var(--wp--preset--color--linje);padding-top:20px}
.hudik-steg--forst{border-top-color:#FF7A1A}
.hudik-steg .hudik-etikett{font-size:14px;letter-spacing:0;margin:0}
.hudik-steg h3{font-size:20px;margin:10px 0 6px}
.hudik-steg p:not(.hudik-etikett){color:var(--wp--preset--color--text-dov);font-size:15px;margin:0}

/* Om oss + offert */
.hudik-om{background:var(--wp--preset--color--yta);border-top:1px solid var(--wp--preset--color--linje);padding-top:96px;padding-bottom:96px}
.hudik-om .wp-block-columns{gap:56px}
.hudik-om p.hudik-brodtext{color:var(--wp--preset--color--text-mjuk)}
.hudik-offert{background:var(--wp--preset--color--kort);color:#F2F0EB;padding:40px 36px;border:1px solid transparent;border-radius:2px}
.hudik-offert h3{font-size:30px;font-weight:800;font-stretch:112%;margin:0 0 16px}
.hudik-offert p{color:#C9CBD0}
.hudik-offert a{color:#F2F0EB}
.hudik-offert .wp-block-button,.hudik-offert .wp-block-button__link{width:100%;text-align:center}
.hudik-offert .hudik-kontaktuppgift{border-top:1px solid #33363B;padding-top:16px;margin:16px 0 0;font-size:16px;color:#F2F0EB}
.hudik-offert .hudik-kontaktuppgift strong{display:block;font-family:var(--wp--preset--font-family--mono);font-weight:400;font-size:12px;letter-spacing:.16em;color:#A3A6AD}

/* ---------- Sidfot ---------- */
.hudik-footer{border-top:1px solid var(--wp--preset--color--linje);font-size:14px;color:var(--wp--preset--color--text-dov);padding-top:24px;padding-bottom:24px}
.hudik-footer p{margin:0}
.hudik-footer a{color:var(--wp--preset--color--text-dov)}

/* Vanliga sidor */
.hudik-innehall{padding-top:64px;padding-bottom:96px}

@media (max-width:781px){
  .hudik-hero{padding-top:48px}
  .hudik-sektion{padding-top:64px}
  .hudik-logo img{width:72px;height:72px}
}