/*
 Theme Name: Divi Child
 Theme URI: https://majacronert.com
 Description: Ett child theme för Cronert Design (Divi)
 Author: Maja Cronert
 Author URI: https://majacronert.com
 Template: Divi
 Version: 1.2
*/

/* (Valfritt – vi laddar även parent i functions.php) */
@import url("../Divi/style.css");

/* ==== FONTER (matchar dina faktiska filnamn) ==== */
@font-face {
  font-family: "Heldane Display";
  src: url("/wp-content/themes/divi-child/assets/fonts/heldane-display-regular.woff2") format("woff2");
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Heldane Display";
  src: url("/wp-content/themes/divi-child/assets/fonts/heldane-display-regular-italic.woff2") format("woff2");
  font-weight: 400; font-style: italic; font-display: swap;
}
@font-face {
  font-family: "Heldane Text";
  src: url("/wp-content/themes/divi-child/assets/fonts/heldane-text-regular.woff2") format("woff2");
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Heldane Text";
  src: url("/wp-content/themes/divi-child/assets/fonts/heldane-text-regular-italic.woff2") format("woff2");
  font-weight: 400; font-style: italic; font-display: swap;
}

/* ==== FÄRGVARIABLER ==== */
:root {
  --cdab-white: #FFFFFF;
  --cdab-black: #1E1E1E;
  --cdab-gray:  #F5F3EF;
  --cdab-pink:  #F8C0C9;
  --cdab-olive: #A08132;
  --cdab-beige: #E3DBCC;
}

/* ==== GLOBALA STANDARDS ==== */
/* Brödtext = Inter */
body {
  font-family: "Inter", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-size: 17px;
  line-height: 1.6;
  color: var(--cdab-black);
}

/* Rubriker H1–H6 */
/* Headings reset – låt vikt ärvas så H1 kan vara bold */
h1, h2, h3, h4, h5, h6
.et_pb_module h1, .et_pb_module h2, .et_pb_module h3, .et_pb_module h4, .et_pb_module h5, .et_pb_module h6
.et_pb_text h1, .et_pb_text h2, .et_pb_text h3, .et_pb_text h4, .et_pb_text h5,
.et_pb_promo h1, .et_pb_promo h2, .et_pb_promo h3, .et_pb_promo h4, .et_pb_promo h5, .et_pb_promo h6
.et_pb_slide_description h1, .et_pb_slide_description h2, .et_pb_slide_description h3 {
  color: var(--cdab-black);
  font-weight: inherit;
}

/* Typinställningar per rubriknivå */
h1 { 
  font-family: "Inter", sans-serif; 
  font-size: 51px; 
  line-height: 1.15; 
  font-weight: 700; /* Bold rubrik */
}
h2 { 
  font-family: "Heldane Display", serif; 
  font-size: 51px; 
  line-height: 1.15; 
}
h3 { 
  font-family: "Heldane Display", serif; 
  font-size: 22px; 
  line-height: 1.3; 
}
h4 { 
  font-family: "Heldane Display", serif; 
  font-size: 22px; 
  line-height: 1.4; 
}
h5 { 
  font-family: "Heldane Display", serif; 
  font-size: 19px; 
  line-height: 1.4; 
}
h6 {
  font-family: "Inter", sans-serif !important;
  font-weight: 700 !important;
  font-size: 16px !important;
  line-height: 1.4 !important;
  text-transform: uppercase !important;
  letter-spacing: 2px !important;
  color: var(--cdab-black) !important;
}


/* ==== HJÄLPSKLASSER FÖR PRECIS KONTROLL ==== */
.h1-inter   { font-family: "Inter", sans-serif; font-weight: 700; font-size: 51px; line-height: 1.05; }
.h2-heldane { font-family: "Heldane Display", serif; font-size: 51px; line-height: 1.05; }
.h3-heldane { font-family: "Heldane Display", serif; font-size: 30px; line-height: 1.3; }
.h4-heldane { font-family: "Heldane Display", serif; font-size: 22px; line-height: 1.4; }
.h5-heldane { font-family: "Heldane Display", serif; font-size: 19px; line-height: 1.4; }
.h6-inter   { font-family: "Inter", sans-serif; font-weight: 700; font-size: 16px; line-height: 1.4; text-transform: uppercase; letter-spacing: 2px}
.eyebrow-inter {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-weight: 700;
  line-height: 1.4;
}
.hero-intro { font-family: "Heldane Text", serif; font-size: 24px; line-height: 1.5; }
.button-inter { font-family: "Inter", sans-serif; font-size: 12px; letter-spacing: 0.05em; text-transform: uppercase; }
.citat-heldane {
  font-family: "Heldane Display", serif;
  font-style: italic;
  font-size: 30px;
  line-height: 1.4;
  text-align: center;
  color: var(--cdab-black);
  max-width: 800px;
  margin: 2em auto;
  padding: 0;
}
.services-heldane {
  font-family: "Heldane Display", serif;
  font-style: italic;
  font-size: 115px;
  line-height: 1.2;
  color: var(--cdab-black);
  padding: 0;
}

/* ==== PILCROW SYMBOL ==== */
.pilcrow {
  color: #F8C0C9;
  display: inline-block;
}
/* === RUBRIKER: tvinga Divi att följa styleguiden === */

/* H1 = Inter Bold 51 */
h1,
.et_pb_module h1,
.et_pb_text h1,
.et_pb_promo h1,
.et_pb_slide_description h1 {
  font-family: "Inter", sans-serif !important;
  font-weight: 700 !important;
  font-size: 51px !important;   /* ← ändrat */
  line-height: 1.15 !important;
  color: var(--cdab-black) !important;
}

/* H2 = Heldane Display 51 */
h2, .et_pb_module h2, .et_pb_text h2, .et_pb_promo h2 {
  font-family: "Heldane Display", serif !important;
  font-weight: 400 !important;
  font-size: 51px !important;
  line-height: 1.15 !important;
  color: var(--cdab-black) !important;
}

/* H3 = Heldane Display 30 */
h3, .et_pb_module h3, .et_pb_text h3, .et_pb_promo h3 {
  font-family: "Heldane Display", serif !important;
  font-weight: 400 !important;
  font-size: 30px !important;
  line-height: 1.3 !important;
  color: var(--cdab-black) !important;
}

/* H4 = Heldane Display 22 */
h4, .et_pb_module h4, .et_pb_text h4, .et_pb_promo h4 {
  font-family: "Heldane Display", serif !important;
  font-weight: 400 !important;
  font-size: 22px !important;
  line-height: 1.4 !important;
  color: var(--cdab-black) !important;
}

/* H5 = Heldane Display 19 */
h5, .et_pb_module h5, .et_pb_text h5, .et_pb_promo h5 {
  font-family: "Heldane Display", serif !important;
  font-weight: 400 !important;
  font-size: 19px !important;
  line-height: 1.4 !important;
  color: var(--cdab-black) !important;
}

/* H6 = Inter Bold 16 */
h6, .et_pb_module h6, .et_pb_text h6, .et_pb_promo h6 {
  font-family: "Inter", sans-serif !important;
  font-weight: 700 !important;
  font-size: 16px !important;
  line-height: 1.4 !important;
  text-transform: uppercase !important;
  letter-spacing: 2px !important;
  color: var(--cdab-black) !important;
}

/* Toggle-titlar följer H4-stilen */
.et_pb_toggle .et_pb_toggle_title,
.et_pb_toggle .et_pb_toggle_title h4 {
  font-family: "Heldane Display", serif !important;
  font-size: 22px !important;
  line-height: 1.4 !important;
  font-weight: 400 !important;
}

/* === AUTOMATISK ITALIC-HANTERING === */
/* Heldane Display (H2–H5 + hjälpkoder) */
h2 em, h2 i,
h3 em, h3 i,
h4 em, h4 i,
h5 em, h5 i,
.h2-heldane em, .h2-heldane i,
.h3-heldane em, .h3-heldane i,
.h4-heldane em, .h4-heldane i,
.h5-heldane em, .h5-heldane i {
  font-family: "Heldane Display", serif;
  font-style: italic;
}

/* Heldane Text (hero-intro, brödtext/citat/listor) */
.hero-intro em, .hero-intro i,
p em, p i, li em, li i, blockquote em, blockquote i {
  font-family: "Heldane Text", serif;
  font-style: italic;
}
/* === Divi Toggle/Accordion: rubriktitlar ska följa H4/H5 === */

/* H4-titel i Toggle/Accordion = Heldane Display 22px */
.et_pb_toggle h4.et_pb_toggle_title,
.et_pb_accordion h4.et_pb_toggle_title {
  font-family: "Heldane Display", serif !important;
  font-weight: 400 !important;
  font-size: 22px !important;
  line-height: 1.4 !important;
  color: var(--cdab-black) !important;
}

/* H5-titel i Toggle/Accordion = Heldane Display 19px */
.et_pb_toggle h5.et_pb_toggle_title,
.et_pb_accordion h5.et_pb_toggle_title {
  font-family: "Heldane Display", serif !important;
  font-weight: 400 !important;
  font-size: 19px !important;
  line-height: 1.4 !important;
  color: var(--cdab-black) !important;
}

/* Säkerställ att generella Divi-regler inte skalar upp titeln */
.et_pb_toggle .et_pb_toggle_title { font-size: inherit !important; }

/* ==========================================================
   RESPONSIV TYPOGRAFI — TABLET OCH MOBIL
   ========================================================== */

/* Tablet (≤980px) */
@media (max-width: 980px) {

  h1, .et_pb_module h1, .et_pb_text h1, .et_pb_promo h1, .et_pb_slide_description h1 {
    font-size: 44px !important; line-height: 1.15 !important;
  }
  h2, .et_pb_module h2, .et_pb_text h2, .et_pb_promo h2 {
    font-size: 44px !important; line-height: 1.15 !important;
  }
  h3, .et_pb_module h3, .et_pb_text h3, .et_pb_promo h3 {
    font-size: 28px !important; line-height: 1.3 !important;
  }
  h4, .et_pb_module h4, .et_pb_text h4, .et_pb_promo h4 {
    font-size: 20px !important; line-height: 1.4 !important;
  }
  h5, .et_pb_module h5, .et_pb_text h5, .et_pb_promo h5 {
    font-size: 17px !important; line-height: 1.4 !important;
  }
  h6, .et_pb_module h6, .et_pb_text h6, .et_pb_promo h6 {
    font-size: 15px !important; line-height: 1.4 !important;  line-height: 1.4 !important; text-transform: uppercase !important; letter-spacing: 2px !important
  }
  .hero-intro { font-size: 20px !important; line-height: 1.5 !important; }
  .eyebrow-inter { font-size: 13px !important; letter-spacing: 0.09em !important; line-height: 1.4 !important; }
  .citat-heldane { font-size: 26px !important; line-height: 1.4 !important; max-width: 85% !important; margin: 1.8em auto !important; }
  p { font-size: 16px !important; line-height: 1.6 !important; }

/* Phone (≤767px) — Divis "Phone" breakpoint */
@media (max-width: 767px) {

  h1, .et_pb_module h1, .et_pb_text h1, .et_pb_promo h1, .et_pb_slide_description h1 {
    font-size: 44px !important; line-height: 1.15 !important;
  }
  h2, .et_pb_module h2, .et_pb_text h2, .et_pb_promo h2 {
    font-size: 44px !important; line-height: 1.15 !important;
  }
  h3, .et_pb_module h3, .et_pb_text h3, .et_pb_promo h3 {
    font-size: 28px !important; line-height: 1.3 !important;
  }
  h4, .et_pb_module h4, .et_pb_text h4, .et_pb_promo h4 {
    font-size: 20px !important; line-height: 1.4 !important;
  }
  h5, .et_pb_module h5, .et_pb_text h5, .et_pb_promo h5 {
    font-size: 17px !important; line-height: 1.4 !important;
  }
  h6, .et_pb_module h6, .et_pb_text h6, .et_pb_promo h6 {
    font-size: 15px !important; line-height: 1.4 !important;  line-height: 1.4 !important; text-transform: uppercase !important; letter-spacing: 2px !important
  }
  .hero-intro { font-size: 20px !important; line-height: 1.5 !important; }
  .eyebrow-inter { font-size: 13px !important; letter-spacing: 0.08em !important; line-height: 1.4 !important; }
  .citat-heldane { font-size: 26px !important; line-height: 1.4 !important; max-width: 90% !important; margin: 1.5em auto !important; }

  p { font-size: 16px !important; line-height: 1.6 !important; }
}

/* ===== Responsiv skalning för .services-heldane ===== */

/* Tablet (≤980px) */
@media (max-width: 980px) {
  .services-heldane {
    font-size: 85px !important;
    line-height: 1.15 !important;
  }
}

/* Mobil (≤767px) */
@media (max-width: 767px) {
  .services-heldane {
    font-size: 44px !important;
    line-height: 1.15 !important;
  }
}
/* === BASSTIL: gemensam för alla knappar === */
.et_pb_button.btn {
  display: inline-flex;                  /* flex gör centrerad text enklare */
  justify-content: center;               /* centrerar texten horisontellt */
  align-items: center;                   /* centrerar texten vertikalt */
  width: 280px;                          /* fast bredd */
  height: 48px;                          /* valfritt, ger konsekvent höjd */
  border: 1.5px solid #1e1e1e;           /* cdab-black */
  border-radius: 50px;
  font-family: 'Inter', sans-serif;
  font-weight: 600;
  font-size: 12px;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #1e1e1e;
  background: transparent;
  transition: all 0.25s ease;
  text-align: center;
  box-sizing: border-box;
}

/* === HOVER === */
.et_pb_button.btn:hover {
  background: #A08132;                   /* cdab-olive */
  border-color: #A08132;                 /* cdab-olive */
  color: #ffffff;                       
}

/* === CENTRERAD KNAPP === */
.et_pb_button.btn-center {
  display: block;                        /* krävs för margin:auto */
  margin: 48px auto 0;
}

/* === VÄNSTERSTÄLLD KNAPP === */
.et_pb_button.btn-left {
  display: block; 
  margin: 48px 0 0 0;
}

/* === RESPONSIVT: full bredd på mobil/tablet === */
@media (max-width: 767px) {
  .et_pb_button.btn-center,
  .et_pb_button.btn-left {
    width: 100%;
    max-width: none;
    height: auto;                        /* tillåter text att brytas */
  }
  
}
/* ===== Responsiv skalning för list-text ===== */

/* Tablet (≤980px) */
@media (max-width: 980px) {
  ul li,
  ol li {
    font-size: 17px !important;
    line-height: 1.6 !important;
  }
}

/* Mobil (≤767px) */
@media (max-width: 767px) {
  ul li,
  ol li {
    font-size: 15px !important;
    line-height: 1.6 !important;
  }
}