/* ==========================================================
AZ GLOBAL SYSTEM – THEME (BLÅ/RØD)
File: theme-az.css
Version: v4.0
========================================================== */

/* ------------------------------
1. Links
------------------------------ */
a {
  color: var(--az-primary);
}

a:hover,
a:focus {
  color: var(--az-secondary);
  text-decoration: underline;
}

/* ------------------------------
2. Knapper
------------------------------ */
.az-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;

  padding: 12px 22px;
  border-radius: 999px;

  font-family: var(--az-font-body);
  font-size: 16px;
  font-weight: 700;

  border: none;
  cursor: pointer;
  text-decoration: none;

  transition: transform 0.12s ease, box-shadow 0.12s ease, background-color 0.12s ease;
}

/* Primær CTA – rød */
.az-btn--primary {
  background: var(--az-secondary);
  color: var(--az-white);
  box-shadow: var(--az-shadow-soft);
}

.az-btn--primary:hover,
.az-btn--primary:focus {
  background: #b02121;
  color: var(--az-white);
  transform: translateY(-1px);
  box-shadow: var(--az-shadow-hard);
}

/* Sekundær CTA – blå */
.az-btn--secondary {
  background: var(--az-primary);
  color: var(--az-white);
}

.az-btn--secondary:hover,
.az-btn--secondary:focus {
  background: #153058;
  color: var(--az-white);
  transform: translateY(-1px);
}

/* Ghost-knap – til mindre vigtige links */
.az-btn--ghost {
  background: transparent;
  color: var(--az-primary);
  border: 1px solid var(--az-primary);
}

.az-btn--ghost:hover,
.az-btn--ghost:focus {
  background: rgba(29, 63, 114, 0.06);
}

/* ------------------------------
3. Sektion-baggrunde
------------------------------ */
.az-section--light {
  background: var(--az-bg-light);
}

.az-section--white {
  background: var(--az-white);
}

.az-section--primary {
  background: var(--az-primary);
  color: var(--az-white);
}

.az-section--primary .az-heading-xl,
.az-section--primary .az-heading-lg,
.az-section--primary .az-heading-md,
.az-section--primary .az-heading-sm {
  color: var(--az-white);
}

/* ------------------------------
4. Badges / markeringer
------------------------------ */
.az-badge {
  display: inline-block;
  padding: 4px 10px;
  border-radius: 999px;

  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.az-badge--primary {
  background: rgba(29, 63, 114, 0.1);
  color: var(--az-primary);
}

.az-badge--alert {
  background: var(--az-secondary);
  color: var(--az-white);
}


/* ==========================================================
AZ GEO GRID v4.0 – Blå + Rød Design
========================================================== */

.az-geo-section {
  padding: 60px 20px;
  background: #F9FAFC;
  text-align: center;
}

.az-section-title {
  font-size: clamp(26px, 4vw, 34px);
  font-weight: 700;
  color: #1D3F72; /* Primær blå */
  margin-bottom: 10px;
}

.az-section-intro {
  font-size: 18px;
  color: #1D1D1D;
  margin-bottom: 40px;
}

.az-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 26px;
}

/* Kort */
.az-card {
  background: #ffffff;
  border-radius: 14px;
  overflow: hidden;
  text-decoration: none;
  color: #1D1D1D;
  box-shadow: 0 4px 14px rgba(0,0,0,0.08);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
  border: 2px solid #D7DFE8;
}

.az-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 20px rgba(0,0,0,0.15);
  border-color: #C62828; /* Rød highlight */
}

/* Billeder */
.az-card img {
  width: 100%;
  height: 180px;
  object-fit: cover;
  display: block;
}

/* Titler */
.az-card h3 {
  font-size: 22px;
  margin: 16px 0 4px;
  color: #1D3F72; /* Blå */
  font-weight: 700;
}

/* By-liste */
.az-card p {
  margin: 0 0 20px;
  font-size: 16px;
  color: #3a3a3a;
}

/* ==========================================================
AZ SKADEDYRSGRID v4.0 – Blå + Rød Design
========================================================== */

.az-skadedyr-section {
  padding: 70px 20px;
  background: #FFFFFF;
  text-align: center;
}

.az-skadedyr-section h2 {
  font-size: clamp(26px, 4vw, 34px);
  font-weight: 700;
  color: #1D3F72; /* blå */
  margin-bottom: 10px;
}

.az-skadedyr-section p {
  max-width: 750px;
  margin: 0 auto 40px;
  font-size: 18px;
  color: #1D1D1D;
}

/* GRID */
.az-skadedyr-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 28px;
}

/* BOKS */
.az-skadedyr-boks {
  background: #ffffff;
  border-radius: 16px;
  padding-bottom: 20px;
  overflow: hidden;
  text-align: left;
  display: flex;
  flex-direction: column;
  border: 2px solid #D7DFE8;
  box-shadow: 0 4px 14px rgba(0,0,0,0.08);
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.az-skadedyr-boks:hover {
  transform: translateY(-4px);
  border-color: #C62828; /* ny rød */
  box-shadow: 0 8px 20px rgba(0,0,0,0.15);
}

/* Billeder */
.az-skadedyr-boks img {
  width: 100%;
  height: 180px;
  object-fit: cover;
  display: block;
}

/* Titel */
.az-skadedyr-boks h3 {
  font-size: 22px;
  font-weight: 700;
  color: #1D3F72;
  padding: 16px 20px 4px;
}

/* Tekst */
.az-skadedyr-boks p {
  padding: 0 20px 14px;
  margin: 0;
  font-size: 16px;
  color: #3A3A3A;
  line-height: 1.6;
}

/* Knap */
.az-skadedyr-boks .az-btn {
  align-self: flex-start;
  margin-left: 20px;
  background: #C62828; /* rød */
  color: #fff;
  padding: 10px 20px;
  border-radius: 8px;
  font-size: 16px;
  text-decoration: none;
  font-weight: 600;
  transition: background .2s ease;
}

.az-skadedyr-boks .az-btn:hover {
  background: #A91E1E;
}

/* CTA nederst */
.az-skadedyr-cta {
  margin-top: 50px;
  text-align: center;
}

.az-btn-large {
  display: inline-block;
  background: #C62828;
  color: #fff;
  padding: 14px 32px;
  border-radius: 10px;
  text-decoration: none;
  font-weight: 700;
  font-size: 18px;
}

.az-btn-large:hover {
  background: #A91E1E;
}

/* ==========================================================
AZ INTRO SECTION v4.0 – Blå + Rød Design
========================================================== */

.az-section.az-intro {
  background: #FFFFFF;
  padding: 70px 20px;
}

.az-section.az-intro h2 {
  font-size: clamp(26px, 4vw, 36px);
  font-weight: 700;
  color: #1D3F72; /* blå */
  text-align: center;
  margin-bottom: 20px;
}

.az-section.az-intro h3 {
  font-size: clamp(22px, 3vw, 28px);
  font-weight: 700;
  color: #1D3F72;
  text-align: center;
  margin-top: 50px;
  margin-bottom: 16px;
}

.az-section.az-intro p {
  font-size: 18px;
  line-height: 1.7;
  color: #1D1D1D;
  max-width: 900px;
  margin: 0 auto 22px;
  text-align: center;
}

/* USP-linje */
.az-usp {
  font-size: 18px;
  font-weight: 500;
  color: #1D1D1D;
  margin-top: 10px;
}

/* CTA inline to knapper */
.az-cta-inline {
  margin: 35px auto;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 14px;
}

/* Blå knapper */
.az-btn-blue {
  background: #1D3F72;
  color: #fff;
  padding: 12px 26px;
  border-radius: 10px;
  font-size: 17px;
  font-weight: 600;
  text-decoration: none;
  display: inline-block;
  transition: background 0.20s ease;
}

.az-btn-blue:hover {
  background: #174066;
}

/* Center-readmore */
.az-readmore-center {
  text-align: center;
  margin-top: 30px;
}

/* Billede i bunden */
.az-bekaempelse-image img {
  width: 100%;
  max-width: 950px;
  display: block;
  margin: 0 auto;
  border-radius: 12px;
  height: auto;
  object-fit: cover;
  box-shadow: 0 4px 16px rgba(0,0,0,0.10);
}

/* ==========================================================
AZ BLOG TEASER v4.0 – Blå + Rød Design
========================================================== */

.az-blog-teaser {
  background: #F9FAFC; /* lys baggrund som intro */
  padding: 80px 20px;
  text-align: center;
}

.az-blog-teaser-container {
  max-width: 900px;
  margin: 0 auto;
}

.az-blog-teaser h2 {
  font-size: clamp(26px, 4vw, 34px);
  font-weight: 700;
  color: #1D3F72; /* blå */
  margin-bottom: 16px;
}

.az-blog-teaser-intro {
  font-size: 18px;
  line-height: 1.7;
  color: #1D1D1D;
  max-width: 800px;
  margin: 0 auto 30px;
}

/* Divider */
.az-divider {
  width: 80px;
  height: 4px;
  background: #C62828; /* rød */
  margin: 30px auto;
  border-radius: 2px;
}

/* Blog Knap */
.az-blog-btn {
  display: inline-block;
  background: #1D3F72;
  color: #ffffff;
  padding: 14px 32px;
  border-radius: 10px;
  font-size: 18px;
  font-weight: 700;
  text-decoration: none;
  transition: background 0.25s ease;
}

.az-blog-btn:hover {
  background: #16355E; /* mørkere blå hover */
}

/* ==========================================================
AZ SERVICE-BOXES v4.0 — Blå + Rød Design
========================================================== */

.az-service-boxes {
  background: #F9FAFC;
  padding: 80px 20px;
}

.az-service-container {
  max-width: 1100px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 40px;
}

/* Bokse */
.az-service-box {
  flex: 1 1 460px;
  background: #FFFFFF;
  border-radius: 16px;
  padding: 40px 30px;
  text-align: center;
  box-shadow: 0 4px 16px rgba(0,0,0,0.06);
  border-left: 6px solid #1D3F72; /* default blå */
  transition: transform .25s ease, box-shadow .25s ease;
}

.az-service-box:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 22px rgba(0,0,0,0.12);
}

/* Ikoner */
.az-service-icon {
  width: 54px;
  height: 54px;
  margin: 0 auto 15px;
}

.az-service-icon svg {
  width: 54px;
  height: 54px;
  fill: #1D3F72;
}

/* Tekster */
.az-service-box h2 {
  font-size: 22px;
  color: #1D3F72;
  margin-bottom: 12px;
  font-weight: 700;
}

.az-service-box p {
  font-size: 17px;
  color: #1D1D1D;
  line-height: 1.7;
  margin-bottom: 25px;
}

/* ERHVERV, rød variant */
.az-service-erhverv {
  border-left-color: #C62828;
  background: #FFF8F8;
}

.az-service-erhverv .az-service-icon svg {
  fill: #C62828;
}

/* Rød knap */
.az-btn-red {
  background: #C62828;
  color: #fff;
  padding: 12px 26px;
  border-radius: 10px;
  font-size: 17px;
  font-weight: 600;
  text-decoration: none;
  display: inline-block;
  transition: background .2s ease;
}

.az-btn-red:hover {
  background: #A91E1E;
}

/* ==========================================================
AZ SERVICE-BOX CTA INLINE – v4.1
========================================================== */

/* Wrapper til knapper */
.az-service-box {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

/* Gør CTA horisontal */
.az-service-box .az-btn-blue,
.az-service-box .az-btn-red {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
}

/* Ens line-height så knapperne står smukt */
.az-service-box .az-btn-blue,
.az-service-box .az-btn-red {
  line-height: 1 !important;
}

/* CTA-gruppe: læg knapper i en række (gælder når der kommer 2 knapper) */
.az-service-cta-group {
  display: flex;
  justify-content: center;
  gap: 14px;
  margin-top: 20px;
}

/* Mobil → stack CTA’er */
@media (max-width: 600px) {
  .az-service-cta-group {
    flex-direction: column;
    align-items: center;
  }
}



/* ==========================================================
AZ PARTNER WIDE v4.0 – Blå + Rød Design
========================================================== */

.az-partner-wide {
  padding: 80px 20px;
  background: #F9FAFC;
}

.az-partner-container {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 50px;
  align-items: center;
}

.az-partner-text {
  max-width: 600px;
}

.az-partner-text h2 {
  font-size: clamp(26px, 4vw, 36px);
  font-weight: 700;
  color: #1D3F72; /* brand blå */
  margin-bottom: 20px;
}

.az-partner-text p {
  font-size: 18px;
  line-height: 1.7;
  color: #1D1D1D;
  margin-bottom: 20px;
}

.az-partner-text a {
  color: #C62828; /* rød link */
  text-decoration: underline;
}

/* Billede */
.az-partner-image img {
  width: 100%;
  height: auto;
  border-radius: 14px;
  box-shadow: 0 6px 20px rgba(0,0,0,0.12);
  object-fit: cover;
}

/* Primær CTA */
.az-btn-primary {
  background: #C62828; /* rød */
  color: #fff !important;
  padding: 12px 28px;
  border-radius: 10px;
  font-size: 17px;
  font-weight: 700;
  text-decoration: none;
  display: inline-block;
  margin-top: 10px;
  transition: background .25s ease;
}

.az-btn-primary:hover {
  background: #A91E1E;
}

/* Mobil layout */
@media (max-width: 900px) {
  .az-partner-container {
    grid-template-columns: 1fr;
    text-align: center;
  }

  .az-partner-text {
    margin: 0 auto;
  }

  .az-partner-image img {
    margin-top: 20px;
  }
}

/* ==========================================================
AZ CTA – FULL WIDTH CALL TO ACTION v4.3
Design: Blå + Rød (2025)
========================================================== */

.az-cta {
  background: var(--az-primary); /* #1D3F72 blå */
  color: #fff;
  padding: 80px 20px;
  text-align: center;
  border-top: 6px solid var(--az-secondary); /* Rød */
}

.az-cta-container {
  max-width: 900px;
  margin: 0 auto;
}

.az-cta h2 {
  font-size: clamp(28px, 4vw, 38px);
  margin-bottom: 20px;
  color: #fff;
  font-weight: 700;
}

.az-cta p {
  font-size: 18px;
  line-height: 1.65;
  margin-bottom: 20px;
}

.az-cta-priser {
  font-size: 20px;
  margin-top: 10px;
  margin-bottom: 30px;
  color: #ffffff;
  font-weight: 700;
}

/* CTA knapper – container */
.az-cta-buttons {
  display: flex;
  justify-content: center;
  gap: 18px;
  flex-wrap: wrap;
}

/* Telefon-knap (hvid, rød kant, blå tekst) */
.az-btn-phone {
  background: #ffffff;
  color: var(--az-primary) !important; /* blå tekst */
  border: 2px solid #C62828; /* rød */
  padding: 14px 28px;
  border-radius: 10px;
  font-size: 18px;
  font-weight: 600;
  text-decoration: none;
  white-space: nowrap;
}

/* Kontakt-knap (hvid, blå kant, blå tekst) */
.az-btn-light {
  background: #ffffff;
  color: var(--az-primary) !important; /* blå tekst */
  border: 2px solid var(--az-primary); /* blå */
  padding: 14px 28px;
  border-radius: 10px;
  font-size: 18px;
  font-weight: 600;
  text-decoration: none;
  white-space: nowrap;
}

/* Hover-effekt */
.az-btn-phone:hover {
  background: #f7f7f7;
}

.az-btn-light:hover {
  background: #f7f7f7;
}

/* Mobil – fuld bredde */
@media (max-width: 600px) {
  .az-cta-buttons {
    flex-direction: column;
  }
  .az-btn-phone,
  .az-btn-light {
    width: 100%;
    text-align: center;
  }
}

.az-business-info {
  background: #f9fafc;
  border: 2px solid #1D3F72;
  border-radius: 12px;
  padding: 25px;
  max-width: 600px;
  margin: 40px auto;
  color: #1D3F72;
  font-family: "Open Sans", Arial, sans-serif;
  box-shadow: 0 3px 8px rgba(0,0,0,0.08);
}

.az-business-info h2 {
  color: #1D3F72;
  font-size: 1.8rem;
  margin-bottom: 10px;
  border-bottom: 3px solid #C62828; /* rød */
  display: inline-block;
  padding-bottom: 6px;
}

/* Ikoner */
.az-icon {
  width: 20px;
  height: 20px;
  fill: #C62828; /* rød */
  vertical-align: middle;
  margin-right: 8px;
}

/* Åbningstider-boks */
.az-hours {
  background: #fff;
  border: 1px solid #1D3F72;
  border-radius: 8px;
  padding: 15px;
  margin-top: 10px;
}

.az-hours p {
  margin: 6px 0;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.az-hours strong {
  margin-right: 10px;
  white-space: nowrap;
}

.az-hours svg {
  width: 18px;
  height: 18px;
  fill: #C62828; /* rød */
  margin-right: 8px;
}

/* Ekstra luft for SMS-linjen */
.az-hours p:last-child {
  margin-top: 15px;
}

/* FORCE RED ACCENTS — OVERRIDES EVERYTHING */
.az-business-info h2 {
  border-bottom-color: #C62828 !important;
}

.az-business-info .az-icon,
.az-hours svg {
  fill: #C62828 !important;
}

/* ==========================================================
   AZ OFFER BOX – FYN v4.0 (Brand + Layout Fix)
========================================================== */

/* Wrapper */
.az-offer-box {
  background: #FFFFFF;
  border: 2px solid #1D3F72;
  border-radius: 14px;
  padding: 40px 35px;
  max-width: 900px;
  margin: 40px auto;
  box-shadow: 0 6px 18px rgba(0,0,0,0.06);
  text-align: center;
}

/* Topbar */
.az-offer-topbar {
  background: #C62828;
  color: #fff;
  font-weight: 700;
  padding: 10px 0;
  border-radius: 10px;
  margin-bottom: 25px;
  letter-spacing: 1px;
}

/* H2 – bred og tydelig */
.az-offer-box h2 {
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 28px;
  line-height: 1.25;
  text-wrap: balance;
  max-width: 100%;
}

/* Prisbadge */
.az-offer-price {
  background: #F9FAFC;
  color: #1D3F72;
  border: 2px solid #1D3F72;
  padding: 12px 22px;
  display: inline-block;
  font-size: 26px;
  font-weight: 700;
  border-radius: 10px;
  margin-bottom: 25px;
}

/* Liste + checkmarks */
.az-offer-box ul {
  list-style: none;
  padding: 0;
  margin: 0 0 25px;
  text-align: left;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

.az-offer-box ul li {
  margin-bottom: 10px;
  padding-left: 32px;
  position: relative;
}

.az-offer-box ul li::before {
  content: "✔";
  color: #C62828;
  font-weight: 900;
  position: absolute;
  left: 0;
  top: 0;
}

/* Note */
.az-offer-note {
  font-style: italic;
  margin-bottom: 25px;
}

/* CTA container */
.az-btn-box {
  display: flex;
  justify-content: center;
  gap: 20px;
  margin-bottom: 20px;
}

/* CTA knapper */
.az-btn {
  padding: 14px 28px;
  border-radius: 8px;
  font-weight: 700;
  text-decoration: none;
  font-size: 18px;
}

/* Primær (blå) */
.az-btn.az-primary {
  background: #1D3F72;
  color: #fff;
}

.az-btn.az-primary:hover {
  background: #16345D;
}

/* Sekundær (rød) */
.az-btn.az-secondary {
  background: #C62828;
  color: #fff;
}

.az-btn.az-secondary:hover {
  background: #A21F1F;
}

/* GEO label */
.az-offer-geo {
  color: #1D3F72;
  font-size: 16px;
  margin-top: 20px;
}

/* Mobil justering */
@media (max-width: 600px) {
  .az-btn-box {
    flex-direction: column;
  }
  .az-offer-box h2 {
    font-size: 26px;
  }
  .az-offer-price {
    font-size: 22px;
    padding: 10px 18px;
  }
}

/* ==========================================================
   AZ CITY-LINK BOX v4.1 – Fyn / Sjælland / Jylland
   ========================================================== */

.az-offer-box {
  background: #fff;
  border: 2px solid #1D3F72;
  border-radius: 14px;
  padding: 40px 30px;
  max-width: 900px;
  margin: 40px auto;
  text-align: center;
  box-shadow: 0 8px 22px rgba(0,0,0,0.06);
}

/* Topbar */
.az-offer-topbar {
  background: #1D3F72;
  color: #fff;
  font-size: 18px;
  padding: 10px 20px;
  display: inline-block;
  border-radius: 6px;
  margin-bottom: 18px;
}

/* H2 – balanceret tekst */
.az-offer-box h2 {
  font-size: clamp(26px, 3vw, 34px);
  font-weight: 700;
  color: #1D3F72;
  margin-bottom: 20px;
  text-wrap: balance;
}

/* City links grid */
.az-city-links {
  margin: 25px auto 30px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 14px;
}

/* Single city link */
.az-city-link {
  background: #F5F7FA;
  color: #1D3F72;
  border: 1px solid #1D3F72;
  padding: 10px 16px;
  border-radius: 8px;
  font-size: 16px;
  text-decoration: none;
  transition: 0.2s ease;
}

/* Hover-effekt (ny rød farve) */
.az-city-link:hover {
  background: #C62828;
  color: #fff;
  border-color: #C62828;
}

/* Geo-note */
.az-offer-geo {
  margin-top: 20px;
  font-size: 16px;
  color: #1D3F72;
  font-weight: 600;
}

/* Mobiloptimering */
@media (max-width: 600px) {
  .az-city-links {
    gap: 10px;
  }
  .az-city-link {
    padding: 10px 14px;
    font-size: 15px;
  }
}


/* ==========================================================
   AZ PROCESS – v4.1 (Ny farve + Divi fonts + spacing)
   ========================================================== */

.az-process {
  max-width: 1100px;
  margin: 60px auto;
  padding: 0 20px;
  text-align: center;
}

/* Titel */
.az-process-title {
  font-size: clamp(28px, 3.5vw, 40px);
  font-weight: 700;
  color: #1D3F72;
  margin-bottom: 20px;
  text-wrap: balance;
}

/* Intro */
.az-process-intro {
  font-size: 18px;
  color: #1D1D1D;
  line-height: 1.7;
  max-width: 820px;
  margin: 0 auto 45px;
}

/* Steps grid */
.az-process-steps {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 28px;
  margin-top: 20px;
}

/* Single step */
.az-step {
  background: #ffffff;
  border: 1px solid #D7DFE8;
  border-radius: 12px;
  padding: 25px 22px;
  text-align: left;
  box-shadow: 0 4px 12px rgba(0,0,0,0.05);
  transition: 0.2s ease;
}

/* Hover-effekt */
.az-step:hover {
  box-shadow: 0 6px 18px rgba(0,0,0,0.09);
  border-color: #1D3F72;
}

/* Step Title – med emoji */
.az-step h3 {
  font-size: 20px;
  font-weight: 700;
  color: #1D3F72;
  margin-bottom: 10px;
}

/* Step text */
.az-step p {
  color: #1D1D1D;
  font-size: 16px;
  line-height: 1.7;
}

/* Interne links */
.az-internal-link {
  color: #C62828 !important;
  font-weight: 600;
  text-decoration: underline;
}

/* Mobile tweaks */
@media (max-width: 600px) {
  .az-process-intro {
    font-size: 16px;
  }
  .az-step {
    padding: 20px;
  }
  .az-step h3 {
    font-size: 18px;
  }
}

/* ==========================================================
   AZ SUBMENU – v4.1 (Ny farve, nye fonte, full match)
   ========================================================== */

.az-submenu {
  background: #ffffff;
  padding: 60px 20px;
  border-top: 3px solid #1D3F72;
  border-bottom: 1px solid #D7DFE8;
}

.az-submenu .az-container {
  max-width: 1100px;
  margin: 0 auto;
  text-align: center;
}

/* Titel */
.az-submenu-title {
  font-size: clamp(26px, 3vw, 36px);
  font-weight: 700;
  color: #1D3F72;
  margin-bottom: 12px;
  text-wrap: balance;
}

/* Intro */
.az-submenu-intro {
  font-size: 17px;
  max-width: 760px;
  margin: 0 auto 40px;
  color: #1D1D1D;
  line-height: 1.7;
}

/* LISTE */
.az-submenu-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 14px;
  list-style: none;
  padding: 0;
  margin: 0 auto 45px;
  max-width: 900px;
}

.az-submenu-list li a {
  display: block;
  background: #F9FAFC;
  padding: 12px 18px;
  border-radius: 10px;
  border: 1px solid #D7DFE8;
  text-decoration: none;
  font-size: 16px;
  color: #1D1D1D;
  transition: 0.2s ease;
}

.az-submenu-list li a:hover {
  background: #1D3F72;
  color: #ffffff;
  border-color: #1D3F72;
}

/* Current aktiv side */
.az-submenu-list li a.current,
.az-submenu-list li a[aria-current="page"] {
  background: #1D3F72;
  color: #fff !important;
  border-color: #1D3F72;
  font-weight: 600;
}

/* BLOG SEKTION */
.az-submenu-blog {
  margin-top: 40px;
  text-align: center;
}

.az-submenu-blog-title {
  font-size: 22px;
  font-weight: 700;
  color: #1D3F72;
  margin-bottom: 20px;
}

.az-submenu-blog-grid {
  max-width: 660px;
  margin: 0 auto 20px;
  padding: 0 10px;
}

/* TILBAGE-LINK */
.az-submenu-footer {
  margin-top: 30px;
}

.az-back-btn {
  background: #C62828;
  color: #fff !important;
  padding: 12px 28px;
  border-radius: 8px;
  text-decoration: none;
  display: inline-block;
  transition: 0.2s ease;
}

.az-back-btn:hover {
  background: #A91F1F;
}


/* ==========================================================
   AZ SUBMENU – v4.2 FIX (Ikon, ingen bullets, blog-grid)
   ========================================================== */

/* Fjern bullets i alle lister */
.az-submenu-list,
.az-submenu-blog-grid ul,
.az-submenu-blog-grid li {
  list-style: none !important;
  margin: 0;
  padding: 0;
}

/* Bloggrid wrapper */
.az-submenu-blog-grid {
  display: block;
  max-width: 700px;
  margin: 0 auto 20px;
}

/* Blogliste (shortcode output) */
.az-submenu-blog-grid ul {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
  margin: 0;
  padding: 0;
}

/* Bloglinks */
.az-submenu-blog-grid li a {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 16px;
  border-radius: 10px;
  background: #F9FAFC;
  border: 1px solid #D7DFE8;
  text-decoration: none;
  color: #1D1D1D;
  transition: 0.2s ease;
}

.az-submenu-blog-grid li a:hover {
  background: #1D3F72;
  color: #fff;
  border-color: #1D3F72;
}

/* Blog-dato mindre og i grå */
.az-submenu-blog-grid .az-blog-date {
  margin-left: auto;
  font-size: 13px;
  color: #5a5a5a;
}

/* Ikon foran blogtitel */
.az-submenu-blog-grid li a::before {
  content: "📘";
  font-size: 18px;
  flex-shrink: 0;
}

/* Ikon foran "Læs mere om mår" titel */
.az-submenu-title::before {
  content: "🦊"; /* eller vælg: 🐾 🐾 🦝  */
  font-size: 28px;
  margin-right: 8px;
  display: inline-block;
  vertical-align: middle;
}

/* ==========================================================
   "Derfor vælger kunderne os" – sektion design
========================================================== */

.az-kunderne-os {
  text-align: center;
  margin: 60px auto;
}

.az-kunderne-os p {
  font-size: 18px;
  line-height: 1.7;
  color: #1D1D1D;
  max-width: 760px;
  margin: 0 auto 18px;
}

.az-title-center {
  color: #1D3F72;
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 25px;
}

/* Checkliste */
.az-checklist {
  list-style: none;
  padding: 0;
  margin: 25px auto 35px;
  max-width: 480px;
  text-align: left;
}

.az-checklist li {
  font-size: 18px;
  color: #1D1D1D;
  padding-left: 32px;
  margin-bottom: 10px;
  position: relative;
  line-height: 1.6;
}

.az-checklist li::before {
  content: "✔";
  color: #C62828; /* Rød brandfarve */
  font-weight: 700;
  position: absolute;
  left: 0;
  top: 0;
}

/* CTA-knapper */
.az-btn-box {
  display: flex;
  justify-content: center;
  gap: 16px;
  flex-wrap: wrap;
  margin-top: 25px;
}

.az-btn {
  padding: 14px 28px;
  font-size: 18px;
  font-weight: 700;
  border-radius: 8px;
  text-decoration: none;
  display: inline-block;
}

/* Blå */
.az-btn.az-primary {
  background: #1D3F72;
  color: #fff;
}

.az-btn.az-primary:hover {
  background: #16345d;
}

/* Rød */
.az-btn.az-secondary {
  background: #C62828;
  color: #fff;
}

.az-btn.az-secondary:hover {
  background: #A21F1F;
}

/* Mobil */
@media (max-width: 600px) {
  .az-title-center {
    font-size: 26px;
  }
  .az-checklist {
    max-width: 100%;
  }
}

/* ==========================================================
   FIX – CTA knapper i "Derfor vælger kunderne os" v4.0
   ========================================================== */

/* Boks spacing */
.az-kunderne-os .az-btn-box {
  display: flex;
  gap: 16px;
  justify-content: center;
  margin-top: 25px;
  flex-wrap: wrap;
}

/* Base button fix */
.az-kunderne-os .az-btn {
  padding: 12px 28px !important;
  font-size: 18px !important;
  border-radius: 8px !important;
  line-height: 1.2 !important;
  display: inline-block !important;
  white-space: nowrap !important;
}

/* Blå knap */
.az-kunderne-os .az-primary {
  background: #1D3F72 !important;
  color: #fff !important;
}

/* Rød knap */
.az-kunderne-os .az-secondary {
  background: #C62828 !important;
  color: #fff !important;
}

/* Hover */
.az-kunderne-os .az-btn:hover {
  opacity: 0.9;
}

/* ==========================================================
   FIX – Fjern bullets og tilføj tjekmærker i "kunderne os"
   ========================================================== */

.az-kunderne-os .az-checklist {
  list-style: none !important;
  padding: 0;
  margin: 15px auto 25px;
  max-width: 650px;
}

.az-kunderne-os .az-checklist li {
  position: relative;
  padding-left: 28px;
  margin-bottom: 10px;
  font-size: 18px;
  color: #1D1D1D;
  line-height: 1.6;
}

/* checkmark */
.az-kunderne-os .az-checklist li::before {
  content: "✔";
  position: absolute;
  left: 0;
  top: 0;
  color: #1D3F72; /* blå checkmark (kan skiftes til rød: #C62828) */
  font-weight: 700;
  font-size: 18px;
}

/* ==========================================================
AZ CONTACT FORM 7 – HOVEDLAYOUT
========================================================== */

.az-contact-section {
  background: #FFFFFF;
  border-radius: 14px;
  padding: 40px 30px;
  max-width: 900px;
  margin: 40px auto;
  box-shadow: 0 8px 24px rgba(10, 34, 64, 0.10);
  border: 1px solid #D7DFE8;
}

.az-contact-title {
  font-family: "Merriweather", Georgia, serif;
  font-size: clamp(26px, 3vw, 32px);
  font-weight: 600;
  color: #1D3F72;
  text-align: center;
  margin: 0 0 12px;
}

.az-contact-intro {
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 16px;
  line-height: 1.7;
  color: #1D1D1D;
  text-align: center;
  max-width: 640px;
  margin: 0 auto 28px;
}

/* GRID */
.az-contact-grid {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

/* FELTER */
.az-field label {
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #1D3F72;
  display: block;
  margin-bottom: 4px;
}

/* Inputs & textarea – CF7 */
.az-field input[type="text"],
.az-field input[type="email"],
.az-field input[type="tel"],
.az-field textarea {
  width: 100%;
  padding: 10px 12px;
  border-radius: 8px;
  border: 1px solid #D7DFE8;
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 15px;
  color: #1D1D1D;
  background: #F9FAFC;
  transition: border-color 0.15s ease, box-shadow 0.15s ease, background-color 0.15s ease;
  box-sizing: border-box;
}

.az-field textarea {
  min-height: 140px;
  resize: vertical;
}

/* Fokusstil */
.az-field input[type="text"]:focus,
.az-field input[type="email"]:focus,
.az-field input[type="tel"]:focus,
.az-field textarea:focus {
  outline: none;
  border-color: #1D3F72;
  box-shadow: 0 0 0 1px rgba(29, 63, 114, 0.2);
  background: #ffffff;
}

/* 2 kolonner – Postnr / By */
.az-row.az-row--2 {
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: 14px;
}

@media (max-width: 600px) {
  .az-row.az-row--2 {
    grid-template-columns: 1fr;
  }
}

/* GDPR / consent */
.az-field--consent {
  margin-top: 10px;
}

.az-consent-label {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #1D1D1D;
}

.az-consent-label input[type="checkbox"] {
  margin-top: 3px;
}

.wpcf7-acceptance .wpcf7-list-item {
  display: flex;
  align-items: flex-start;
  gap: 8px;
}

.wpcf7-acceptance .wpcf7-list-item label {
  display: contents;
}

/* Submit-område */
.az-contact-actions {
  margin-top: 20px;
  text-align: center;
}

/* CF7 submit-knap bruger .az-btn + .az-btn--primary fra theme-az.css */
.az-contact-actions .az-btn {
  padding: 12px 28px;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 700;
  border: none;
  cursor: pointer;
}

/* Fejl / succes fra CF7 */
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.failed .wpcf7-response-output {
  border-color: #C62828;
  color: #C62828;
  margin-top: 20px;
}

.wpcf7 form.sent .wpcf7-response-output {
  border-color: #2e7d32;
  color: #2e7d32;
  margin-top: 20px;
}

/* ==========================================================
   AZ MÅR – INTRO (HOVEDSIDE)
   ========================================================== */

/* Gør mår-intro lidt mere "artikelagtig" (venstrejusteret tekst) */
.az-intro-maar p {
  text-align: left !important;
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
}

/* Checkliste følger samme max-width som teksten */
.az-intro-maar .az-checklist {
  max-width: 900px;
  margin: 25px auto 35px;
}

/* Fjern bullets og brug tjekmærker i mår-introen */
.az-intro-maar .az-checklist li {
  list-style: none !important;
  position: relative;
  padding-left: 28px;
  margin-bottom: 10px;
  font-size: 18px;
  color: #1D1D1D;
  line-height: 1.6;
}

.az-intro-maar .az-checklist li::before {
  content: "✔";
  position: absolute;
  left: 0;
  top: 0;
  color: #C62828; /* rød brandfarve */
  font-weight: 700;
  font-size: 18px;
}


/* ==========================================================
   AZ MÅR – TEGN PÅ MÅR (HOVEDSIDE)
   ========================================================== */

.az-maar-signs {
  padding: 70px 20px;
}

.az-maar-signs-grid {
  margin-top: 20px;
}

.az-maar-sign h3 {
  font-size: 20px;
  font-weight: 700;
  color: #1D3F72;
  margin: 16px 16px 10px;
}

.az-maar-sign p {
  font-size: 16px;
  line-height: 1.7;
  color: #1D1D1D;
  margin: 0 16px 12px;
}

/* ===========================================
   REGION-BOKSE – ENDGULTIG VERSION (SCOPET)
=========================================== */

/* Wrapper for region */
.az-city-box .az-region {
  margin-bottom: 32px;
}

/* Region-overskrift (klikbar) */
.az-city-box .az-region-title {
  display: block;
  background: #1D3F72;
  color: #fff;
  padding: 12px 16px;
  font-size: 20px;
  font-weight: 700;
  border-radius: 6px;
  text-decoration: none;
  margin-bottom: 14px;
  transition: 0.2s ease;
}

.az-city-box .az-region-title:hover {
  background: #C62828;
}

/* By-links – desktop (flex-wrap) */
.az-city-box .az-region-cities {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.az-city-box .az-region-cities a {
  background: #F5F7FA;
  color: #1D3F72;
  padding: 10px 14px;
  border-radius: 6px;
  font-size: 16px;
  border: 1px solid #1D3F72;
  text-decoration: none;
  transition: 0.2s ease;
  line-height: 1.4;
}

.az-city-box .az-region-cities a:hover {
  background: #C62828;
  color: #fff;
  border-color: #C62828;
}

/* ===========================================
   MOBIL-OPTIMERING – 2 kolonner
=========================================== */
@media (max-width: 600px) {

  .az-city-box .az-region-title {
    font-size: 18px;
    padding: 10px 14px;
    text-align: center;
  }

  .az-city-box .az-region-cities {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
  }

  .az-city-box .az-region-cities a {
    width: 100%;
    text-align: center;
    padding: 12px 10px;
    font-size: 15px;
    border-radius: 8px;
    line-height: 1.3;
    white-space: normal;
    word-break: break-word;
  }

  .az-city-box .az-region {
    margin-bottom: 40px;
  }
}

/* ==========================================================
   AZ FAQ – MÅR HOVEDSIDE (DESIGN v1.0)
========================================================== */

/* Selve FAQ-sektionen */
.az-faq-maar {
  background: #F9FAFC;              /* lys blålig baggrund */
  padding: 70px 20px;
}

/* Container for FAQ-listen */
.az-faq-maar .az-faq-list {
  max-width: 900px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 16px;                        /* afstand mellem kort */
}

/* Hvert spørgsmål/svar som kort */
.az-faq-maar .az-faq-item {
  background: #ffffff;
  border-radius: 12px;
  padding: 16px 18px 14px;
  border-left: 4px solid #C62828;   /* rød brandkant */
  box-shadow: 0 3px 10px rgba(0,0,0,0.06);
}

/* Spørgsmål */
.az-faq-maar .az-faq-item h3 {
  margin: 0 0 6px;
  font-size: 18px;
  font-weight: 700;
  color: #1D3F72;                   /* blå */
}

/* Svar */
.az-faq-maar .az-faq-item p {
  margin: 4px 0 0;
  font-size: 15px;
  line-height: 1.7;
  color: #1D1D1D;
}

/* Links i FAQ */
.az-faq-maar .az-faq-item a {
  color: #C62828;
  text-decoration: underline;
}

/* Mobil-tilpasning */
@media (max-width: 600px) {
  .az-faq-maar {
    padding: 50px 16px;
  }

  .az-faq-maar .az-faq-item {
    padding: 14px 14px 12px;
  }

  .az-faq-maar .az-faq-item h3 {
    font-size: 17px;
  }

  .az-faq-maar .az-faq-item p {
    font-size: 14px;
  }
}

/* ==========================================================
   AZ Inline Small cta
========================================================== */

.az-cta-inline-small {
  text-align:center;
  margin-top:30px;
}

.az-btn--small {
  padding: 10px 20px;
  font-size: 15px;
  border-radius: 6px;
}


/* ==========================================================
   AZ SUMMARY BOX – (HUSMÅR / MÅRBEKÆMPELSE)
   ========================================================== */

.az-summary-box {
  background: #F5F7FA;
  border-left: 5px solid #C62828; /* rød brandlinje */
  padding: 22px 26px;
  margin: 50px auto 40px;
  max-width: 880px;
  border-radius: 6px;
}

.az-summary-box h3 {
  margin: 0 0 10px;
  font-size: 20px;
  font-weight: 700;
  color: #1D3F72;
}

.az-summary-box p {
  font-size: 16px;
  line-height: 1.7;
  color: #1D1D1D;
}

@media (max-width: 600px) {
  .az-summary-box {
    padding: 18px 20px;
  }
}



/* ===========================================
   HOWTO – CLEAN LIST (AZ v3.1)
=========================================== */

.az-howto-clean {
  margin-top: 30px;
}

.az-howto-list {
  display: flex;
  flex-direction: column;
  gap: 22px;
  margin-top: 20px;
}

.az-howto-row {
  display: flex;
  gap: 16px;
  align-items: flex-start;
  padding: 14px 18px;
  border-left: 4px solid #1D3F72;
  background: #F7F9FC;
  border-radius: 6px;
}

.az-howto-num {
  background: #1D3F72;
  color: #fff;
  min-width: 36px;
  height: 36px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 17px;
}

.az-howto-text h3 {
  margin: 0 0 4px 0;
  font-size: 18px;
  font-weight: 700;
  color: #1D3F72;
}

.az-howto-text p {
  margin: 0;
  font-size: 16px;
  line-height: 1.55;
  color: #333;
}

/* Professionelt trin */
.az-pro-step {
  border-left-color: #C62828;
}

.az-pro-step .az-howto-num {
  background: #C62828;
}

/* CTA */
.az-howto-cta {
  text-align: center;
  margin-top: 35px;
}

/* Mobil */
@media (max-width: 600px) {
  .az-howto-row {
    padding: 14px 14px;
  }

  .az-howto-text h3 {
    font-size: 17px;
  }
}


/* ==========================================
   AZ MÅR – LOV, FÆLDER & FORSIKRING
   ========================================== */

.az-legal-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 26px;
}

.az-legal-box {
  background: #FFFFFF;
  border-radius: 14px;
  padding: 24px 22px 26px;
  border: 1px solid #D7DFE8;
  box-shadow: 0 4px 12px rgba(0,0,0,0.05);
}

.az-legal-box h3 {
  font-size: 20px;
  font-weight: 700;
  color: #1D3F72;
  margin-bottom: 12px;
}

.az-legal-box p {
  font-size: 16px;
  line-height: 1.7;
  color: #1D1D1D;
  margin-bottom: 12px;
}

.az-legal-box ul {
  list-style: none;
  margin: 0 0 12px;
  padding: 0;
}

.az-legal-box ul li {
  position: relative;
  padding-left: 22px;
  margin-bottom: 6px;
  font-size: 15px;
  line-height: 1.6;
}

.az-legal-box ul li::before {
  content: "✔";
  position: absolute;
  left: 0;
  top: 0;
  color: #C62828; /* rød brandfarve */
  font-weight: 700;
}

/* Mobil */
@media (max-width: 600px) {
  .az-legal-box {
    padding: 20px 18px 22px;
  }
}

/* Kunde-cases grid (AZ Global System 2025) */
.az-cases-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 30px;
}

.az-case {
  background:#ffffff;
  border:1px solid #e5e7eb;
  padding:25px 30px;
  border-radius:8px;
  box-shadow:0 2px 6px rgba(0,0,0,0.05);
}

.az-case h3 {
  margin-bottom:10px;
  color:#1D3F72;
  font-size:20px;
  line-height:1.4;
}

.az-case p {
  font-size:16px;
  line-height:1.7;
  color:#1D1D1D;
}


.az-maar-signs-grid,
.az-maar-risk-grid,
.az-cases-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 30px;
}

.az-maar-sign,
.az-maar-risk-item,
.az-case {
  background:#ffffff;
  border:1px solid #e5e7eb;
  padding:25px 30px;
  border-radius:8px;
  box-shadow:0 2px 6px rgba(0,0,0,0.04);
}

/* ==========================================================
AZ – MÅRCASE GRID (kun til denne side)
========================================================== */
.az-maar-cases-grid {
  display: grid;
  gap: 25px;
  grid-template-columns: repeat(3, 1fr); /* desktop */
}

@media (max-width: 1024px) {
  .az-maar-cases-grid {
    grid-template-columns: repeat(2, 1fr); /* tablet */
  }
}

@media (max-width: 600px) {
  .az-maar-cases-grid {
    grid-template-columns: 1fr; /* mobil */
  }
}

/* Case-kort styling */
.az-maar-case {
  background:#ffffff;
  border:1px solid #e5e7eb;
  padding:25px 30px;
  border-radius:8px;
  box-shadow:0 2px 6px rgba(0,0,0,0.05);
}

.az-maar-case h3 {
  color:#1D3F72;
  font-size:18px;
  margin-bottom:10px;
  line-height:1.4;
  display:flex;
  align-items:center;
  gap:6px;
}

.az-case-icon {
  font-size:20px;
}

.az-maar-case p {
  font-size:15px;
  line-height:1.6;
  color:#1D1D1D;
}

/* ==========================================================
📑 INDHOLDSFORTEGNELSE (TOC) – MÅRBEKÆMPELSE
========================================================== */

.az-toc-section {
  background: #F9FAFC;
  border-top: 2px solid #1D3F72;
  border-bottom: 1px solid #E5E7EB;
  padding: 30px 0;
  margin: 40px auto 40px;
}

.az-toc {
  max-width: 1100px;
  margin: 0 auto;
}

.az-toc-title {
  font-family: 'Merriweather', serif;
  font-size: 24px;
  color: #1D3F72;
  margin-bottom: 10px;
}

.az-toc-intro {
  font-family: 'Open Sans', Arial, sans-serif;
  font-size: 15px;
  line-height: 1.7;
  color: #444;
  margin-bottom: 15px;
}

.az-toc-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 8px 25px;
}

.az-toc-list li {
  margin: 0;
}

.az-toc-list a {
  display: block;
  text-decoration: none;
  font-family: 'Open Sans', Arial, sans-serif;
  font-size: 14px;
  line-height: 1.6;
  color: #1D3F72;
  padding: 4px 0;
}

.az-toc-list a:hover,
.az-toc-list a:focus {
  text-decoration: underline;
}

/* Mobil: én kolonne – eller skjul helt hvis du kun vil bruge mini-TOC */
@media (max-width: 768px) {
  .az-toc-section {
    padding: 20px 0;
    margin: 20px auto 30px;
    display: none; /* fjern denne linje hvis du vil vise TOC på mobil */
  }

  .az-toc-list {
    grid-template-columns: 1fr;
  }

  .az-toc-list a {
    font-size: 15px;
  }
}


/* ==========================================================
📌 MINI-TOC – FAST & TYDELIG (AZ v1.1)
========================================================== */

/* Selve baren – fixed øverst og full-width */
.az-toc-sticky {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9999;                 /* højere end alt andet på siden */
  background: #FFFFFF;
  padding: 8px 0;
  border-bottom: 2px solid #1D3F72;  /* tydelig AZ-blå linje */
  box-shadow: 0 2px 6px rgba(0,0,0,0.08); /* gør den mere synlig */
}

/* Inder-container – centreret og kompakt */
.az-toc-sticky-inner {
  max-width: 1100px;
  margin: 0 auto;
  display: flex;
  justify-content: center;       /* centrér links */
  gap: 10px;
  align-items: center;
  font-size: 13px;
}

/* Label */
.az-toc-sticky-label {
  color: #1D3F72;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  white-space: nowrap;
}

/* Links */
.az-toc-sticky a {
  color: #1D3F72;
  text-decoration: none;
  padding: 4px 10px;
  border-radius: 999px;
  white-space: nowrap;
  background: #F3F4F8;
  border: 1px solid #D5DAE6;
  transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}

/* Hover */
.az-toc-sticky a:hover {
  background: #1D3F72;
  color: #FFFFFF;
  border-color: #1D3F72;
}

/* Mobil: kompakt + horisontal scroll */
@media (max-width: 768px) {
  .az-toc-sticky {
    padding: 6px 0;
  }

  .az-toc-sticky-inner {
    font-size: 12px;
    gap: 6px;
    overflow-x: auto;
    white-space: nowrap;
    padding: 0 10px;
  }

  .az-toc-sticky-label {
    display: none; /* valgfrit – kan skjules på mobil hvis den fylder for meget */
  }
}


/* ==========================================================
   AZ MÅR – GØR-DET-SELV VS PROF (HOVEDSIDE) – CLEAN v5
========================================================== */

.az-maar-diy {
  padding: 70px 20px;
}

.az-maar-diy-grid {
  margin-top: 10px;
}

/* Sikr at kortet ikke klipper indhold */
.az-card.az-maar-diy-box {
  overflow: visible !important;
  padding-top: 10px; /* lidt luft inden i kortet */
}

/* Overskrift i bokse */
.az-maar-diy-box h3 {
  font-size: 20px;
  font-weight: 700;
  color: #1D3F72;
  margin: 10px 16px 12px;
}

/* Underoverskrifter i bokse */
.az-maar-diy-box h4 {
  font-size: 16px;
  font-weight: 700;
  color: #1D3F72;
  margin: 12px 16px 6px;
}

/* Brødtekst i bokse */
.az-maar-diy-box p {
  font-size: 15px;
  line-height: 1.7;
  color: #1D1D1D;
  margin: 0 16px 10px;
}

/* Lister i boksen – med checkmarks */
.az-maar-diy-box .az-checklist {
  list-style: none !important;
  margin: 0 16px 8px;
  padding: 0;
}

.az-maar-diy-box .az-checklist li {
  position: relative;
  padding-left: 26px;
  margin-bottom: 6px;
  font-size: 15px;
  line-height: 1.6;
}

.az-maar-diy-box .az-checklist li::before {
  content: "✔";
  position: absolute;
  left: 0;
  top: 0;
  color: #C62828; /* rød brandfarve */
  font-weight: 700;
  font-size: 16px;
}

/* Ikon-wrap over boksen */
.az-maar-diy-icon-wrap {
  text-align: center;
  margin-bottom: 8px;
}

/* Ikonerne selv – desktop */
.az-card.az-maar-diy-box img.az-maar-diy-icon {
  width: 110px !important;   /* tydeligt ikon på desktop */
  height: auto !important;
  display: block;
  margin: 0 auto;
  object-fit: contain !important;
  max-height: none !important;
  transform: none !important;
  opacity: 0.98;
}

/* Mobil-tilpasning */
@media (max-width: 768px) {
  .az-maar-diy {
    padding: 50px 20px;
  }

  .az-maar-diy-box h3 {
    margin: 10px 14px 10px;
  }

  .az-maar-diy-box h4 {
    margin: 10px 14px 6px;
  }

  .az-maar-diy-box .az-checklist {
    margin: 0 14px 8px;
  }

  .az-card.az-maar-diy-box img.az-maar-diy-icon {
    width: 80px !important;  /* lidt mindre, men tydeligt på mobil */
  }
}

/* ===========================================
   AZ – Billedsektioner (mår + øvrige sider)
=========================================== */

.az-figure {
  margin: 30px 0;
}

.az-figure img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 6px;
}

.az-figure-caption {
  font-size: 14px;
  line-height: 1.6;
  color: #555;
  margin-top: 8px;
  font-style: italic;
}

.az-figure-note {
  margin-top: 10px;
  padding: 12px 15px;
  border-left: 4px solid var(--az-primary, #1D3F72);
  background: #f3f6fb;
  font-size: 15px;
  line-height: 1.7;
  color: #333;
  border-radius: 4px;
}

@media (max-width: 768px) {
  .az-figure {
    margin: 25px 0;
  }
}

/* ==========================================================
   AZ Kontakt – Kompakt Indholdsfortegnelse (Blå/Rød v2)
   ========================================================== */

.az-toc-contact {
  background:#F9FAFC;
  border:1px solid #E5E7EB;
  padding:12px 18px;
  border-radius:8px;
  margin-bottom:30px;
  font-family:'Open Sans', sans-serif;
}

.az-toc-inner {
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  align-items:center;
  justify-content:center; /* centrering */
  font-size:15px;
}

.az-toc-contact a {
  color:#1D3F72;
  text-decoration:none;
  font-weight:600;
}

.az-toc-contact a:hover {
  color:#c62828; /* rød hover */
}

.az-toc-label {
  font-weight:700;
  color:#1D3F72;
  margin-right:4px;
}

.az-toc-contact .sep {
  color:#c62828;
  font-weight:700;
}

/* ==========================================================
AZ – MINI-TOC (lokal sticky i content i stedet for global fixed)
Overstyrer tidligere .az-toc-sticky
========================================================== */

.az-toc-sticky {
  position: sticky;
  top: 80px;               /* justér ift. din header-højde */
  z-index: 50;
  background: #FFFFFF;
  border: 1px solid #E5E7EB;
  border-radius: 999px;
  padding: 6px 10px;
  max-width: 1100px;
  margin: 20px auto 30px;
  box-shadow: 0 2px 4px rgba(0,0,0,0.04);
}

/* Inder-container – centrering og wrap */
.az-toc-sticky-inner {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  overflow-x: auto;
  white-space: nowrap;
}

/* Label */
.az-toc-sticky-label {
  color: #1D3F72;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  white-space: nowrap;
}

/* Links */
.az-toc-sticky a {
  color: #1D3F72;
  text-decoration: none;
  padding: 4px 10px;
  border-radius: 999px;
  background: #F3F4F8;
  border: 1px solid #D5DAE6;
  transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
  white-space: nowrap;
}

/* Hover */
.az-toc-sticky a:hover {
  background: #1D3F72;
  color: #FFFFFF;
  border-color: #1D3F72;
}

/* Mobil – lidt mere kompakt */
@media (max-width: 768px) {
  .az-toc-sticky {
    top: 70px;           /* evt. lidt lavere på mobil */
    padding: 4px 8px;
    margin: 10px auto 20px;
    border-radius: 10px;
  }

  .az-toc-sticky-inner {
    font-size: 12px;
    gap: 6px;
    padding-bottom: 4px;
  }

  .az-toc-sticky-label {
    display: none;       /* kan skjules for at spare plads */
  }
}




/* ==========================================================
AZ BREADCRUMB – Elegant blå/rød version
========================================================== */

.az-breadcrumb {
  background: #F9FAFC;
  border-bottom: 1px solid #E5E7EB;
  padding: 10px 0;
  font-family: 'Open Sans', Arial, sans-serif;
  font-size: 14px;
}

.az-breadcrumb-inner {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 15px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
}

.az-breadcrumb a {
  color: #1D3F72;
  text-decoration: none;
  font-weight: 600;
}

.az-breadcrumb a:hover {
  color: #c62828;
}

.az-breadcrumb .sep {
  color: #c62828;
  font-weight: 600;
}

.az-breadcrumb .current {
  color: #c62828;
  font-weight: 700;
}

/* ==========================================
AZ GLOBAL TOC v1.6 – Floating, H2-only (tweaked)
========================================== */

.az-global-toc {
  background: #FFFFFFF8; /* let transparent hvid + blur giver "kort" look */
  backdrop-filter: blur(4px);
  border: 1px solid #D5DAE6;
  border-left: 4px solid #1D3F72;  /* blå accent */
  border-radius: 12px;
  padding: 18px 20px;               /* lidt mere luft */
  font-family: 'Open Sans', Arial, sans-serif;
  font-size: 15px;                  /* ↑ fra 14px */
  line-height: 1.6;                 /* en anelse mere læsbar */
  color: #1D3F72;
  box-shadow: 0 10px 25px rgba(15, 23, 42, 0.18);
  z-index: 999;

  /* starter skjult – bliver vist når man scroller forbi hero (styres af JS) */
  opacity: 0;
  pointer-events: none;
  transform: translateY(10px);
  transition: opacity 0.2s ease, transform 0.2s ease;
}

/* Aktiv/visible state (tilføjes med JS) */
.az-global-toc.az-toc-visible {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}

/* === FLOATING RIGHT ON DESKTOP === */
@media (min-width: 1200px) {
  .az-global-toc {
    position: fixed;
    top: 180px;      /* hvor højt den sidder under header/hero */
    right: 60px;     /* ↑ fra 32px = længere ind på siden */
    width: 340px;    /* en smule bredere */
  }

  .az-global-toc-inner {
    max-height: calc(100vh - 190px);
    overflow-y: auto;   /* kun lodret scroll hvis nødvendigt */
    overflow-x: hidden; /* ingen horisontal scrollbar */
    padding-right: 4px;
  }
}

/* === Overskrift (hvis du stadig bruger den) === */
.az-toc-heading {
  font-weight: 700;
  font-size: 17px;          /* ↑ fra 16px */
  text-transform: uppercase;
  letter-spacing: 0.06em;
  margin-bottom: 10px;
  color: #1D3F72;
}

/* === Liste === */
.az-toc-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.az-toc-list li {
  margin-bottom: 5px;
}

.az-toc-list a {
  display: block;
  text-decoration: none;
  color: #1D3F72;
  padding: 4px 0;          /* lidt mere klikhøjde */
  font-size: 15px;         /* matcher basis */
}

.az-toc-list a:hover,
.az-toc-list a:focus {
  text-decoration: underline;
}

/* ==========================================
MOBIL / TABLET – TOC = Accordion
========================================== */

@media (max-width: 1199px) {
  .az-global-toc {
    position: static;
    width: 100%;
    margin: 20px auto;
    opacity: 1;                /* altid synlig på mobil */
    pointer-events: auto;
    transform: none;
    border-left-width: 3px;    /* lidt smallere accent på små skærme */
  }

  .az-toc-heading {
    display: none;             /* hvis du kun bruger knap på mobil */
  }

  .az-toc-toggle {
    display: block;
    width: 100%;
    background: #1D3F72;
    color: #FFFFFF;
    padding: 10px 12px;
    border-radius: 8px;
    border: none;
    font-size: 15px;
    font-weight: 600;
    text-align: left;
    cursor: pointer;
  }

  .az-toc-list {
    display: none;
    margin-top: 10px;
  }

  .az-global-toc.open .az-toc-list {
    display: block;
  }
}

/* ==========================================
Case Box
========================================== */
.az-case-result-box,
.az-case-result-box p,
.az-case-result-box li,
.az-case-result-box strong {
  color: #ffffff !important;
}


/* ============================================
   AZ CHECKLIST – BASE (ingen bullets)
   ============================================ */
ul.az-checklist {
  list-style: none;
  padding-left: 0;
  margin-left: 0;
}

ul.az-checklist > li {
  list-style: none;
}

/* ============================================
   AZ CHECKLIST – CHECKMARK
   ============================================ */
.az-checklist--check li {
  position: relative;
  padding-left: 28px;
}

.az-checklist--check li::before {
  content: "✔";
  position: absolute;
  left: 0;
  top: 0.15em;
  font-weight: 600;
  color: #1D3F72;
}

/* ============================================
   AZ CHECKLIST – SILENT (ingen ikoner)
   Slår checkmark fra hvis man kombinerer klasser
   ============================================ */
.az-checklist--silent li {
  padding-left: 0;
}

.az-checklist--silent li::before {
  display: none;
  content: none;
}

/* Ekstra robust: hvis nogen skriver class="az-checklist az-checklist--check az-checklist--silent" */
.az-checklist--check.az-checklist--silent li::before {
  display: none;
  content: none;
}

/* ==========================================================
   AZ AREAS (Områdedækning) – v1.0
   Bruges til lokale områder + adgangsveje
   ========================================================== */

.az-areas {
  background: #ffffff;
  padding: 70px 20px;
  border-top: 2px solid #1D3F72;
}

.az-areas-title {
  text-align: center;
  font-family: 'Merriweather', serif;
  font-size: 32px;
  color: #1D3F72;
  margin: 0 0 10px;
  line-height: 1.3;
}

.az-areas-lead {
  text-align: center;
  max-width: 780px;
  margin: 0 auto 40px;
  font-size: 17px;
  color: #333;
  line-height: 1.7;
}

.az-areas-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
  gap: 40px;
}

.az-areas-card {
  background: #F9FAFC;
  padding: 30px;
  border-radius: 14px;
  border: 1px solid #E5E7EB;
  box-shadow: 0 2px 6px rgba(0,0,0,0.05);
}

.az-areas-h3 {
  font-family: 'Merriweather', serif;
  font-size: 24px;
  color: #1D3F72;
  margin: 0 0 15px;
  line-height: 1.3;
}

.az-areas-text {
  font-size: 16px;
  line-height: 1.7;
  color: #333;
  margin: 0 0 12px;
}

/* Checklist spacing i card */
.az-areas-list {
  margin: 0;
  font-size: 16px;
  line-height: 1.7;
  color: #333;
}

.az-areas-list li + li {
  margin-top: 6px;
}

.az-areas-note {
  margin-top: 10px;
  font-size: 15px;
  color: #666;
  line-height: 1.7;
}

.az-areas-outro {
  margin: 40px auto 0;
  max-width: 900px;
  text-align: center;
  font-size: 16px;
  line-height: 1.7;
  color: #333;
}

/* Mobil */
@media (max-width: 480px) {
  .az-areas { padding: 55px 15px; }
  .az-areas-title { font-size: 26px; }
  .az-areas-grid { gap: 22px; }
  .az-areas-card { padding: 22px; }
}

/* ==========================================================
   AZ SYMPTOMS – v1.0 (Kompakt, konverteringsfokus)
   ========================================================== */

.az-symptoms {
  background: #F9FAFC;
  padding: 70px 20px;
  border-top: 2px solid #1D3F72;
}

.az-symptoms-title {
  text-align: center;
  font-family: 'Merriweather', serif;
  font-size: 32px;
  color: #1D3F72;
  margin: 0 0 15px;
  line-height: 1.3;
}

.az-symptoms-lead {
  text-align: center;
  max-width: 720px;
  margin: 0 auto 45px;
  font-family: 'Open Sans', Arial, sans-serif;
  color: #333;
  line-height: 1.7;
  font-size: 16px;
}

.az-symptoms-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 35px;
}

.az-symptoms-card {
  background: #fff;
  border: 1px solid #E5E7EB;
  border-radius: 14px;
  padding: 30px;
}

.az-symptoms-h3 {
  font-family: 'Merriweather', serif;
  font-size: 24px;
  color: #1D3F72;
  margin: 0 0 15px;
  line-height: 1.3;
}

/* Tegn-liste */
.az-symptoms-list {
  margin: 0;
  font-size: 16px;
  line-height: 1.7;
  color: #333;
}

.az-symptoms-list li + li {
  margin-top: 6px;
}

/* 3-trins løsning */
.az-symptoms-steps {
  margin: 0;
  padding-left: 20px;
  font-size: 16px;
  line-height: 1.7;
  color: #333;
}

.az-symptoms-steps li + li {
  margin-top: 12px;
}

.az-symptoms-steps strong {
  display: block;
  margin-bottom: 4px;
}

.az-symptoms-steps span {
  display: block;
  color: #333;
}

/* Note */
.az-symptoms-note {
  margin-top: 12px;
  font-size: 15px;
  color: #555;
  line-height: 1.7;
}

/* Akut CTA */
.az-symptoms-cta {
  text-align: center;
  margin-top: 60px;
}

.az-btn.az-btn-lg {
  padding: 16px 34px;
  font-size: 20px;
  border-radius: 12px;
  font-weight: 600;
  display: inline-block;
}

.az-symptoms-cta-sub {
  margin-top: 14px;
}

.az-symptoms-link {
  color: #c62828;
  font-size: 16px;
  text-decoration: underline;
}

/* Mobil */
@media (max-width: 480px) {
  .az-symptoms { padding: 55px 15px; }
  .az-symptoms-title { font-size: 26px; }
  .az-symptoms-card { padding: 22px; }
  .az-btn.az-btn-lg { font-size: 18px; padding: 14px 24px; }
}

/* ==========================================================
   AZ MARTEN (Om måren) – v1.0
   2-kolonne sektion med cards
   ========================================================== */

.az-marten {
  background: #F9FAFC;
  padding: 70px 20px;
  border-top: 2px solid #1D3F72;
}

.az-marten-title {
  text-align: center;
  font-family: 'Merriweather', serif;
  font-size: 32px;
  color: #1D3F72;
  margin: 0 0 10px;
  line-height: 1.3;
}

.az-marten-lead {
  text-align: center;
  max-width: 760px;
  margin: 0 auto 50px;
  color: #333;
  font-size: 17px;
  line-height: 1.7;
  font-family: 'Open Sans', Arial, sans-serif;
}

.az-marten-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(380px, 1fr));
  gap: 40px;
  align-items: start;
}

.az-marten-card {
  background: #fff;
  padding: 35px;
  border-radius: 14px;
  border: 1px solid #E5E7EB;
  box-shadow: 0 2px 6px rgba(0,0,0,0.06);
}

.az-marten-h3 {
  font-family: 'Merriweather', serif;
  font-size: 24px;
  color: #1D3F72;
  margin: 0 0 15px;
  line-height: 1.3;
}

.az-marten-text {
  line-height: 1.7;
  color: #333;
  font-size: 16px;
  margin: 0 0 14px;
  font-family: 'Open Sans', Arial, sans-serif;
}

.az-marten-text--top { margin-top: 10px; }

.az-marten-h4 {
  margin-top: 20px;
  margin-bottom: 12px;
  color: #1D3F72;
  font-family: 'Merriweather', serif;
  line-height: 1.3;
}

.az-marten-list {
  margin: 0;
  font-size: 16px;
  line-height: 1.7;
  color: #333;
}

.az-marten-list li + li { margin-top: 6px; }
.az-marten-list--loose li + li { margin-top: 8px; }

.az-marten-cta {
  margin-top: 20px;
  line-height: 1.7;
  color: #444;
  font-family: 'Open Sans', Arial, sans-serif;
}

/* Mobil */
@media (max-width: 480px) {
  .az-marten { padding: 55px 15px; }
  .az-marten-title { font-size: 26px; }
  .az-marten-card { padding: 22px; }
  .az-marten-grid { gap: 22px; }
}

/* ==========================================================
   AZ MINI CTA – v1.0
   Bruges før kontakt / efter sektioner
   ========================================================== */

.az-mini-cta {
  padding: 60px 20px;
}

.az-mini-cta--blue {
  background: #1D3F72;
  color: #ffffff;
}

.az-mini-cta-inner {
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
}

.az-mini-cta-title {
  font-family: 'Merriweather', serif;
  font-size: 30px;
  margin: 0 0 15px;
  color: #ffffff;
  line-height: 1.3;
}

.az-mini-cta-text {
  font-size: 17px;
  line-height: 1.7;
  max-width: 680px;
  margin: 0 auto 30px;
  color: #F1F1F1;
  font-family: 'Open Sans', Arial, sans-serif;
}

.az-mini-cta-buttons {
  display: flex;
  gap: 20px;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 10px;
}

/* Knap-justeringer (bruger AZ Global Button System) */
.az-mini-cta .az-btn {
  box-shadow: 0 3px 8px rgba(0,0,0,0.15);
}

/* Mobil */
@media (max-width: 480px) {
  .az-mini-cta { padding: 50px 15px; }
  .az-mini-cta-title { font-size: 26px; }
  .az-mini-cta-text { font-size: 16px; }
}

/* ==========================================================
   AZ COMPARE (DIY vs PRO) – v1.0
   ========================================================== */

.az-compare {
  padding: 70px 20px;
  background: #ffffff;
  border-top: 2px solid #1D3F72;
}

.az-compare-title {
  text-align: center;
  font-family: 'Merriweather', serif;
  font-size: 32px;
  color: #1D3F72;
  margin: 0 0 15px;
  line-height: 1.3;
}

.az-compare-lead {
  text-align: center;
  max-width: 820px;
  margin: 0 auto 50px;
  font-family: 'Open Sans', Arial, sans-serif;
  color: #333;
  line-height: 1.7;
  font-size: 16px;
}

.az-compare-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
  gap: 40px;
}

.az-compare-card {
  background: #F9FAFC;
  border: 1px solid #E0E4E8;
  border-radius: 12px;
  padding: 35px;
}

.az-compare-h3 {
  font-family: 'Merriweather', serif;
  font-size: 24px;
  margin: 0 0 15px;
  line-height: 1.3;
}

.az-compare-h3--diy { color: #b32626; }
.az-compare-h3--pro { color: #1D3F72; }

.az-compare-list {
  margin: 0;
  font-size: 16px;
  line-height: 1.7;
  color: #444;
}

.az-compare-list li + li { margin-top: 6px; }

.az-compare-note {
  margin-top: 15px;
  font-size: 15px;
  color: #666;
  line-height: 1.7;
}

.az-compare-cta {
  text-align: center;
  margin-top: 60px;
}

/* Mobil */
@media (max-width: 480px) {
  .az-compare { padding: 55px 15px; }
  .az-compare-title { font-size: 26px; }
  .az-compare-card { padding: 22px; }
  .az-compare-grid { gap: 22px; }
}

/* ==========================================================
   AZ SUMMARY BOX – v1.0
   Bruges som afsluttende “konklusion” efter compare/DYI vs PRO
   ========================================================== */

.az-summary-box {
  margin: 50px auto 0;
  max-width: 860px;
  padding: 28px 32px;
  background: #F9FAFC;
  border-left: 5px solid #1D3F72;
  border-radius: 14px;
  border: 1px solid #E5E7EB;
  box-shadow: 0 2px 6px rgba(0,0,0,0.05);
  font-family: 'Open Sans', Arial, sans-serif;
  text-align: center;
}

.az-summary-title {
  font-family: 'Merriweather', serif;
  font-size: 22px;
  color: #1D3F72;
  margin: 0 0 12px;
  line-height: 1.3;
}

.az-summary-text {
  font-size: 16px;
  line-height: 1.7;
  color: #333;
  margin: 0 0 14px;
}

.az-summary-text--last {
  margin-bottom: 22px;
}

.az-summary-actions {
  display: flex;
  gap: 16px;
  justify-content: center;
  flex-wrap: wrap;
}

.az-summary-actions .az-btn {
  padding: 12px 30px;
  font-size: 16px;
  border-radius: 10px;
}

.az-summary-tip {
  margin: 0 0 18px;
  font-size: 15px;
  line-height: 1.6;
  color: #1D3F72;
  background: #EEF3FA;
  padding: 10px 14px;
  border-radius: 8px;
}


/* Mobil */
@media (max-width: 480px) {
  .az-summary-box {
    padding: 22px 18px;
    margin-top: 35px;
  }
  .az-summary-title { font-size: 20px; }
  .az-summary-actions .az-btn {
    width: 100%;
    max-width: 340px;
  }
}

/* ==========================================================
   AZ PROCESS – v1.0 (Trin-for-trin)
   Genbrugelig på alle by-sider
   ========================================================== */

.az-process {
  background: #FFFFFF;
  padding: 70px 20px;
  border-top: 2px solid #1D3F72;
}

.az-process-title {
  text-align: center;
  font-family: 'Merriweather', serif;
  color: #1D3F72;
  font-size: 32px;
  margin: 0 0 20px;
  line-height: 1.3;
}

.az-process-intro {
  text-align: center;
  max-width: 800px;
  margin: 0 auto 50px;
  color: #333;
  line-height: 1.7;
  font-family: 'Open Sans', Arial, sans-serif;
  font-size: 16px;
}

.az-process-steps {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(360px, 1fr));
  gap: 35px;
  align-items: stretch;
}

/* Step card (genbrug samme “card” stil som andre moduler) */
.az-step {
  background: #F9FAFC;
  padding: 30px;
  border: 1px solid #E5E7EB;
  border-radius: 12px;
}

.az-step-title {
  font-family: 'Merriweather', serif;
  font-size: 22px;
  color: #1D3F72;
  margin: 0 0 10px;
  line-height: 1.3;
}

.az-step-text {
  line-height: 1.7;
  color: #333;
  font-size: 16px;
  margin: 0 0 10px;
  font-family: 'Open Sans', Arial, sans-serif;
}

/* Checklist inside steps */
.az-step-list {
  margin: 10px 0 0;
  font-size: 15px;
  line-height: 1.8;
  color: #444;
}

.az-step-list li + li { margin-top: 6px; }

.az-step-note {
  margin-top: 10px;
  font-size: 15px;
  color: #555;
  line-height: 1.7;
  font-family: 'Open Sans', Arial, sans-serif;
}

.az-process-cta {
  text-align: center;
  margin-top: 50px;
}

/* Mobil */
@media (max-width: 480px) {
  .az-process { padding: 55px 15px; }
  .az-process-title { font-size: 26px; }
  .az-process-steps { gap: 22px; }
  .az-step { padding: 22px; }
}

/* ==========================================================
   AZ CASES – v1.0 (Genbrugelig kundecase-komponent)
   Bruges på tværs af alle skadedyr og bysider
   ========================================================== */

.az-case {
  background: #FFFFFF;
  padding: 70px 20px;
  border-top: 2px solid #1D3F72;
}

.az-case-title {
  text-align: center;
  font-family: 'Merriweather', serif;
  font-size: 32px;
  color: #1D3F72;
  margin: 0 0 10px;
  line-height: 1.3;
}

.az-case-lead {
  text-align: center;
  max-width: 780px;
  margin: 0 auto 40px;
  font-size: 16px;
  color: #333;
  line-height: 1.7;
  font-family: 'Open Sans', Arial, sans-serif;
}

/* Grid med 2 cards */
.az-case-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 35px;
  align-items: start;
}

/* Card – matcher din øvrige “AZ card” stil */
.az-case-card {
  background: #F9FAFC;
  border-radius: 14px;
  border: 1px solid #E5E7EB;
  padding: 28px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.06);
}

.az-case-h3 {
  font-family: 'Merriweather', serif;
  font-size: 22px;
  margin: 0 0 12px;
  line-height: 1.3;
}

/* Semantiske farve-helpers (genbrugelige) */
.az-case-h3--challenge { color: #b32626; } /* “problem” */
.az-case-h3--solution  { color: #1D3F72; } /* “løsning” */

.az-case-list {
  margin: 0;
  font-size: 15px;
  line-height: 1.7;
  color: #333;
}

.az-case-list li + li { margin-top: 6px; }

.az-case-note {
  margin-top: 10px;
  font-size: 15px;
  color: #444;
  line-height: 1.7;
  font-family: 'Open Sans', Arial, sans-serif;
}

/* Resultat-boks (kan bruges til alle skadedyr) */
.az-case-result {
  margin-top: 40px;
  background: #1D3F72;
  color: #FFFFFF;
  border-radius: 12px;
  padding: 28px 30px;
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
  box-shadow: 0 4px 12px rgba(0,0,0,0.18);
}

.az-case-result-title {
  font-family: 'Merriweather', serif;
  font-size: 24px;
  font-weight: 700;
  margin: 0 0 12px;
  color: #FFFFFF;
  line-height: 1.3;
}

.az-case-result-text {
  font-size: 16px;
  line-height: 1.7;
  margin: 0 0 10px;
  color: #FFFFFF;
  font-family: 'Open Sans', Arial, sans-serif;
}

.az-case-result-text:last-child { margin-bottom: 0; }

/* CTA */
.az-case-cta {
  text-align: center;
  margin-top: 35px;
}

/* ==========================================================
AZ CASE – RESULT BOX (FORCE WHITE TEXT)
Fixer h3/p/strong der bliver blå af globale styles
========================================================== */

.az-case .az-case-result{
  background:#1D3F72 !important;
  color:#fff !important;
}

/* Overskrift + brødtekst */
.az-case .az-case-result .az-case-result-title,
.az-case .az-case-result .az-case-result-text{
  color:#fff !important;
}

/* Det var især strong der drillede */
.az-case .az-case-result strong{
  color:#fff !important;
}

/* Hvis der nogensinde kommer links i boksen */
.az-case .az-case-result a{
  color:#fff !important;
  text-decoration: underline;
}



/* Mobil */
@media (max-width: 480px) {
  .az-case { padding: 55px 15px; }
  .az-case-title { font-size: 26px; }
  .az-case-card { padding: 22px; }
  .az-case-grid { gap: 22px; }
  .az-case-result { padding: 22px 18px; }
}

/* ==========================================================
   AZ LEGAL METHODS – v1.0
   "Lovlige metoder / fælder / hvad virker?" – genbrugelig sektion
   ========================================================== */

.az-legal-methods {
  background: #F9FAFC;
  padding: 70px 20px;
  border-top: 2px solid #1D3F72;
}

.az-legal-title {
  text-align: center;
  font-family: 'Merriweather', serif;
  font-size: 32px;
  color: #1D3F72;
  margin: 0 0 15px;
  line-height: 1.3;
}

.az-legal-lead {
  text-align: center;
  max-width: 820px;
  margin: 0 auto 30px;
  font-family: 'Open Sans', Arial, sans-serif;
  color: #333;
  line-height: 1.7;
  font-size: 16px;
}

.az-legal-meta {
  text-align: center;
  max-width: 820px;
  margin: 0 auto 50px;
  font-family: 'Open Sans', Arial, sans-serif;
  color: #444;
  line-height: 1.7;
  font-size: 16px;
}

.az-legal-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
  gap: 40px;
}

/* cards */
.az-legal-card {
  background: #fff;
  border: 1px solid #E5E7EB;
  border-radius: 14px;
  padding: 35px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.06);
}

.az-legal-h3 {
  font-family: 'Merriweather', serif;
  font-size: 22px;
  margin: 0 0 20px;
  line-height: 1.3;
}

.az-legal-h3--diy { color: #b32626; }
.az-legal-h3--pro { color: #1D3F72; }

.az-legal-text {
  font-size: 16px;
  color: #333;
  line-height: 1.7;
  margin: 0 0 12px;
  font-family: 'Open Sans', Arial, sans-serif;
}

.az-legal-list {
  margin: 0;
  font-size: 16px;
  line-height: 1.7;
  color: #333;
}

.az-legal-list li + li { margin-top: 6px; }

.az-legal-note {
  margin-top: 15px;
  font-size: 14px;
  color: #666;
  line-height: 1.7;
  font-family: 'Open Sans', Arial, sans-serif;
}

.az-legal-cta {
  text-align: center;
  margin-top: 60px;
}

/* Mobil */
@media (max-width: 480px) {
  .az-legal-methods { padding: 55px 15px; }
  .az-legal-title { font-size: 26px; }
  .az-legal-card { padding: 22px; }
  .az-legal-grid { gap: 22px; }
}

/* ==========================================================
   AZ PROCESS – SUPPLEMENT (v1.0)
   Genbruger az-process, tilføjer kun små varianter
   ========================================================== */

.az-process--supplement {
  background: #F9FAFC; /* supplement-sektion har lys grå baggrund */
}

/* Mere kompakt grid i supplement */
.az-process-steps--compact {
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 30px;
}

/* Step i supplement: white cards + equal height */
.az-step--stack {
  background: #fff;
  box-shadow: 0 2px 6px rgba(0,0,0,0.06);
  display: flex;
  flex-direction: column;
}

/* Spacer så kort kan få ens højde uden at ødelægge flow */
.az-step-spacer {
  flex-grow: 1;
}

/* Hvis dine base az-step allerede er #F9FAFC, så “neutraliser” i supplement */
.az-process--supplement .az-step {
  background: #fff;
}


/* ==========================================================
   AZ FAQ – v1.0 (Genbrugelig)
   Bruges til alle skadedyr + bysider
   ========================================================== */

.az-faq {
  padding: 60px 0;
  background-color: #F9FAFC;
}

.az-faq-inner {
  max-width: 900px;
  margin: 0 auto;
}

.az-faq-title {
  text-align: center;
  color: #1D3F72;
  font-size: 32px;
  font-weight: 700;
  margin: 0 0 35px;
  font-family: 'Merriweather', serif;
  line-height: 1.3;
}

/* Items */
.az-faq-item {
  margin-bottom: 22px;
  padding: 18px 18px;
  background: #FFFFFF;
  border: 1px solid #E5E7EB;
  border-radius: 12px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.05);
}

.az-faq-q {
  color: #1D3F72;
  font-size: 20px;
  font-weight: 700;
  margin: 0 0 10px;
  font-family: 'Open Sans', Arial, sans-serif;
  line-height: 1.35;
}

.az-faq-a p {
  margin: 0;
  color: #333;
  font-family: 'Open Sans', Arial, sans-serif;
  line-height: 1.7;
  font-size: 16px;
}

/* Mobil */
@media (max-width: 480px) {
  .az-faq { padding: 50px 0; }
  .az-faq-title { font-size: 26px; margin-bottom: 24px; }
  .az-faq-item { padding: 16px; }
  .az-faq-q { font-size: 18px; }
}

/* ==========================================================
   AZ FAQ – ACCORDION v1.1 (Genbrugelig)
   ========================================================== */

.az-faq {
  padding: 60px 0;
  background-color: #F9FAFC;
}

.az-faq-inner {
  max-width: 900px;
  margin: 0 auto;
}

.az-faq-title {
  text-align: center;
  color: #1D3F72;
  font-size: 32px;
  font-weight: 700;
  margin: 0 0 35px;
  font-family: 'Merriweather', serif;
  line-height: 1.3;
}

/* details card */
.az-faq-item {
  margin-bottom: 16px;
  background: #FFFFFF;
  border: 1px solid #E5E7EB;
  border-radius: 12px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.05);
  overflow: hidden;
}

/* summary (spørgsmålet) */
.az-faq-q {
  list-style: none; /* fjerner default marker i nogle browsere */
  cursor: pointer;
  color: #1D3F72;
  font-size: 20px;
  font-weight: 700;
  padding: 16px 52px 16px 18px; /* plads til ikon */
  margin: 0;
  font-family: 'Open Sans', Arial, sans-serif;
  line-height: 1.35;
  position: relative;
}

/* fjern default triangle i webkit */
.az-faq-q::-webkit-details-marker {
  display: none;
}

/* plus/minus ikon */
.az-faq-q::after {
  content: "+";
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  width: 28px;
  height: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  background: #EEF3FA;
  color: #1D3F72;
  font-weight: 800;
  line-height: 1;
}

.az-faq-item[open] > .az-faq-q::after {
  content: "–";
}

/* svar */
.az-faq-a {
  padding: 0 18px 18px;
}

.az-faq-a p {
  margin: 0;
  color: #333;
  font-family: 'Open Sans', Arial, sans-serif;
  line-height: 1.7;
  font-size: 16px;
}

/* lidt separation når åben */
.az-faq-item[open] > .az-faq-q {
  border-bottom: 1px solid #E5E7EB;
}

/* Fokus (keyboard) */
.az-faq-q:focus-visible {
  outline: 2px solid #c62828;
  outline-offset: 3px;
  border-radius: 10px;
}

/* Mobil */
@media (max-width: 480px) {
  .az-faq { padding: 50px 0; }
  .az-faq-title { font-size: 26px; margin-bottom: 24px; }
  .az-faq-q { font-size: 18px; padding-right: 48px; }
}

/* ==========================================================
   AZ CONTACT – v1.0 (Genbrugelig)
   Bruges på alle skadedyr + bysider
   ========================================================== */

.az-contact {
  padding-top: 40px;
}

/* Quick call */
.az-contact-quickcall {
  text-align: center;
  margin-bottom: 25px;
}

.az-contact-quickcall-btn {
  background: #1D3F72;
  color: #fff;
  padding: 10px 22px;
  border-radius: 8px;
  font-size: 17px;
  font-weight: 600;
  text-decoration: none;
  display: inline-block;
}

.az-contact-quickcall-btn:hover {
  filter: brightness(1.05);
}

/* Title + intro */
.az-contact-title {
  margin: 0 0 15px;
  text-align: center;
}

.az-contact-intro {
  max-width: 750px;
  margin: 0 auto;
  text-align: center;
  line-height: 1.7;
}

/* Trust box */
.az-contact-trust {
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  padding: 20px;
  max-width: 700px;
  margin: 25px auto;
  text-align: center;
  box-shadow: 0 2px 6px rgba(0,0,0,0.05);
  font-size: 15px;
  line-height: 1.6;
}

/* Steps */
.az-contact-steps {
  margin-top: 35px;
}

.az-contact-steps-title {
  font-size: 26px;
  margin: 0 0 12px;
  text-align: center;
}

.az-contact-step {
  max-width: 900px;
  margin: 0 auto 14px;
  line-height: 1.7;
}

.az-contact-urgent {
  max-width: 900px;
  margin: 10px auto 0;
  line-height: 1.7;
}

/* Mobil */
@media (max-width: 480px) {
  .az-contact { padding-top: 30px; }
  .az-contact-quickcall-btn { font-size: 16px; padding: 10px 16px; }
  .az-contact-steps-title { font-size: 22px; }
}

/* ==========================================================
AZ LOCAL CTA – genbrugelig
========================================================== */
.az-local-cta {
  background: #fff;
  padding: 60px 20px;
  border-top: 1px solid #e5e7eb;
}

.az-local-cta__inner {
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
}

.az-local-cta__title {
  font-family: 'Merriweather', serif;
  font-size: 26px;
  color: #1D3F72;
  margin: 0 0 15px;
  line-height: 1.3;
}

.az-local-cta__text {
  font-family: 'Open Sans', Arial, sans-serif;
  font-size: 16px;
  line-height: 1.7;
  color: #444;
  margin: 0 0 18px;
}

.az-local-cta__buttons {
  margin-top: 18px;
  display: flex;
  gap: 14px;
  justify-content: center;
  flex-wrap: wrap;
}

/* ==========================================================
AZ BUTTON – Outline light (bruges på blå baggrund)
========================================================== */

.az-btn-outline-light {
  background: #ffffff;
  color: #1D3F72 !important;
  border: 2px solid #ffffff;
}

/* Hover/focus – behold læsbarhed */
.az-btn-outline-light:hover,
.az-btn-outline-light:focus {
  background: #F9FAFC;
  color: #1D3F72 !important;
  text-decoration: none !important;
}

/* ==========================================================
AZ BLOG – ADD-ON v1.0 (bygger 100% på eksisterende system)
========================================================== */

.az-blog-hero {
  background: #F9FAFC;
  padding: 70px 20px 40px;
  border-bottom: 1px solid #E5E7EB;
}

.az-blog-kicker {
  color: #1D3F72;
  font-weight: 700;
  margin-bottom: 8px;
}

.az-blog-title {
  font-family: 'Merriweather', serif;
  font-size: clamp(30px, 4vw, 42px);
  line-height: 1.25;
  color: #1D3F72;
  margin-bottom: 12px;
}

.az-blog-meta {
  font-size: 14px;
  color: #555;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 20px;
}

.az-blog-intro {
  max-width: 900px;
  font-size: 18px;
  line-height: 1.7;
}

/* Content + sidebar */
.az-blog-layout {
  display: grid;
  grid-template-columns: 1fr 320px;
  gap: 40px;
}

@media (max-width: 1024px) {
  .az-blog-layout {
    grid-template-columns: 1fr;
  }
}

/* Sidebar */
.az-blog-sidebar {
  position: sticky;
  top: 120px;
}

/* ==========================================
AZ MINI CTA – interne links (override)
Gælder både almindelige links i CTA og hale-links
========================================== */
.az-mini-cta.az-mini-cta--blue a.az-internal-link,
.az-mini-cta.az-mini-cta--blue .az-mini-cta-links a {
  color: #FFFFFF !important;
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.az-mini-cta.az-mini-cta--blue a.az-internal-link:hover,
.az-mini-cta.az-mini-cta--blue .az-mini-cta-links a:hover {
  opacity: 0.85;
}

/* ==========================================
AZ MINI CTA – hale-links (Solution 3)
Kun spacing + separator
========================================== */
.az-mini-cta--links-below .az-mini-cta-links {
  margin-top: 10px;
  margin-bottom: 22px;
  font-size: 15px;
  text-align: center;
}

.az-mini-cta--links-below .az-mini-cta-sep {
  margin: 0 8px;
  opacity: 0.7;
}

/* AZ INTRO – centreret checklist */
.az-intro .az-checklist {
  max-width: 760px;
  margin: 30px auto;
  text-align: left;
}

/* ==========================================
AZ MINI CTA – BLÅ BOKS: Tving hvid tekst
========================================== */
.az-mini-cta.az-mini-cta--blue,
.az-mini-cta.az-mini-cta--blue p,
.az-mini-cta.az-mini-cta--blue strong {
  color: #FFFFFF !important;
}

/* ==========================================
   AZ HIGHLIGHT – Soft info box (Skægkræ)
========================================== */
.az-highlight-soft {
  max-width: 880px;
  margin: 35px auto 0;
  padding: 22px 26px;
  background: #F4F6F9;              /* meget lys grå */
  border-left: 4px solid #1D3F72;   /* AZ blå accent */
  border-radius: 8px;
  font-size: 17px;
  line-height: 1.7;
  color: #1D1D1D;
}

.az-highlight-soft p {
  margin: 0 0 12px;
}

.az-highlight-soft p:last-child {
  margin-bottom: 0;
}

/* ==========================================================
AZ SUBMENU – FORSIDE (9 items → 3x3 grid, ingen hængere)
========================================================== */

.az-submenu.az-submenu--frontpage{
  padding: 45px 20px;
  border-top: 2px solid #1D3F72;
  border-bottom: 1px solid #D7DFE8;
}

.az-submenu--frontpage .az-submenu-intro{
  margin: 0 auto 26px;
  max-width: 820px;
}

/* 9 items → 3 kolonner = perfekt balance */
.az-submenu--frontpage .az-submenu-list{
  max-width: 1000px;
  margin: 0 auto;
  gap: 12px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

/* Button-look */
.az-submenu--frontpage .az-submenu-list li a{
  text-align: center;
  padding: 14px 12px;
  font-weight: 700;
  border-radius: 10px;
}

/* Tablet – stadig 3 kolonner */
@media (max-width: 980px){
  .az-submenu--frontpage .az-submenu-list{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

/* Mobil – stadig 3 kolonner (korte labels = OK) */
@media (max-width: 560px){
  .az-submenu.az-submenu--frontpage{
    padding: 35px 15px;
  }
  .az-submenu--frontpage .az-submenu-list{
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
  }
  .az-submenu--frontpage .az-submenu-list li a{
    padding: 12px 8px;
    font-size: 14.5px;
  }
}

/* ==========================================================
AZ SUBMENU – BLOG GRID (az_blog_all)
Fix: for stor tekst i de 3 seneste blogindlæg
========================================================== */

/* Baseline – stopper arv af store globale font-sizes */
.az-submenu-blog-grid {
  font-family: 'Open Sans', Arial, sans-serif;
  font-size: 15px;
  line-height: 1.6;
  color: #1D1D1D;
}

/* Overskrifter fra shortcode (h2/h3 er synderen) */
.az-submenu-blog-grid h1,
.az-submenu-blog-grid h2,
.az-submenu-blog-grid h3 {
  font-family: 'Merriweather', serif;
  font-size: 18px !important;
  line-height: 1.35 !important;
  margin: 0 0 6px !important;
}

/* Brødtekst / uddrag */
.az-submenu-blog-grid p {
  font-size: 15px !important;
  line-height: 1.6 !important;
  margin: 0 0 10px !important;
}

/* Links (titler er ofte links) */
.az-submenu-blog-grid a {
  font-weight: 600;
  text-decoration: none;
}
.az-submenu-blog-grid a:hover {
  text-decoration: underline;
  text-underline-offset: 3px;
}

.az-submenu-blog-grid [style*="font-size"] {
  font-size: 15px !important;
}

/* ==========================================================
PRISSIDE /priser/ – scoped til body.page-id-7979
========================================================== */

body.page-id-7979 #startpriser .az-price-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 26px;
}

body.page-id-7979 #startpriser .az-price-grid > a,
body.page-id-7979 #startpriser .az-price-grid > div {
  width: 100%;
}

body.page-id-7979 #startpriser .az-price-grid.az-cols-2 > a,
body.page-id-7979 #startpriser .az-price-grid.az-cols-2 > div {
  width: calc(50% - 13px);
}

body.page-id-7979 #startpriser .az-price-grid.az-cols-3 > a,
body.page-id-7979 #startpriser .az-price-grid.az-cols-3 > div {
  width: calc(33.333% - 17.333px);
}

body.page-id-7979 #startpriser .az-price-card {
  background: #ffffff;
  border-radius: 18px;
  padding: 26px;
  border-top: 4px solid #1D3F72;
  border: 1px solid #E5E7EB;
  box-shadow: 0 14px 28px rgba(15,23,42,0.06);
  text-decoration: none !important;
  color: inherit !important;
  display: block;
  position: relative;
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

body.page-id-7979 #startpriser .az-price-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 18px 34px rgba(15,23,42,0.12);
  border-color: #D6DBE6;
}

body.page-id-7979 #startpriser .az-price-card--highlight {
  border-top: 4px solid #C62828;
  border: 1px solid rgba(198,40,40,0.35);
  box-shadow: 0 18px 34px rgba(198,40,40,0.15);
}

body.page-id-7979 #startpriser .az-price-card--highlight:hover {
  box-shadow: 0 22px 40px rgba(198,40,40,0.25);
  border-color: rgba(198,40,40,0.55);
}

body.page-id-7979 #startpriser .az-badge-pulse {
  position: absolute;
  top: -12px;
  right: 18px;
  background: #C62828;
  color: #ffffff;
  padding: 7px 14px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 900;
  box-shadow: 0 14px 28px rgba(198,40,40,0.35);
  animation: azPulse 1.8s infinite;
}

body.page-id-7979 #startpriser .az-trust-badges {
  display: flex;
  justify-content: center;
  gap: 14px;
  flex-wrap: wrap;
}

body.page-id-7979 #startpriser .az-trust-badges span {
  background: #ffffff;
  border: 1px solid #E5E7EB;
  padding: 9px 16px;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 800;
  color: #1D3F72;
}

/* ==========================================================
EXTRA CSS – SAFE ADD (kan ligge nederst i theme-az.css)
========================================================== */

/* ------------------------------------------
Intro: undgå overflow i H2
------------------------------------------ */
.az-section.az-intro h2{
  overflow-wrap: anywhere;
  hyphens: auto;
}

@media (max-width: 480px){
  .az-section.az-intro h2{ font-size: 26px; }
  .az-section.az-intro{ padding: 50px 15px; }
}

/* ------------------------------------------
AZ HEADER – CLS + STICKY (GLOBAL)
------------------------------------------ */
.et_pb_menu__logo img,
.et_pb_site_logo img{
  width:112px;
  height:112px;
  max-width:none !important;
  aspect-ratio:1/1;
  object-fit:contain;
  display:block;
}

@media(max-width:768px){
  .et_pb_menu__logo img,
  .et_pb_site_logo img{
    width:80px;
    height:80px;
  }
}

.et-l--header,
#main-header,
.et_pb_section_1_tb_header{
  min-height:132px;
  box-sizing:border-box;
}

@media(max-width:768px){
  .et-l--header,
  #main-header,
  .et_pb_section_1_tb_header{
    min-height:96px;
  }
}

.et-l--header.et_pb_sticky,
.et_pb_section_1_tb_header.et_pb_sticky{
  min-height:112px !important;
  padding-top:8px !important;
  padding-bottom:8px !important;
}

@media(max-width:768px){
  .et-l--header.et_pb_sticky,
  .et_pb_section_1_tb_header.et_pb_sticky{
    min-height:80px !important;
    padding-top:6px !important;
    padding-bottom:6px !important;
  }
}

.et_pb_menu_inner_container,
.et_pb_fullwidth_menu,
.et_pb_menu{
  align-items:center !important;
}

.et_pb_menu__menu,
.et_pb_menu__wrap{
  display:flex;
  align-items:center;
}

/* ------------------------------------------
Hero LCP image (kun hvis du bruger klassen)
------------------------------------------ */
.az-hero-lcp-img{
  aspect-ratio:21/9;
  width:100%;
  height:auto;
  object-fit:cover;
  display:block;
}

/* ------------------------------------------
Form note (CF7)
------------------------------------------ */
.az-form-note{
  font-size:13px;
  color:#6B7280;
  line-height:1.5;
  margin-top:6px;
}

/* ------------------------------------------
CTA rød – scoped til hero (så den ikke rammer “alt muligt”)
------------------------------------------ */
.az-hero .az-hero-cta-red{
  background:#c62828;
  padding:14px 26px;
  border-radius:12px;
  color:#ffffff !important;
  text-decoration:none !important;
  font-weight:900;
  display:inline-block;
  transition:transform .2s ease, box-shadow .2s ease;
}

.az-hero .az-hero-cta-red:hover{
  transform:translateY(-2px);
  box-shadow:0 12px 22px rgba(198,40,40,0.30);
}

.et_pb_menu__logo img,
.et_pb_site_logo img,
img.wp-image-6693{
  width:112px;
  height:112px;
  max-width:none !important;
  aspect-ratio:1/1;
  object-fit:contain;
  display:block;
}

/* ==========================================================
AZ – TESTIMONIALS (Premium, responsive)
========================================================== */

.az-testimonials{
  background:#FFFFFF;
  padding:90px 20px;
  border-top:1px solid #EEF2F7;
}

.az-testimonials__container{
  max-width:1000px;
  margin:0 auto;
}

.az-testimonials__title{
  text-align:center;
  color:#1D3F72;
  margin:0 0 14px;
}

.az-testimonials__intro{
  text-align:center;
  max-width:760px;
  margin:0 auto 50px;
  font-size:16px;
  line-height:1.7;
  color:#374151;
}

.az-testimonials__grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:24px;
}

.az-testimonials__card{
  background:#F9FAFC;
  border:1px solid #E6EAF2;
  border-radius:22px;
  padding:28px;
  box-shadow:0 16px 34px rgba(15,23,42,0.06);
  position:relative;
  overflow:hidden;
}

.az-testimonials__bar{
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:4px;
  background:#1D3F72;
}

.az-testimonials__rail{
  position:absolute;
  left:18px;
  top:70px;
  bottom:22px;
  width:3px;
  background:#1D3F72;
  border-radius:999px;
  opacity:0.25;
}

.az-testimonials__text{
  color:#1D1D1D;
  line-height:1.85;
  font-size:16px;
  margin:26px 0 18px;
  padding-left:16px;
}

.az-testimonials__meta{
  padding-left:16px;
  font-size:14px;
  color:#6B7280;
}

.az-testimonials__name{
  font-weight:700;
  color:#1D3F72;
}

/* Tablet */
@media (max-width: 980px){
  .az-testimonials{
    padding:70px 20px;
  }

  .az-testimonials__grid{
    grid-template-columns:repeat(2, minmax(0,1fr));
    gap:18px;
  }

  .az-testimonials__intro{
    margin-bottom:35px;
  }
}

/* Mobil */
@media (max-width: 600px){
  .az-testimonials{
    padding:55px 15px;
  }

  .az-testimonials__intro{
    margin:0 auto 26px;
    font-size:15px;
  }

  .az-testimonials__grid{
    grid-template-columns:1fr;
    gap:14px;
  }

  .az-testimonials__card{
    padding:20px;
    border-radius:16px;
  }

  /* mobil: rail ser ofte “for meget” ud — fjern den */
  .az-testimonials__rail{
    display:none;
  }

  .az-testimonials__text{
    padding-left:0;
    margin:18px 0 14px;
    font-size:15px;
    line-height:1.75;
  }

  .az-testimonials__meta{
    padding-left:0;
  }
}

/* ==========================================================
AZ – OFFER PRICES (responsive, NO grid / NO fr)
========================================================== */

.az-offer-prices{
  background:#FFFFFF;
  padding:80px 20px;
  border-top:1px solid #EEF2F7;
}

.az-offer-prices__container{
  max-width:1100px;
  margin:0 auto;
}

.az-offer-prices__title{
  margin:0 0 14px;
  text-align:center;
  color:#1D3F72;
}

.az-offer-prices__intro{
  margin:0 auto 44px;
  max-width:860px;
  text-align:center;
  font-size:16px;
  line-height:1.7;
  color:#374151;
}

/* Layout: 2 kolonner på desktop, auto stack på mobil */
.az-offer-prices__wrap{
  display:flex;
  flex-wrap:wrap;
  gap:20px;
  align-items:stretch;
}

/* Cards */
.az-offer-prices__card{
  background:#FFFFFF;
  border:1px solid #E6EAF2;
  border-radius:20px;
  padding:26px;
  box-shadow:0 14px 30px rgba(15,23,42,0.06);
  position:relative;
  width:100%;
  box-sizing:border-box;
}

/* Desktop widths */
@media (min-width: 981px){
  .az-offer-prices__card--main{ width:calc(57% - 10px); }
  .az-offer-prices__card--side{ width:calc(43% - 10px); }
}

/* Tablet: lidt mere luft */
@media (max-width: 980px){
  .az-offer-prices{ padding:65px 20px; }
  .az-offer-prices__intro{ margin-bottom:30px; }
}

/* Mobil: pæn spacing */
@media (max-width: 600px){
  .az-offer-prices{ padding:55px 15px; }
  .az-offer-prices__intro{ font-size:15px; margin-bottom:22px; }
  .az-offer-prices__card{ padding:20px; border-radius:16px; }
}

/* Bars */
.az-offer-prices__bar{
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:4px;
  border-radius:20px 20px 0 0;
}
.az-offer-prices__bar--blue{ background:#1D3F72; }
.az-offer-prices__bar--red{ background:#C62828; }

/* Headline */
.az-offer-prices__h3{
  font-weight:900;
  color:#111827;
  font-size:18px;
  margin:8px 0 12px;
}
.az-offer-prices__h3--blue{ color:#1D3F72; }

/* Text */
.az-offer-prices__text{
  margin:0;
  color:#1D1D1D;
  line-height:1.85;
  font-size:16px;
}

.az-offer-prices__text--small{
  font-size:15px;
  line-height:1.75;
  color:#374151;
  margin-bottom:14px;
}

/* List block */
.az-offer-prices__sub{
  margin-top:18px;
  color:#374151;
  line-height:1.75;
  font-size:15px;
}

.az-offer-prices__subhead{
  color:#111827;
}

.az-offer-prices__list{
  margin:10px 0 0;
  padding-left:18px;
}

/* Note + link */
.az-offer-prices__note{
  margin-top:18px;
  padding-top:14px;
  border-top:1px solid #EEF2F7;
  color:#6B7280;
  font-size:14px;
  line-height:1.6;
}

.az-offer-prices__note strong{
  color:#1D3F72;
}

.az-offer-prices__link{
  margin-top:12px;
  font-size:14px;
  color:#6B7280;
}

.az-offer-prices__link a{
  color:#1D3F72;
  font-weight:700;
  text-decoration:underline;
  text-underline-offset:3px;
}

/* Buttons */
.az-offer-prices__btn{
  display:block;
  text-align:center;
  font-weight:900;
  padding:13px 14px;
  border-radius:12px;
  text-decoration:none;
}

.az-offer-prices__btn--red{
  background:#C62828;
  color:#FFFFFF;
}

.az-offer-prices__btn--blue{
  background:#1D3F72;
  color:#FFFFFF;
  margin-top:14px;
}

.az-offer-prices__fineprint{
  margin-top:12px;
  font-size:13px;
  color:#6B7280;
  line-height:1.6;
}

/* ==========================================================
AZ GLOBAL – Region pages + wrap fixes (v1.1)
Renset & samlet (ingen modstrid)
========================================================== */

/* ---------- Design tokens ---------- */
:root{
  --az-primary:#1D3F72;      /* blå */
  --az-accent:#c62828;       /* rød */
  --az-text:#1D1D1D;
  --az-muted:#6B7280;
  --az-bg:#F9FAFC;
  --az-card:#FFFFFF;
  --az-border:#E5E7EB;
  --az-radius:20px;
  --az-shadow:0 14px 28px rgba(15,23,42,.08);
}

/* ---------- Base: box-safety ---------- */
.az-section, .az-container, .az-card, .az-split, .az-split__col,
.az-subcard, .az-actions, .az-btn, .az-linklist, .az-servicegrid,
.az-servicecard, .az-servicecard__top, .az-breadcrumb, .az-breadcrumb-inner{
  box-sizing:border-box;
  max-width:100%;
}

/* ---------- Global hyphen support ---------- */
html{
  -webkit-hyphens:auto;
  hyphens:auto;
}

/* ==========================================================
TYPOGRAPHY – Stop "single letter" wrap (Headings)
========================================================== */
h1,h2,h3,
.az-heading-xl,.az-heading-lg,.az-heading-md,
.az-h1,.az-h2,.az-h3{
  overflow-wrap:normal;     /* IKKE break-word/anywhere */
  word-break:keep-all;      /* bryd ikke inde i ord */
  hyphens:auto;             /* pæn orddeling */
}

/* Mobil: lidt strammere line-height */
@media (max-width:768px){
  h1,h2,h3,
  .az-heading-xl,.az-heading-lg,.az-heading-md,
  .az-h1,.az-h2,.az-h3{
    line-height:1.25;
  }
}

/* ==========================================================
AZ OFFER PRICES – FIX TEXT CLIP ON MOBILE
========================================================== */
@media (max-width:600px){
  .az-offer-prices__btn{
    white-space:normal;
    line-height:1.3;
    padding:14px 16px;
    overflow-wrap:break-word;   /* ok på buttons */
    word-break:normal;
    hyphens:auto;
  }
  .az-offer-prices__card,
  .az-offer-prices__wrap{
    overflow:visible;
  }
}

/* ==========================================================
REGION PAGES – layout components (no-grid/fr)
========================================================== */
.az-section{ padding:70px 20px; }
.az-section--tight{ padding:48px 20px; }
.az-section--bg{ background:var(--az-bg); }

.az-container{ max-width:1100px; margin:0 auto; }

.az-card{
  background:var(--az-card);
  border:1px solid var(--az-border);
  border-radius:var(--az-radius);
  box-shadow:var(--az-shadow);
  padding:26px;
  position:relative;

  /* stop horisontal cut uden at ændre typografi */
  overflow:hidden;
}

.az-kicker{
  display:inline-flex;
  align-items:center;
  gap:10px;
  font-weight:700;
  letter-spacing:.02em;
  color:var(--az-primary);
  font-size:14px;
  text-transform:uppercase;
}

.az-h1{
  margin:12px 0 10px;
  color:var(--az-primary);
  line-height:1.15;
  font-weight:700;
  font-size:clamp(28px, 3.6vw, 44px);
}

.az-h2{
  margin:0 0 12px;
  color:var(--az-primary);
  line-height:1.2;
  font-weight:700;
  font-size:clamp(20px, 2.2vw, 28px);
}

.az-p{
  margin:0;
  color:var(--az-text);
  line-height:1.7;
  font-size:16px;

  /* brødtekst må gerne wrappe robust */
  overflow-wrap:break-word;
  word-break:normal;
  hyphens:auto;
}

.az-muted{ color:var(--az-muted); }

.az-divider{ height:1px; background:var(--az-border); margin:18px 0; }

.az-badge-row{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:14px;
}

.az-badge{
  display:inline-flex;
  align-items:center;
  gap:8px;
  border:1px solid var(--az-border);
  background:#fff;
  border-radius:999px;
  padding:8px 12px;
  font-size:14px;
  color:var(--az-text);
}

.az-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:18px;
}

.az-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  border-radius:14px;
  padding:14px 16px;
  text-decoration:none;
  font-weight:700;
  line-height:1.1;
  border:1px solid transparent;
  transition:transform .08s ease, filter .12s ease;
  will-change:transform;
  max-width:100%;
}

.az-btn:hover{ transform:translateY(-1px); filter:brightness(.98); }

.az-btn--primary{ background:var(--az-primary); color:#fff; }
.az-btn--accent{ background:var(--az-accent); color:#fff; }
.az-btn--ghost{
  background:transparent;
  color:var(--az-primary);
  border-color:rgba(29,63,114,.25);
}

/* Split layout */
.az-split{
  display:flex;
  flex-wrap:wrap;
  gap:18px;
  align-items:stretch;
}

.az-split__col{
  flex:1 1 320px;
  min-width:0;              /* 🔥 stopper mobil overflow */
  max-width:100%;
}

/* List chips */
.az-list{
  margin:0;
  padding:0;
  list-style:none;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.az-chip{
  flex:0 1 auto;
  border:1px solid var(--az-border);
  background:#fff;
  border-radius:999px;
  padding:10px 12px;
  font-size:14px;
  line-height:1.1;
  color:var(--az-text);

  /* stop single-letter wrap i chips */
  overflow-wrap:normal;
  word-break:keep-all;
  hyphens:auto;
  white-space:normal;
  max-width:100%;
  text-decoration:none;
}

/* Linklist */
.az-linklist{
  margin:0;
  padding:0;
  list-style:none;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.az-linklist a{
  display:inline-flex;
  border:1px solid var(--az-border);
  background:#fff;
  border-radius:14px;
  padding:10px 12px;
  text-decoration:none;
  color:var(--az-primary);
  font-weight:700;
  max-width:100%;

  /* stop single-letter wrap i links */
  white-space:normal;
  overflow-wrap:normal;
  word-break:keep-all;
  hyphens:auto;
}

.az-linklist a:hover{ filter:brightness(.98); }

/* Checks */
.az-checks{
  margin:0;
  padding:0;
  list-style:none;
  display:flex;
  flex-direction:column;
  gap:10px;
}

.az-checks li{
  display:flex;
  gap:10px;
  align-items:flex-start;
  color:var(--az-text);
  line-height:1.6;

  overflow-wrap:break-word;
  word-break:normal;
  hyphens:auto;
}

.az-checks li::before{
  content:"✓";
  font-weight:900;
  color:var(--az-accent);
  margin-top:1px;
}

.az-note{
  margin-top:14px;
  font-size:14px;
  color:var(--az-muted);
  line-height:1.6;

  overflow-wrap:break-word;
  word-break:normal;
  hyphens:auto;
}

/* Subcard (tip box) */
.az-subcard{
  background:linear-gradient(135deg,#FFFFFF 0%, #F9FAFC 100%);
  border:1px solid var(--az-border);
  border-radius:16px;
  padding:18px;
  max-width:100%;
}

/* Mobile base */
@media (max-width:600px){
  .az-section{ padding:54px 16px; }
  .az-card{ padding:18px; }
  .az-btn{ width:100%; }
  .az-subcard{ padding:16px; }

  .az-linklist a{
    padding:10px 10px;
    border-radius:12px;
  }
}

/* ==========================================================
AZ BREADCRUMB – Global System v2.2 (wrap-safe + active red)
========================================================== */
.az-breadcrumb{
  padding:18px 20px;
  background:var(--az-bg);
  font-size:14px;
}

.az-breadcrumb-inner{
  max-width:1100px;
  margin:0 auto;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:6px 8px;
  line-height:1.5;
}

.az-breadcrumb a{
  color:var(--az-primary);
  text-decoration:none;
  font-weight:600;
  transition:opacity .15s ease;
}

.az-breadcrumb a:hover{ opacity:.8; }

.az-breadcrumb .sep{ color:#9CA3AF; }

.az-breadcrumb .current{
  color:var(--az-accent);      /* 🔴 aktiv side rød */
  font-weight:700;
  overflow-wrap:normal;
  word-break:keep-all;
  hyphens:auto;
}

@media (max-width:600px){
  .az-breadcrumb{
    padding:14px 16px;
    font-size:13px;
  }
  .az-breadcrumb-inner{ gap:4px 6px; }
}
/* ==========================================================
TOP SERVICES GRID – Ens højde + bund-CTA (flex)
========================================================== */
.az-servicegrid{
  display:flex;
  flex-wrap:wrap;
  gap:18px;
  margin-top:14px;
  align-items:stretch;
}

.az-servicecard{
  display:flex;
  flex-direction:column;
  flex:1 1 280px;
  min-width:260px;
  background:#fff;
  border:1px solid var(--az-border);
  border-radius:16px;
  padding:16px 16px 14px;
  text-decoration:none;
  color:var(--az-text);
  box-shadow:0 10px 20px rgba(15,23,42,.06);
  transition:transform .08s ease, filter .12s ease, border-color .12s ease;
}

.az-servicecard:hover{
  transform:translateY(-1px);
  filter:brightness(.99);
  border-color:rgba(29,63,114,.28);
}

.az-servicecard__top{
  display:flex;
  gap:12px;
  align-items:flex-start;
  flex:1;
  min-width:0; /* stopper overflow i kort */
}

.az-servicecard__icon{
  width:42px;
  height:42px;
  border-radius:12px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(29,63,114,.10);
  color:var(--az-primary);
  font-weight:900;
  flex:0 0 auto;
}

.az-servicecard__title{
  margin:0;
  font-size:18px;
  line-height:1.25;
  font-weight:800;
  color:var(--az-primary);

  /* stop single-letter wrap */
  overflow-wrap:normal;
  word-break:keep-all;
  hyphens:auto;
}

.az-servicecard__text{
  margin:10px 0 0;
  font-size:14px;
  line-height:1.6;
  color:#4B5563;

  flex-grow:1; /* pres CTA ned */
  overflow-wrap:break-word;
  word-break:normal;
  hyphens:auto;
}

.az-servicecard__cta{
  margin-top:14px;
  white-space:nowrap;
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-weight:800;
  color:var(--az-accent);
  font-size:14px;
}

.az-servicecard__cta span{
  display:inline-block;
  transform:translateY(0);
  transition:transform .12s ease;
}

.az-servicecard:hover .az-servicecard__cta span{
  transform:translateX(2px);
}

@media (max-width:600px){
  .az-servicecard{
    min-width:0;
    flex:1 1 100%;
  }
}

 /* Note design*/

.az-note a{
  color: var(--az-primary);
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* ==========================================
AZ – TYPER AF SKADEDYR GRID
========================================== */

.az-section-intro{
  text-align:center;
  max-width:900px;
  margin:0 auto 40px;
}

.az-intro-text{
  font-size:17px;
  line-height:1.7;
  margin-top:14px;
}

/* 2x2 grid på desktop */
.az-grid--types{
  display:grid;
  gap:28px;
  grid-template-columns: 1fr 1fr;
}

/* Mobil */
@media (max-width: 768px){
  .az-grid--types{
    grid-template-columns: 1fr;
  }
}

/* Ens højde */
.az-grid--types .az-card{
  height:100%;
}

/* ==========================================
AZ HERO – Kontakt link styling
========================================== */

.az-hero-link{
  margin-top:24px;      /* Luft over linket */
  font-size:15px;
  opacity:0.95;
}

.az-hero-link a{
  color:#c62828;        /* AZ rød */
  font-weight:600;
  text-decoration:none;
  border-bottom:1px solid transparent;
  transition:all 0.2s ease;
}

.az-hero-link a:hover{
  border-bottom:1px solid #c62828;
  opacity:0.85;
}

/* ==========================================
AZ FORSIDE – Intro badges
========================================== */

.az-summary-badges{
  margin:22px 0 8px;
  font-size:15px;
  font-weight:600;
  color:#1D3F72; /* AZ blå */
  line-height:1.6;
}

.az-summary-badges{
  text-align:left;
}

@media (max-width:768px){
  .az-summary-badges{
    font-size:14px;
    line-height:1.8;
  }
}

/* ==========================================
Grid mere luft 
========================================== */

.az-skadedyr-section + .az-skadedyr-section{
  margin-top:40px;
}

/* ==========================================
AZ GEO SECTION – klik/hover (kun denne sektion)
========================================== */

.az-geo-section .az-card{
  display:block;
  text-decoration:none;
  border-radius:16px;
  overflow:hidden;
  transition:transform .18s ease, box-shadow .18s ease;
}

.az-geo-section .az-card:hover{
  transform:translateY(-2px);
}

.az-geo-section .az-card:focus-visible{
  outline:3px solid #F3A32B;
  outline-offset:3px;
}

.az-geo-section .az-card img{
  width:100%;
  height:190px;
  object-fit:cover;
  display:block;
}

/* ==========================================
AZ GEO SECTION – hover + fokus (kun denne sektion)
========================================== */

.az-geo-section .az-card{
  display:block;
  text-decoration:none;
  border-radius:16px;
  overflow:hidden;
  transition:transform .18s ease, box-shadow .18s ease;
  height:100%;
}

.az-geo-section .az-card:hover{
  transform:translateY(-2px);
  box-shadow:0 18px 34px rgba(15,23,42,0.10);
}

.az-geo-section .az-card:active{
  transform:translateY(-1px);
}

.az-geo-section .az-card:focus-visible{
  outline:3px solid #F3A32B; /* AZ orange */
  outline-offset:3px;
}

/* Ens og pæn billedehøjde */
.az-geo-section .az-card img{
  width:100%;
  height:190px;
  object-fit:cover;
  display:block;
}

/* ==========================================
AZ – HVORFOR VÆLGE OS (scoped)
========================================== */

.az-why-section .az-why-intro{
  max-width:880px;
  margin:10px auto 0;
  line-height:1.7;
}

.az-why-section .az-why-badges{
  margin:18px 0 10px;
  font-weight:600;
  color:#1D3F72;
  line-height:1.7;
}

.az-why-section .az-why-grid{
  display:grid;
  gap:22px;
  grid-template-columns: repeat(2, 1fr);
  margin-top:18px;
}

@media (max-width: 768px){
  .az-why-section .az-why-grid{
    grid-template-columns: 1fr;
    gap:16px;
  }
}

.az-why-section .az-why-item{
  background:#fff;
  border:1px solid #E5E7EB;
  border-radius:16px;
  padding:18px 18px 16px;
  box-shadow:0 10px 22px rgba(15,23,42,0.05);
}

.az-why-section .az-why-item h3{
  margin:0 0 8px;
}

.az-why-section .az-why-item p{
  margin:0;
  color:#475569;
  line-height:1.7;
}

.az-why-section .az-why-proof{
  margin-top:22px;
  padding:18px 18px 16px;
  border-left:4px solid #F3A32B;
  background:rgba(249,250,252,0.9);
  border-radius:14px;
}

.az-why-section .az-why-quote{
  margin:0 0 6px;
  font-weight:600;
  line-height:1.7;
}

.az-why-section .az-why-source{
  margin:0;
  font-size:14px;
  color:#64748B;
}

/* ==========================================
AZ HERO – elegant sekundær link
========================================== */

.az-hero-frontpage .az-hero-cta-group{
  margin-bottom: 22px;
}

.az-hero-frontpage .az-hero-link{
  margin-top: 6px;
  font-size: 14px;
  letter-spacing: .3px;
  text-align: center;
}

.az-hero-frontpage .az-hero-link a{
  color: rgba(255,255,255,0.85);
  font-weight: 500;
  text-decoration: none;
  transition: opacity .2s ease, transform .2s ease;
}

.az-hero-frontpage .az-hero-link a:hover{
  opacity: 1;
  transform: translateY(-1px);
}

/* Intro badges – stabilt layout */
.az-intro .az-summary-badges{
  margin: 18px 0 0;
  display: flex;
  gap: 12px;
  justify-content: center;
  flex-wrap: wrap;
  font-weight: 600;
  color: #1D3F72;
}

.az-intro .az-summary-badges span{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 10px;
  border: 1px solid rgba(29,63,114,0.18);
  border-radius: 999px;
  background: rgba(249,250,252,0.7);
  line-height: 1.2;
}

@media (max-width: 600px){
  .az-intro .az-summary-badges{
    flex-direction: column;
    align-items: center;
  }
  .az-intro .az-summary-badges span{
    width: 100%;
    max-width: 420px;
    justify-content: center;
  }
}

/* ==========================================
AZ HERO – FRONT PAGE H1 (FINAL TUNED)
========================================== */

.az-hero-frontpage .az-h1-split{
  max-width: 880px;        /* lidt smallere = mere elegant */
  line-height: 1.15;       /* strammere og mere premium */
}

.az-hero-frontpage .az-h1-split__sub{
  display: block;
  font-size: 0.82em;       /* gør linje 2 visuelt lettere */
  font-weight: 600;
  margin-top: 6px;
}

/* Mobil */
@media (max-width: 600px){

  .az-hero-frontpage .az-h1-split{
    max-width: 20ch;       /* tvinger pæn mobil-break */
    line-height: 1.2;
  }

  .az-hero-frontpage .az-h1-split__sub{
    font-size: 0.9em;
  }

}

/* ==========================================================
AZ – BOREBILLE PACK v1.0 (REN & KOMPLET)
- Hero fix + USP + Signs + Process + Inspection + Insurance
- Coverage + FAQ + Final CTA + Content card + Prismatch
========================================================== */


/* ==========================================================
AZ HERO – BOREBILLE (ISOLERET) – BULLETPROOF
- Billede bag tekst (LCP)
- Robust mod CSS overrides (Divi/theme)
========================================================== */

.az-hero.az-hero-borebille{
  position:relative;
  overflow:hidden;
  min-height:700px; /* matcher 1920x700 */
}

@media (max-width:600px){
  .az-hero.az-hero-borebille{ min-height:620px; }
}

/* billede-lag bag content */
.az-hero.az-hero-borebille .az-hero-img-wrap{
  position:absolute;
  inset:0;
  z-index:0;
  max-width:100%;
}

/* gør billedet “låst” til wrapperen (stabil stacking) */
.az-hero.az-hero-borebille .az-hero-img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  max-width:100%;
}

/* overlay over billedet (men under content) */
.az-hero.az-hero-borebille .az-hero-img-wrap::after{
  content:"";
  position:absolute;
  inset:0;
  background:rgba(0,0,0,0.22);
  pointer-events:none;
  z-index:1;
}

/* content øverst */
.az-hero.az-hero-borebille .az-hero-content{
  position:relative;
  z-index:2;
}

/* subline i H1 */
.az-hero.az-hero-borebille .az-h1-split__sub{
  font-size:0.70em;
  line-height:1.2;
  opacity:0.95;
}

/* CTA layout */
.az-hero.az-hero-borebille .az-hero-cta-group{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin-bottom:14px;
}

/* telefon = blå */
.az-hero.az-hero-borebille .az-hero-cta-group .az-hero-cta:not(.az-hero-cta-red){
  background:#1D3F72 !important;
  border-color:#1D3F72 !important;
  color:#fff !important;
}

/* tilbud = rød */
.az-hero.az-hero-borebille .az-hero-cta-group .az-hero-cta.az-hero-cta-red{
  background:#C62828 !important;
  border-color:#C62828 !important;
  color:#fff !important;
}

/* hover uden filter-flimmer */
.az-hero.az-hero-borebille .az-hero-cta-group .az-hero-cta:hover{
  transform:translateY(-1px);
}

/* link under knapper */
.az-hero.az-hero-borebille .az-hero-link a{
  color:#fff !important;
  text-decoration:underline;
}

.az-hero.az-hero-borebille .az-hero-link a:hover{
  opacity:0.85;
}

@media (max-width:600px){
  .az-hero.az-hero-borebille .az-hero-cta{
    width:100%;
    text-align:center;
  }
}




/* ==========================================================
AZ – BOREBILLE: PRISMATCH (RØD HIGHLIGHT)
========================================================== */
.az-price-highlight-title{
  color:#C62828;
  margin:22px 0 8px;
  font-weight:700;
}

.az-price-highlight{
  background:linear-gradient(135deg, #FFFFFF 0%, #FFF6F6 100%);
  border:1px solid rgba(198,40,40,0.25);
  border-left:6px solid #C62828;
  padding:18px 20px;
  border-radius:18px;
  box-shadow:0 12px 28px rgba(198,40,40,0.08);
}

.az-price-highlight p{ margin:0; line-height:1.7; }

.az-price-highlight strong{ color:#C62828; }


/* ==========================================================
AZ – BOREBILLE USP PREMIUM
========================================================== */
.az-usp--borebille-pro{ padding:45px 0; }

.az-usp--borebille-pro .az-usp-card{
  position:relative;
  background:linear-gradient(135deg, #F3F7FC 0%, #EAF1FA 100%);
  border:1px solid rgba(29,63,114,0.15);
  border-radius:20px;
  padding:34px;
  box-shadow:0 18px 40px rgba(15,23,42,0.08);
}

.az-usp--borebille-pro .az-usp-badge{
  position:absolute;
  top:-14px;
  right:20px;
  background:#C62828;
  color:#fff;
  font-size:13px;
  font-weight:600;
  padding:6px 14px;
  border-radius:30px;
  letter-spacing:0.5px;
}

.az-usp--borebille-pro .az-usp-title{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:24px;
}

.az-usp--borebille-pro .az-usp-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:16px 36px;
}

.az-usp--borebille-pro .az-usp-item{
  font-size:16px;
  line-height:1.6;
}

.az-usp--borebille-pro .az-usp-highlight{
  font-weight:600;
  color:#C62828;
}

.az-usp--borebille-pro .az-usp-cta{
  margin-top:30px;
  display:flex;
  gap:14px;
  flex-wrap:wrap;
}

@media (max-width:768px){
  .az-usp--borebille-pro .az-usp-grid{ grid-template-columns:1fr; }
  .az-usp--borebille-pro .az-usp-cta a{ width:100%; text-align:center; }
}


/* ==========================================================
AZ – BOREBILLE: TEGN (PRO LOOK)
========================================================== */
.az-signs--borebille{ padding:55px 0; }

.az-signs--borebille .az-section-intro{ max-width:820px; }

.az-signs--borebille .az-signs-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:18px;
  margin-top:18px;
}

.az-signs--borebille .az-sign-card{
  background:linear-gradient(135deg, #FFFFFF 0%, #F7FAFF 100%);
  border:1px solid rgba(29,63,114,0.14);
  border-left:6px solid #1D3F72;
  border-radius:20px;
  padding:18px 18px 18px 16px;
  box-shadow:0 18px 40px rgba(15,23,42,0.08);
}

.az-signs--borebille .az-sign-card h3{
  margin:0 0 8px;
  line-height:1.25;
}

.az-signs--borebille .az-sign-card p{
  margin:0;
  line-height:1.7;
}

/* NOTE: kun ÉN version (ingen dublet!) */
.az-signs--borebille .az-signs-note--borebille{
  margin-top:18px;
  background:linear-gradient(135deg, #FFFFFF 0%, #FFF5F5 100%);
  border:1px solid rgba(198,40,40,0.18);
  border-left:6px solid #C62828;
  border-radius:20px;
  padding:16px 18px;
  box-shadow:0 18px 40px rgba(15,23,42,0.06);
  line-height:1.7;
}

.az-signs--borebille .az-signs-cta{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin-top:20px;
}

/* OPTIONAL: hvis du vil have tegn-sektionen mere “ens” med resten, så lad være med at centrere.
   Hvis du vil centrere: uncomment de 3 regler herunder.

.az-signs--borebille h2{ text-align:center; margin-bottom:12px; }
.az-signs--borebille .az-section-intro{ text-align:center; margin-left:auto; margin-right:auto; }
.az-signs--borebille .az-signs-cta{ justify-content:center; }
*/

@media (max-width:700px){
  .az-signs--borebille .az-signs-grid{ grid-template-columns:1fr; }
  .az-signs--borebille .az-signs-cta a{ width:100%; text-align:center; }
}


/* ==========================================================
AZ – BOREBILLE: PROCES
========================================================== */
.az-process--borebille{
  padding:55px 0;
  background:#F9FAFC;
}

.az-process--borebille .az-process-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:18px;
  margin-top:18px;
}

.az-process--borebille .az-process-step{
  background:#fff;
  border:1px solid #E5E7EB;
  border-radius:16px;
  padding:20px;
  box-shadow:0 10px 24px rgba(15,23,42,0.05);
}

.az-process--borebille .az-step-no{
  width:34px;
  height:34px;
  border-radius:999px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:700;
  background:rgba(29,63,114,0.12);
  margin-bottom:12px;
}

.az-process--borebille .az-process-note{
  margin-top:18px;
  padding:14px 16px;
  border-left:4px solid #C62828;
  background:#fff;
  border-radius:12px;
}

@media (max-width:900px){
  .az-process--borebille .az-process-grid{ grid-template-columns:1fr; }
}


/* ==========================================================
AZ – BOREBILLE: INSPECTION / INSURANCE / COVERAGE (PRO CARDS)
========================================================== */
.az-inspection--borebille,
.az-coverage--borebille{ padding:55px 0; }

.az-insurance--borebille{
  padding:55px 0;
  background:#F9FAFC;
}

.az-inspection--borebille .az-inspection-card,
.az-insurance--borebille .az-insurance-card,
.az-coverage--borebille .az-coverage-card{
  position:relative;
  background:linear-gradient(135deg, #FFFFFF 0%, #F7FAFF 100%);
  border:1px solid rgba(29,63,114,0.14);
  border-left:6px solid #1D3F72;
  border-radius:20px;
  box-shadow:0 18px 40px rgba(15,23,42,0.08);
  padding:26px;
  overflow:hidden;
}

.az-inspection--borebille .az-inspection-card::before,
.az-insurance--borebille .az-insurance-card::before,
.az-coverage--borebille .az-coverage-card::before{
  content:"";
  position:absolute;
  width:340px;
  height:340px;
  background:rgba(29,63,114,0.12);
  filter:blur(26px);
  border-radius:999px;
  z-index:0;
}

/* placering af glow */
.az-inspection--borebille .az-inspection-card::before{ top:-120px; right:-120px; }
.az-insurance--borebille .az-insurance-card::before{ bottom:-140px; left:-140px; }
.az-coverage--borebille .az-coverage-card::before{ top:-130px; left:-130px; }

.az-inspection--borebille .az-inspection-card > *,
.az-insurance--borebille .az-insurance-card > *,
.az-coverage--borebille .az-coverage-card > *{
  position:relative;
  z-index:1;
}

.az-inspection--borebille .az-inspection-head,
.az-insurance--borebille .az-insurance-head,
.az-coverage--borebille .az-coverage-head{
  display:flex;
  gap:14px;
  align-items:flex-start;
  margin-bottom:14px;
}

.az-inspection--borebille .az-inspection-icon,
.az-insurance--borebille .az-insurance-icon,
.az-coverage--borebille .az-coverage-icon{
  width:44px;
  height:44px;
  border-radius:14px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(29,63,114,0.12);
  flex:0 0 auto;
}

.az-inspection--borebille .az-inspection-svg,
.az-insurance--borebille .az-insurance-svg,
.az-coverage--borebille .az-coverage-svg{
  width:22px;
  height:22px;
  fill:#1D3F72;
  display:block;
}

.az-inspection--borebille .az-inspection-sub,
.az-insurance--borebille .az-insurance-sub,
.az-coverage--borebille .az-coverage-sub{
  margin-top:6px;
  opacity:0.95;
  line-height:1.6;
}

.az-inspection--borebille .az-inspection-body,
.az-insurance--borebille .az-insurance-body,
.az-coverage--borebille .az-coverage-body{
  line-height:1.7;
}

.az-inspection--borebille .az-inspection-highlight,
.az-insurance--borebille .az-insurance-highlight{
  margin-top:18px;
  padding:14px 16px;
  background:#fff;
  border:1px solid #E5E7EB;
  border-left:4px solid #C62828;
  border-radius:16px;
  line-height:1.6;
}

.az-inspection--borebille .az-inspection-cta,
.az-insurance--borebille .az-insurance-cta,
.az-coverage--borebille .az-coverage-cta{
  margin-top:18px;
  display:flex;
  gap:12px;
  flex-wrap:wrap;
}

@media (max-width:700px){
  .az-inspection--borebille .az-inspection-cta a,
  .az-insurance--borebille .az-insurance-cta a,
  .az-coverage--borebille .az-coverage-cta a{
    width:100%;
    text-align:center;
  }
}

/* Coverage 2-col */
.az-coverage--borebille .az-coverage-areas{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:18px;
  margin-top:14px;
}

.az-coverage--borebille .az-coverage-area{
  background:#fff;
  border:1px solid #E5E7EB;
  border-radius:16px;
  padding:18px;
}

.az-coverage--borebille .az-coverage-area h3{ margin:0 0 10px; }
.az-coverage--borebille .az-coverage-area ul{ margin:0; padding-left:18px; }

@media (max-width:800px){
  .az-coverage--borebille .az-coverage-areas{ grid-template-columns:1fr; }
}


/* ==========================================================
AZ – BOREBILLE: FAQ + FINAL CTA
========================================================== */
.az-faq--borebille{ padding:55px 0; background:#fff; }

.az-faq--borebille .az-faq-list{
  margin-top:16px;
  display:grid;
  gap:12px;
}

.az-faq--borebille .az-faq-item{
  background:linear-gradient(135deg, #FFFFFF 0%, #F7FAFF 100%);
  border:1px solid rgba(29,63,114,0.14);
  border-left:6px solid #1D3F72;
  border-radius:18px;
  padding:14px 16px;
  box-shadow:0 12px 28px rgba(15,23,42,0.06);
}

.az-faq--borebille .az-faq-item summary{
  cursor:pointer;
  font-weight:600;
  line-height:1.4;
  list-style:none;
}

.az-faq--borebille .az-faq-item summary::-webkit-details-marker{ display:none; }

.az-faq--borebille .az-faq-item summary::after{
  content:"+";
  float:right;
  font-weight:700;
  opacity:0.8;
}

.az-faq--borebille .az-faq-item[open] summary::after{ content:"–"; }

.az-faq--borebille .az-faq-content{
  margin-top:10px;
  line-height:1.7;
  opacity:0.98;
}

.az-faq--borebille .az-faq-cta{
  margin-top:18px;
  display:flex;
  gap:12px;
  flex-wrap:wrap;
}

@media (max-width:700px){
  .az-faq--borebille .az-faq-cta a{ width:100%; text-align:center; }
}

.az-final-cta--borebille{
  padding:55px 0;
  background:#F9FAFC;
}

.az-final-cta--borebille .az-final-cta-card{
  position:relative;
  background:linear-gradient(135deg, #FFFFFF 0%, #F7FAFF 100%);
  border:1px solid rgba(29,63,114,0.14);
  border-left:6px solid #1D3F72;
  border-radius:20px;
  box-shadow:0 18px 40px rgba(15,23,42,0.08);
  padding:28px;
  overflow:hidden;
}

.az-final-cta--borebille .az-final-cta-card::before{
  content:"";
  position:absolute;
  top:-120px;
  right:-120px;
  width:340px;
  height:340px;
  background:rgba(29,63,114,0.12);
  filter:blur(26px);
  border-radius:999px;
  z-index:0;
}

.az-final-cta--borebille .az-final-cta-card > *{
  position:relative;
  z-index:1;
}

.az-final-cta--borebille h2{ margin:0 0 10px; line-height:1.25; }
.az-final-cta--borebille p{ margin:0 0 14px; line-height:1.7; }

.az-final-cta--borebille .az-final-cta-buttons{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin-top:6px;
}

.az-final-cta--borebille .az-final-cta-note{
  margin-top:12px;
  padding:12px 14px;
  background:#fff;
  border:1px solid #E5E7EB;
  border-left:4px solid #C62828;
  border-radius:16px;
}

@media (max-width:700px){
  .az-final-cta--borebille .az-final-cta-buttons a{
    width:100%;
    text-align:center;
  }
}


/* ==========================================================
AZ – CONTENT CARD (GLOBAL)
Pro card til tekstsektioner (alle sider / alle skadedyr)
========================================================== */

.az-content-card{
  background: linear-gradient(135deg, #FFFFFF 0%, #F7FAFF 100%);
  border: 1px solid rgba(29,63,114,0.14);
  border-left: 6px solid #1D3F72;
  border-radius: 20px;
  padding: clamp(18px, 2.2vw, 30px);
  box-shadow: 0 18px 40px rgba(15,23,42,0.08);
}

.az-content-card > :first-child{
  margin-top: 0;
}

.az-content-card h2,
.az-content-card h3{
  margin: 0 0 10px 0;
  line-height: 1.25;
}

.az-content-card p{
  margin: 0 0 12px 0;
  line-height: 1.7;
}

.az-content-card ul{
  margin: 8px 0 0 0;
  padding-left: 18px;
  line-height: 1.7;
}

.az-content-card li + li{
  margin-top: 6px;
}

/* CTA inde i content card */
.az-content-card .az-card-cta{
  margin-top: 22px;
  padding-top: 18px;
  border-top: 1px solid #E5E7EB;
  display:flex;
  flex-direction:column;
  gap:12px;
}

.az-content-card .az-card-cta p{
  margin:0;
}

@media (max-width:600px){
  .az-content-card .az-card-cta .az-btn{
    width:100%;
    text-align:center;
  }
}

/* ==========================================================
   AZ BOREBILLE – CONTENT IMAGE & CTA BLOCK
   Bruges på /skadedyr/borebillebekaempelse/
   Version: 1.0
========================================================== */

/* ==========================================================
   AZ BOREBILLE – CONTENT IMAGE & CTA BLOCK
   Bruges på /skadedyr/borebillebekaempelse/
   Version: 1.0
========================================================== */

.az-image-block {
  margin: 20px 0 24px 0;
}

.az-img-rounded {
  width: 100%;
  height: auto;
  border-radius: 14px;
  display: block;
}

.az-cta-row {
  margin-top: 16px;
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}

/* ==========================================================
   AZ GLOBAL SYSTEM 2026 – BOREBILLE
   Section: USP / Tryghedsgaranti
   Page: /skadedyr/borebillebekaempelse/
   Version: 1.0
========================================================== */

/* Wrapper */
.az-usp--borebille-pro {
  padding: 70px 20px;
  background: #F9FAFC;
}

/* Card */
.az-usp-card {
  background: #FFFFFF;
  border-radius: 20px;
  padding: 38px 34px;
  box-shadow: 0 18px 40px rgba(15,23,42,0.06);
  border: 1px solid #E5E7EB;
}

/* Badge */
.az-usp-badge {
  display: inline-block;
  background: #1D3F72;
  color: #FFFFFF;
  font-size: 13px;
  font-weight: 600;
  padding: 6px 12px;
  border-radius: 999px;
  margin-bottom: 14px;
}

/* Title */
.az-usp-title {
  font-family: var(--az-font-heading);
  font-weight: 600;
  font-size: 28px;
  line-height: 1.3;
  margin-bottom: 28px;
  color: #1D1D1D;
  display: flex;
  align-items: center;
  gap: 10px;
}

/* Grid */
.az-usp-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 14px 26px;
  margin-bottom: 30px;
}

/* Items */
.az-usp-item {
  font-size: 16px;
  line-height: 1.6;
  color: #1D1D1D;
}

/* Highlight */
.az-usp-highlight {
  font-weight: 700;
  color: #C62828;
}

/* CTA row */
.az-usp-cta {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}

/* ==========================================================
   AZ GLOBAL SYSTEM 2026 – BOREBILLE
   Section: Proces (3 steps + note)
   Page: /skadedyr/borebillebekaempelse/
   Version: 1.1
========================================================== */

.az-process--borebille {
  padding: 70px 20px;
  background: #FFFFFF;
}

.az-process--borebille .az-section-intro {
  max-width: 780px;
  margin: 10px 0 28px 0;
  line-height: 1.7;
}

/* Grid */
.az-process--borebille .az-process-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  margin-top: 22px;
}

/* Step cards */
.az-process--borebille .az-process-step {
  background: #F9FAFC;
  border: 1px solid #E5E7EB;
  border-radius: 18px;
  padding: 22px 20px;
  box-shadow: 0 14px 28px rgba(15,23,42,0.05);
}

.az-process--borebille .az-process-step h3 {
  margin: 10px 0 8px 0;
  font-family: var(--az-font-heading);
  font-weight: 600;
  line-height: 1.3;
}

.az-process--borebille .az-process-step p {
  margin: 0;
  line-height: 1.7;
}

/* Step number */
.az-process--borebille .az-step-no {
  width: 40px;
  height: 40px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;

  background: #1D3F72;
  color: #FFFFFF;
  font-weight: 800;
  font-size: 16px;
}

/* Note box */
.az-process--borebille .az-process-note {
  margin-top: 22px;
  padding: 16px 18px;
  border-radius: 16px;
  background: rgba(29,63,114,0.06);
  border: 1px solid rgba(29,63,114,0.18);
  line-height: 1.7;
}

.az-process--borebille .az-process-step:hover {
  transform: translateY(-2px);
  transition: transform 0.12s ease;
}


/* Responsive */
@media (max-width: 980px) {
  .az-process--borebille .az-process-grid {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .az-process--borebille {
    padding: 55px 18px;
  }
}

/* ==========================================================
   AZ GLOBAL SYSTEM 2026 – BOREBILLE
   Section: Proces (3 steps + note + CTA)
   Page: /skadedyr/borebillebekaempelse/
   Version: 1.2
========================================================== */

/* Wrapper */
.az-process--borebille {
  padding: 75px 20px;
  background: #F9FAFC;
}

/* Intro */
.az-process--borebille .az-section-intro {
  max-width: 820px;
  margin: 12px 0 30px 0;
  line-height: 1.7;
}

/* Grid */
.az-process--borebille .az-process-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
  margin-top: 20px;
}

/* Step card */
.az-process--borebille .az-process-step {
  background: #FFFFFF;
  border-radius: 20px;
  padding: 28px 24px;
  border: 1px solid #E5E7EB;
  box-shadow: 0 18px 40px rgba(15,23,42,0.06);
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.az-process--borebille .az-process-step:hover {
  transform: translateY(-3px);
  box-shadow: 0 24px 48px rgba(15,23,42,0.08);
}

/* Step number circle */
.az-process--borebille .az-step-no {
  width: 44px;
  height: 44px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;

  background: #1D3F72;
  color: #ffffff;
  font-weight: 800;
}

/* END: az-step-no */
    
/* ==========================================================
AZ GLOBAL USP – Standard (v1.2)
Gælder KUN for sektioner der bruger .az-usp
========================================================== */

/* Section spacing når den bruges som “rigtig sektion” */
.az-usp.az-section--white{
  padding: 75px 20px;
}

/* Card */
.az-usp-card{
  border-radius: 20px;
  padding: 24px;
  overflow: hidden;
}

/* Badge (base) */
.az-usp-badge{
  max-width: 100%;
  white-space: normal;

  display: inline-flex;
  align-items: center;
  gap: 8px;

  background: var(--az-primary); /* default blå */
  color: #fff;
  padding: 8px 14px;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 800;
  letter-spacing: 0.2px;

  margin-top: 2px;      /* hjælper mod “klip” i toppen */
  margin-bottom: 14px;  /* luft før H2 */
}

/* Title (USP H2) */
.az-usp-title{
  margin: 0;
  line-height: 1.25;

  /* IMPORTANT: undgå bogstav-splitting */
  overflow-wrap: normal;
  word-break: normal;
  hyphens: auto;
}

/* Grid */
.az-usp-grid{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-top: 18px;
}

/* Item */
.az-usp-item{
  padding: 10px 12px;
  border-radius: 14px;
  background: rgba(29,63,114,0.04);
  border: 1px solid rgba(29,63,114,0.10);
  line-height: 1.45;
}

/* Note */
.az-usp-note{
  margin-top: 18px;
  padding: 14px 16px;
  border-radius: 14px;
  line-height: 1.55;

  background: rgba(29,63,114,0.06);
  border: 1px solid rgba(29,63,114,0.14);
}

/* CTA */
.az-usp-cta{
  margin-top: 18px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}

/* ---------- Tablet & down ---------- */
@media (max-width: 980px){
  .az-usp-card{ padding: 20px; }
  .az-usp-grid{ grid-template-columns: 1fr; }
}

/* ---------- Mobile ---------- */
@media (max-width: 768px){

  .az-usp-card{
    padding: 18px 16px;
    border-radius: 18px;
  }

  .az-usp-badge{
    font-size: 13px;
    padding: 7px 11px;
    margin-bottom: 12px;
  }

  /* USP H2 – pæn på mobil */
  .az-usp-title{
    font-size: 20px;
    line-height: 1.28;
    letter-spacing: -0.2px;

    overflow-wrap: normal;
    word-break: normal;
    hyphens: auto;
  }

  .az-usp-title strong{
    font-weight: 800;
    white-space: normal;
  }

  .az-usp .az-section-intro{
    font-size: 16px !important;
    line-height: 1.65 !important;
    max-width: 100% !important;
  }

  .az-usp-grid{
    grid-template-columns: 1fr;
    gap: 10px;
    margin-top: 14px;
  }

  .az-usp-item{
    font-size: 15px;
  }

  .az-usp-note{
    padding: 12px 12px;
    border-radius: 14px;
    font-size: 15px;
  }

  .az-usp-cta .az-btn{
    width: 100%;
    justify-content: center;
    padding: 12px 16px;
  }
}

@media (max-width: 420px){
  .az-usp-title{ font-size: 19px; }
  .az-usp-item{ font-size: 14.5px; }
}

/* ==========================================================
AZ GLOBAL USP – VARIANTER (v1.2)
========================================================== */

/* PRO – Konverteringsfokuseret */
.az-usp--pro .az-usp-card{
  border: 2px solid rgba(198,40,40,0.22);
  box-shadow: 0 22px 55px rgba(15,23,42,0.14);
}

/* PRO badge = rød (tryghedsgaranti) */
.az-usp--pro .az-usp-badge{
  background: var(--az-secondary); /* rød */
}

.az-usp--pro .az-usp-highlight{
  border: 2px solid rgba(198,40,40,0.28);
  border-radius: 14px;
  font-weight: 900;
  background: rgba(198,40,40,0.05);
}

/* SOFT – Neutral */
.az-usp--soft .az-usp-card{
  border: 1px solid rgba(29,63,114,0.15);
  box-shadow: 0 12px 30px rgba(15,23,42,0.08);
}

.az-usp--soft .az-usp-highlight{
  border: 1px solid rgba(29,63,114,0.18);
  background: rgba(29,63,114,0.05);
  font-weight: 700;
}

/* ==========================================================
AZ GLOBAL – CTA CARD actions (mobil)
Gør CTA-knapper stabile i cards på alle sider
========================================================== */
@media (max-width: 768px){
  .az-card-cta{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
  }
  .az-card-cta .az-btn{
    width: 100%;
    justify-content: center;
  }
}

/* ==========================================================
AZ GLOBAL – CTA TITLES (mobil-safe)
Sikrer lange ord (fx borebillebekæmpelse) ikke overflow i cards
========================================================== */
.az-cta-title{ margin-top: 8px; }

@media (max-width: 768px){
  .az-cta-title{
    white-space: normal !important;

    /* mindre aggressiv end “anywhere” for at undgå bogstav-splitting */
    overflow-wrap: break-word !important;
    word-break: normal !important;

    hyphens: auto;
    max-width: 100%;
    font-size: 22px;
    line-height: 1.25;
  }
}

/* ==========================================================
OPTIONAL – ONLY if Divi/andre regler overskriver proces-grid på mobil
(brug kun hvis du stadig ser 3 smalle kolonner)
========================================================== */
/*
@media (max-width: 768px){
  .az-process.az-process--borebille .az-process-grid{
    grid-template-columns: 1fr !important;
  }
}
*/

/* Fix: Undgå “justify”-orddeling i USP overskrifter */
.az-usp .az-usp-title{
  text-align: left !important;
  text-align-last: auto !important;
  word-spacing: normal !important;
}

/* Fix: Proces-grid responsivt (bulletproof) */
@media (max-width: 980px){
  .az-process--borebille .az-process-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 768px){
  .az-process--borebille .az-process-grid{
    grid-template-columns: 1fr !important;
  }

  .az-process--borebille .az-process-step{
    min-width: 0;
  }
}

/* Fix: Stop kolonne-layout i USP (rammer kun USP-kortets indhold) */
.az-usp-card,
.az-usp-card *{
  column-count: initial !important;
  column-width: auto !important;
  column-gap: normal !important;
  columns: auto !important;
}

/* Fix: USP H2 må ikke være justify (giver “Fyn i midten”) */
.az-usp .az-usp-title{
  text-align: left !important;
  text-align-last: left !important;
  word-spacing: normal !important;
  letter-spacing: normal !important;
}

#tryghedsgaranti-borebille-fyn .az-usp-title{
  columns: auto !important;
  column-count: 1 !important;
  column-width: auto !important;
}

#tryghedsgaranti-borebille-fyn .az-usp-title{
  text-align: left !important;
  text-align-last: left !important;
  word-spacing: normal !important;
  white-space: normal !important;
}

#tryghedsgaranti-borebille-fyn .az-usp-title strong{
  display: inline;
  margin: 0 .25em;
}

#tryghedsgaranti-borebille-fyn .az-usp-title{
  text-align: left !important;
  text-align-last: auto !important;
}

/* FIX: Nogle globale regler gør H2 til flex → giver 3 “kolonner” (tekst + strong + tekst) */
#tryghedsgaranti-borebille-fyn .az-usp-title{
  display: block !important;
  justify-content: initial !important;
  align-items: initial !important;
  flex-wrap: initial !important;
  gap: 0 !important;
}

.az-usp .az-usp-title{
  display: block !important;
  justify-content: initial !important;
  align-items: initial !important;
  flex-wrap: initial !important;
  gap: 0 !important;
}

/* USP-title: pæn linjebrud + lidt mere kontrol på mobil */
@media (max-width: 768px){
  #tryghedsgaranti-borebille-fyn .az-usp-title{
    font-size: 20px;
    line-height: 1.22;
    letter-spacing: -0.2px;
    margin-bottom: 8px;

    /* pæn orddeling uden at splitte små ord */
    overflow-wrap: normal;
    word-break: normal;
    hyphens: auto;
  }

  #tryghedsgaranti-borebille-fyn .az-usp-title strong{
    font-weight: 800;
    white-space: nowrap; /* holder “Fyn” samlet */
  }
}

@media (max-width: 768px){
  #tryghed-pris-borebille-fyn [style*="grid-template-columns: repeat(3"]{
    grid-template-columns: 1fr !important;
  }
}

/* ==========================================================
AZ – Info Link Box (Cluster-forstærkning)
Bruges til at linke region → hovedside
========================================================== */

.az-info-link-box{
  display:flex;
  gap:14px;
  align-items:flex-start;

  margin-top:18px;
  padding:16px 18px;

  border-radius:16px;
  background:rgba(29,63,114,0.05);
  border:1px solid rgba(29,63,114,0.15);

  transition:all .2s ease;
}

.az-info-link-box:hover{
  background:rgba(29,63,114,0.08);
  border-color:rgba(29,63,114,0.25);
}

.az-info-link-box__icon{
  font-size:20px;
  line-height:1;
  margin-top:3px;
}

.az-info-link-box__content p{
  margin:6px 0 8px 0;
  font-size:15px;
  line-height:1.6;
}

.az-info-link-box__link{
  font-weight:700;
  color:var(--az-primary);
  text-decoration:none;
}

.az-info-link-box__link:hover{
  text-decoration:underline;
}

/* Mobil */
@media (max-width:768px){
  .az-info-link-box{
    flex-direction:column;
  }
}

@media (max-width: 980px){
  #tryghed-pris-borebille-fyn .az-trust-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 768px){
  #tryghed-pris-borebille-fyn .az-trust-grid{
    grid-template-columns: 1fr;
  }
}

/* ==========================================================
AZ – Info Link Box STRONG
Mere synlig version til cluster-forstærkning
========================================================== */

.az-info-link-box--strong{
  background: linear-gradient(
    135deg,
    rgba(29,63,114,0.06) 0%,
    rgba(29,63,114,0.03) 100%
  );

  border: 2px solid rgba(29,63,114,0.22);
  box-shadow: 0 18px 40px rgba(15,23,42,0.10);
}

.az-info-link-box--strong:hover{
  background: linear-gradient(
    135deg,
    rgba(29,63,114,0.10) 0%,
    rgba(29,63,114,0.05) 100%
  );
  border-color: rgba(29,63,114,0.35);
}

.az-info-link-box--strong .az-info-link-box__icon{
  font-size: 22px;
}

.az-info-link-box--strong .az-info-link-box__link{
  font-weight: 800;
  color: var(--az-primary);
}

/* ==========================================================
AZ TEAM – GLOBAL (theme-az.css)
Section: #team.az-team
========================================================== */

.az-team{
  background:#fff;
  padding:70px 20px;
  border-bottom:1px solid #EEF2F7;
}

.az-team .az-team__title{
  margin:0 0 10px;
  text-align:center;
  font-family:'Merriweather', serif;
  font-size:32px;
  color:#1D3F72;
}

.az-team .az-team__intro{
  margin:0 auto 40px;
  max-width:820px;
  text-align:center;
  font-size:16px;
  line-height:1.7;
  color:#374151;
}

/* Grids */
.az-team .az-team__lead{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));
  gap:24px;
  margin-bottom:50px;
}

.az-team .az-team__grid{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));
  gap:20px;
}

/* Cards */
.az-team .az-team-img{
  display:block;
  margin:0 auto 12px auto;
  border-radius:50%;
  object-fit:cover;
  background:#F3F4F6;
}

.az-team .az-team-card{
  text-align:center;
  padding:18px;
  border:1px solid #E5E7EB;
  border-radius:18px;
  background:#fff;
  box-shadow:0 10px 24px rgba(15,23,42,0.06);
  transition:transform .12s ease, box-shadow .12s ease;
}

.az-team .az-team-card:hover{
  transform:translateY(-2px);
  box-shadow:0 16px 34px rgba(15,23,42,0.10);
}

.az-team .az-team-card--lead{
  padding:22px;
  border:1px solid #E6EEF8;
}

.az-team .az-name{
  font-weight:900;
  color:#1D3F72;
  margin-top:6px;
  font-size:18px;
}

.az-team .az-role{
  color:#c62828;
  font-weight:800;
  margin-top:4px;
  font-size:14px;
}

.az-team .az-team-desc{
  margin:10px 0 0;
  color:#374151;
  line-height:1.7;
  font-size:15px;
}

/* Admin mail (spam-sikret) */
.az-team .az-team-mail{
  margin-top:12px;
  font-size:14px;
}

.az-team .az-team-mail span{
  font-weight:600;
  color:#6B7280;
  font-size:13px;
}

.az-team .az-protected-mail{
  color:#1D3F72;
  font-weight:800;
  text-decoration:none;
  cursor:pointer;
}

.az-team .az-protected-mail:hover{
  color:#c62828;
  text-decoration:underline;
}

/* Note + CTA */
.az-team .az-team-note{
  margin:26px auto 0;
  max-width:900px;
  padding:18px;
  border:1px solid #E5E7EB;
  border-radius:18px;
  background:#F9FAFC;
}

.az-team .az-team-note__text{
  margin:0;
  text-align:center;
  color:#374151;
  line-height:1.7;
  font-size:14px;
}

.az-team .az-team-note__cta{
  margin-top:14px;
  display:flex;
  gap:12px;
  justify-content:center;
  flex-wrap:wrap;
}

/* Ghost knap (hvis ikke allerede defineret i theme-az.css) */
.az-btn.az-btn--ghost{
  background:#fff;
  color:#1D3F72;
  border:1px solid #D9E2EF;
  box-shadow:0 10px 24px rgba(15,23,42,0.06);
}

.az-btn.az-btn--ghost:hover{
  color:#c62828;
  border-color:#c62828;
}

@media (max-width:640px){
  .az-team .az-team__lead,
  .az-team .az-team__grid{
    grid-template-columns:1fr;
  }

  .az-team .az-team__title{
    font-size:28px;
  }
}

.az-team .az-team-note__text{
  margin:0;
  text-align:center;
  color:#1D1D1D;
  line-height:1.8;
  font-size:16px;
  font-weight:500;
}
}

.az-team .az-team-note__cta{
  margin-top:16px;
  display:flex;
  gap:14px;
  justify-content:center;
  flex-wrap:wrap;
}

/* ==========================================
LEDERSKAB – Visuelt stærkere end team
========================================== */

.az-team .az-team-card--lead{
  padding:26px;
  border:1px solid #DCE6F4;
  box-shadow:0 14px 36px rgba(29,63,114,0.10);
  position:relative;
  overflow:hidden;
}

/* Subtil blå accent-linje */
.az-team .az-team-card--lead::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:4px;
  background:#1D3F72;
}

/* Navn lidt større på leder */
.az-team .az-team-card--lead .az-name{
  font-size:20px;
}

/* Rolle lidt tydeligere */
.az-team .az-team-card--lead .az-role{
  font-size:15px;
}

/* Hover lidt stærkere end team */
.az-team .az-team-card--lead:hover{
  transform:translateY(-3px);
  box-shadow:0 20px 44px rgba(29,63,114,0.15);
}

/* ==========================================================
AZ TEAM – GLOBAL (theme-az.css)
SLUT
========================================================== */
/* ==========================================================
AZ SUBMENU – BLOG (az_blog_species output)
Targets: .az-blog-list / .az-blog-link / .az-blog-title / .az-blog-date
========================================================== */

/* Reset liste */
.az-submenu-blog-grid .az-blog-list{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:14px;
}

/* Kort/link */
.az-submenu-blog-grid .az-blog-link{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;

  padding:18px 18px;
  border:1px solid #E5E7EB;
  border-radius:18px;
  background:#fff;
  text-decoration:none;

  box-shadow:0 10px 24px rgba(15,23,42,0.06);
  transition:transform .12s ease, box-shadow .12s ease, border-color .12s ease, background-color .12s ease;
}

/* Subtil hover – INGEN blå baggrund */
.az-submenu-blog-grid .az-blog-link:hover{
  transform:translateY(-2px);
  box-shadow:0 16px 34px rgba(15,23,42,0.10);
  border-color:#D9E2EF;
  background:#fff;
}

/* Titel: mindre + kontrolleret */
.az-submenu-blog-grid .az-blog-title{
  font-family:'Merriweather', serif;
  font-size:clamp(18px, 2.0vw, 26px);
  line-height:1.25;
  font-weight:600;
  color:#1D3F72;

  /* så lange titler ikke sprænger layoutet */
  display:-webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow:hidden;
}

/* Dato: diskret, men tydelig */
.az-submenu-blog-grid .az-blog-date{
  font-size:13px;
  color:#6B7280;
  font-weight:700;
  white-space:nowrap;
}

/* ==========================================================
AZ SUBMENU BLOG – fjern venstre ikon (blå firkant)
========================================================== */
.az-submenu-blog-grid .az-blog-item::before,
.az-submenu-blog-grid .az-blog-link::before{
  content: none !important;
  display: none !important;
}

/* Hvis ikonet kommer som background */
.az-submenu-blog-grid .az-blog-link{
  background-image: none !important;
}

/* Diskret accent i stedet for ikon */
.az-submenu-blog-grid .az-blog-link{
  border-left: 4px solid #1D3F72;
  padding-left: 18px; /* behold komfort */
}


/* Mobil: dato under titel */
@media (max-width:640px){
  .az-submenu-blog-grid .az-blog-link{
    flex-direction:column;
    align-items:flex-start;
  }
}

/* ==========================================================
AZ LIST – CHECK (Divi bulletproof)
Fixer: dots/bullets + korrekt wrap i cards
========================================================== */

.az-section .az-list{
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

/* Divi sætter tit bullets på li – nulstil hårdt */
.az-section .az-list li{
  list-style: none !important;
  margin: 0 0 10px 0 !important;
  padding: 0 !important;
}

/* Check layout */
.az-section .az-list--check li{
  position: relative;
  padding-left: 28px !important;
  line-height: 1.55;
  overflow-wrap: anywhere;
}

/* Check ikon */
.az-section .az-list--check li::before{
  content: "✓";
  position: absolute;
  left: 0;
  top: 0;
  font-weight: 800;
  color: var(--az-primary);
}

/* Nulstil marker (bullets) hvis browser/theme stadig viser den */
.az-section .az-list--check li::marker{
  content: "" !important;
}

.az-section .az-list--check li::before{
  top: 0.1em; /* lille optisk justering */
}


/* ==========================================================
AZ – Coverage Regions (pænere region-kort)
========================================================== */

.az-coverage--regions .az-region-grid{
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

@media (max-width: 980px){
  .az-coverage--regions .az-region-grid{
    grid-template-columns: 1fr;
  }
}

.az-coverage--regions .az-region-card{
  display:block;
  text-decoration:none;
  background: #fff;
  border: 1px solid rgba(15,23,42,0.10);
  border-radius: 18px;
  padding: 18px;
  box-shadow: 0 14px 28px rgba(15,23,42,0.06);
  transition: transform .12s ease, box-shadow .12s ease, border-color .12s ease;
}

.az-coverage--regions .az-region-card:hover{
  transform: translateY(-2px);
  box-shadow: 0 18px 34px rgba(15,23,42,0.10);
  border-color: rgba(29,63,114,0.25);
}

.az-coverage--regions .az-region-card__top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 10px;
  margin-bottom: 10px;
}

.az-coverage--regions .az-region-badge{
  display:inline-flex;
  align-items:center;
  padding: 6px 10px;
  border-radius: 999px;
  font-weight: 800;
  background: rgba(29,63,114,0.08);
  color: var(--az-primary);
}

.az-coverage--regions .az-region-chip{
  display:inline-flex;
  align-items:center;
  padding: 6px 10px;
  border-radius: 999px;
  font-weight: 700;
  font-size: 13px;
  background: rgba(198,40,40,0.08);
  color: var(--az-secondary);
}

.az-coverage--regions .az-region-card__title{
  margin: 0 0 6px 0;
  font-size: 18px;
  line-height: 1.25;
  color: var(--az-primary);
}

.az-coverage--regions .az-region-card__text{
  margin: 0 0 10px 0;
  color: var(--az-text, #1D1D1D);
  line-height: 1.6;
}

.az-coverage--regions .az-region-card__cta{
  font-weight: 800;
  color: var(--az-secondary);
}

/* Mini “opgaver” boks */
.az-coverage--regions .az-coverage-mini{
  border: 1px solid rgba(15,23,42,0.10);
  border-radius: 18px;
  padding: 16px 18px;
  background: linear-gradient(135deg, #FFFFFF 0%, #F9FAFC 100%);
}

/* Accordion (valgfri) */
.az-coverage--regions .az-coverage-cities{
  border: 1px solid rgba(15,23,42,0.10);
  border-radius: 18px;
  padding: 10px 14px;
  background: #fff;
}

.az-coverage--regions .az-coverage-cities > summary{
  cursor: pointer;
  font-weight: 800;
  color: var(--az-primary);
}

.az-coverage--regions .az-coverage-cities[open]{
  box-shadow: 0 14px 28px rgba(15,23,42,0.06);
}

/* ==========================================================
AZ – Coverage Regions (patch: "Opgaver" liste + ens spacing)
========================================================== */

/* Gør mini-boksen mere "card"-agtig */
.az-coverage--regions .az-coverage-mini{
  border: 1px solid rgba(15,23,42,0.10);
  border-radius: 18px;
  padding: 18px 18px;
  background: linear-gradient(135deg, #FFFFFF 0%, #F9FAFC 100%);
}

/* Sørg for at listen IKKE bliver inline (Divi kan finde på det) */
.az-coverage--regions .az-coverage-mini ul,
.az-coverage--regions .az-coverage-mini ul[role="list"]{
  list-style: none !important;
  margin: 10px 0 0 0 !important;
  padding: 0 !important;
}

.az-coverage--regions .az-coverage-mini li{
  display: block !important;
  list-style: none !important;
  margin: 0 0 10px 0 !important;
  padding: 0 !important;
  position: relative;
  padding-left: 28px !important;
  line-height: 1.55;
  overflow-wrap: anywhere;
}

/* check ikon (ens på alle lister i boksen) */
.az-coverage--regions .az-coverage-mini li::before{
  content: "✓";
  position: absolute;
  left: 0;
  top: 0;
  font-weight: 800;
  color: var(--az-primary);
}

/* Nulstil bullets/markers hvis Divi stadig viser dem */
.az-coverage--regions .az-coverage-mini li::marker{
  content: "" !important;
}

.az-coverage--regions .az-region-card{
  height: 100%;
  display: flex;
  flex-direction: column;
}

.az-coverage--regions .az-region-card__cta{
  margin-top: auto;
}

/* ==========================================================
AZ REGION CARD – PREMIUM STYLE
========================================================== */

.az-region-card--premium{
  border: 1px solid rgba(15,23,42,0.08);
  border-radius: 20px;
  padding: 22px;
  background: linear-gradient(145deg,#FFFFFF 0%,#F8FAFC 100%);
  transition: all .25s ease;
  text-decoration: none;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.az-region-card--premium:hover{
  transform: translateY(-4px);
  box-shadow: 0 18px 40px rgba(15,23,42,0.12);
  border-color: rgba(29,63,114,0.25);
}

.az-region-card__title{
  font-size: 18px;
  margin: 10px 0 8px;
  line-height: 1.3;
  color: var(--az-primary);
}

.az-region-card__text{
  font-size: 15px;
  line-height: 1.6;
  color: #334155;
}

.az-region-card__cta{
  margin-top: auto;
  font-weight: 600;
  color: var(--az-secondary);
  display: flex;
  align-items: center;
  gap: 6px;
}

.az-region-card__arrow{
  transition: transform .2s ease;
}

.az-region-card--premium:hover .az-region-card__arrow{
  transform: translateX(4px);
}

/* ==========================================================
AZ HEADER + MENU (PRO) – Luft + farver + CTA highlight
Placér nederst i theme-az.css
========================================================== */

/* 1) Mere luft i header (pro) */
#main-header {
  padding-top: 10px;
  padding-bottom: 10px;
}

/* 2) Baseline menu-typografi/alignment (skånsom) */
#top-menu > li > a {
  line-height: 1.1;
  padding-bottom: 0 !important; /* Divi kan tilføje mærkelig bundpadding */
}

/* 3) Standard farvelogik i menu:
   - blå normalt
   - rød ved aktiv side
   - rød ved hover (valgfrit men pænt) */
#top-menu > li > a,
#top-menu > li > a:visited {
  color: var(--az-primary) !important; /* blå */
  text-decoration: none !important;
}

#top-menu > li > a:hover {
  color: var(--az-secondary) !important; /* rød */
}

#top-menu > li.current-menu-item > a,
#top-menu > li.current_page_item > a,
#top-menu > li.current-menu-ancestor > a,
#top-menu > li.current_page_ancestor > a {
  color: var(--az-secondary) !important; /* rød aktiv */
}

/* 4) CTA: "Få et tilbud" – diskret pill/badge der skiller sig ud,
      men stadig blå som standard og rød ved hover/aktiv */
#top-menu li.az-menu-cta > a,
#top-menu li.az-menu-cta > a:visited {
  background: rgba(198, 40, 40, 0.10) !important; /* let rød tint */
  border: 1px solid rgba(198, 40, 40, 0.40) !important;
  color: var(--az-primary) !important;             /* blå tekst (system) */
  padding: 9px 14px !important;
  border-radius: 999px !important;
  font-weight: 700 !important;
  display: inline-block;
  text-decoration: none !important;
  line-height: 1 !important;
}

/* Sikrer hvis Divi farver spans/children */
#top-menu li.az-menu-cta > a * {
  color: inherit !important;
}

/* CTA hover */
#top-menu li.az-menu-cta > a:hover {
  background: rgba(198, 40, 40, 0.16) !important;
  border-color: rgba(198, 40, 40, 0.65) !important;
  color: var(--az-secondary) !important; /* rød */
}

/* CTA aktiv side */
#top-menu li.az-menu-cta.current-menu-item > a,
#top-menu li.az-menu-cta.current_page_item > a {
  color: var(--az-secondary) !important; /* rød aktiv */
  border-color: rgba(198, 40, 40, 0.75) !important;
  background: rgba(198, 40, 40, 0.14) !important;
}

/* 5) Mobil: sørg for at CTA ikke bliver "kæmpe knap" i burger-menu */
@media (max-width: 980px) {
  #top-menu li.az-menu-cta > a,
  #top-menu li.az-menu-cta > a:visited {
    padding: 10px 12px !important;
    border-radius: 12px !important; /* lidt mere “liste-venligt” */
    display: inline-block;
  }
}

/* ==========================================================
AZ – Akut hvepse hjælp (ALARM + PREMIUM) – OVERSKRIV
========================================================== */
.az-acute-help{
  margin:16px auto 0;
  padding:16px 16px;
  max-width:760px;

  background:#FFF3F3;
  border:1px solid rgba(198,40,40,0.22);
  border-left:6px solid #C62828;
  border-radius:16px;

  text-align:center;
  box-shadow:0 12px 34px rgba(0,0,0,0.06);
}

.az-acute-help-head{
  margin:0 0 10px;
  font-size:16px;
  line-height:1.2;
}

.az-acute-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:5px 10px;
  margin-right:8px;

  font-size:12px;
  font-weight:900;
  letter-spacing:0.08em;

  color:#fff;
  background:#C62828;
  border-radius:999px;
  text-transform:uppercase;
}

.az-acute-help-text{
  margin:0 0 12px;
  font-size:15.5px;
  line-height:1.55;
  color:#1D1D1D;
}

.az-acute-help-note{
  color:#333;
  font-weight:600;
  white-space:nowrap;
}

.az-acute-help-links{
  display:flex;
  gap:10px;
  justify-content:center;
  align-items:center;
  flex-wrap:wrap;
  font-size:15px;
  margin-bottom:10px;
}

.az-acute-help-links span{
  color:#666;
}

.az-acute-call{
  color:#C62828;
  font-weight:900;
  text-decoration:none;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(198,40,40,0.10);
}

.az-acute-call:hover{
  text-decoration:underline;
}

.az-acute-msg{
  color:#1D3F72;
  font-weight:800;
  text-decoration:none;
}

.az-acute-msg:hover{
  text-decoration:underline;
}

.az-acute-help-foot{
  margin:0;
  font-size:13.5px;
  line-height:1.45;
  color:#333;
  opacity:0.96;
}


/* ==========================================================
AZ CONTENT – STD v1.2 (FULL SYSTEM)
SAFE: Påvirker kun .az-content.az-content--std
Prefix: azc-
Placering: Nederst i az-master.css
========================================================== */

.az-content.az-content--std{
  --azc-blue: var(--az-primary, #1D3F72);
  --azc-red: var(--az-secondary, #C62828);
  --azc-text: var(--az-text-dark, #1D1D1D);
  --azc-muted: var(--az-text-muted, #5A6472);
  --azc-soft: var(--az-bg-light, #F9FAFC);
  --azc-radius: 14px;
  --azc-shadow: 0 12px 28px rgba(0,0,0,0.07);
}

/* Container */
.az-content.az-content--std .azc-container{
  width: min(1100px, calc(100% - 40px));
  margin: 0 auto;
}

/* Section spacing */
.az-content.az-content--std .azc{
  padding: clamp(26px,3.5vw,48px) 0;
}

/* Typography */
.az-content.az-content--std .azc-title{
  font-family: var(--az-font-heading,"Merriweather",serif);
  font-weight:600;
  line-height:1.3;
  margin:0 0 12px;
  font-size: clamp(22px,2.2vw,30px);
  color: var(--azc-blue);
}
.az-content.az-content--std .azc-title--center{ text-align:center; }

.az-content.az-content--std .azc-lead{
  font-family: var(--az-font-body,"Open Sans",sans-serif);
  font-size:18px;
  line-height:1.7;
  max-width:78ch;
  margin:0 auto 10px;
}

.az-content.az-content--std .azc-text{
  font-family: var(--az-font-body,"Open Sans",sans-serif);
  line-height:1.7;
  color: var(--azc-muted);
  max-width:90ch;
}

.az-content.az-content--std .azc-center{
  text-align:center;
  margin-left:auto;
  margin-right:auto;
}

/* TRUST BAR */
.az-content.az-content--std .azc-trust{
  background: var(--azc-soft);
  border-top:1px solid rgba(0,0,0,0.06);
  border-bottom:1px solid rgba(0,0,0,0.06);
}
.az-content.az-content--std .azc-trustgrid{
  display:grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap:16px;
}
.az-content.az-content--std .azc-trustitem{
  background:#fff;
  border-radius:var(--azc-radius);
  box-shadow:0 8px 18px rgba(0,0,0,0.06);
  padding:16px;
  text-align:center;
}
.az-content.az-content--std .azc-trustitem strong{
  display:block;
  font-weight:800;
  color:var(--azc-blue);
  margin-bottom:6px;
}
.az-content.az-content--std .azc-trustitem span{
  color:var(--azc-muted);
  font-size:14.5px;
  line-height:1.5;
}

/* PROCESS */
.az-content.az-content--std .azc-steps{
  list-style:none;
  padding:0;
  margin:20px 0 0;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
}
.az-content.az-content--std .azc-step{
  background:#fff;
  border-radius:var(--azc-radius);
  box-shadow:var(--azc-shadow);
  padding:18px;
  border:1px solid rgba(0,0,0,0.05);
}
.az-content.az-content--std .azc-stepnum{
  width:44px;
  height:44px;
  border-radius:999px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:900;
  color:#fff;
  background:var(--azc-blue);
  margin-bottom:12px;
}
.az-content.az-content--std .azc-h3{
  font-family:var(--az-font-heading,"Merriweather",serif);
  font-weight:600;
  margin:0 0 8px;
  font-size:18px;
}

/* LISTS */
.az-content.az-content--std .azc-list{
  margin:10px 0 0;
  padding-left:18px;
  line-height:1.65;
  color:var(--azc-muted);
}
.az-content.az-content--std .azc-list--inline{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

/* DIY */
.az-content.az-content--std .azc-diygrid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  margin-top:18px;
}
.az-content.az-content--std .azc-diycard{
  background:#fff;
  border-radius:var(--azc-radius);
  box-shadow:var(--azc-shadow);
  padding:18px;
  border:1px solid rgba(0,0,0,0.05);
}
.az-content.az-content--std .azc-note{
  margin-top:14px;
  background:var(--azc-soft);
  border-radius:var(--azc-radius);
  padding:12px 14px;
}

/* CASES */
.az-content.az-content--std .azc-casesgrid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  margin-top:18px;
}
.az-content.az-content--std .azc-case{
  background:#fff;
  border-radius:var(--azc-radius);
  box-shadow:var(--azc-shadow);
  padding:18px;
}
.az-content.az-content--std .azc-casehead{
  display:flex;
  justify-content:space-between;
  margin-bottom:10px;
  color:var(--azc-muted);
}
.az-content.az-content--std .azc-casehead strong{ color:var(--azc-blue); }

/* SIGNS */
.az-content.az-content--std .azc-signsgrid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}
.az-content.az-content--std .azc-sign{
  background:#fff;
  border-radius:var(--azc-radius);
  box-shadow:var(--azc-shadow);
  padding:18px;
}

/* DAMAGE */
.az-content.az-content--std .azc-damagegrid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}
.az-content.az-content--std .azc-card2{
  background:#fff;
  border-radius:var(--azc-radius);
  box-shadow:var(--azc-shadow);
  padding:18px;
}
.az-content.az-content--std .azc-card2--soft{ background:var(--azc-soft); }
.az-content.az-content--std .azc-alert{
  margin-top:14px;
  background:var(--azc-soft);
  border-left:6px solid var(--azc-blue);
  padding:12px 14px;
  border-radius:var(--azc-radius);
}

/* INSURANCE */
.az-content.az-content--std .azc-insgrid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}
.az-content.az-content--std .azc-fineprint{
  margin-top:12px;
  font-size:14px;
  color:var(--azc-muted);
}

/* AREA (REGION/BY LINKS) */
.az-content.az-content--std .azc-areagrid{
  margin-top:18px;
  display:grid;
  gap:14px;
}
.az-content.az-content--std .azc-areagrid--regions{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.az-content.az-content--std .azc-areagrid--cities{
  grid-template-columns:repeat(4,minmax(0,1fr));
}
.az-content.az-content--std .azc-areacard{
  display:block;
  text-decoration:none;
  background:#fff;
  border-radius:var(--azc-radius);
  box-shadow:var(--azc-shadow);
  padding:16px;
}
.az-content.az-content--std .azc-areacard strong{
  display:block;
  color:var(--azc-blue);
  font-weight:900;
  margin-bottom:6px;
}
.az-content.az-content--std .azc-areacard span{ color:var(--azc-muted); }

/* GRID (ANDRE SKADEDYR) */
.az-content.az-content--std .azc-gridcards{
  margin-top:18px;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
}
.az-content.az-content--std .azc-gridcard{
  display:block;
  text-decoration:none;
  border-radius:var(--azc-radius);
  overflow:hidden;
  background:#fff;
  box-shadow:var(--azc-shadow);
}
.az-content.az-content--std .azc-gridimg img{
  width:100%;
  display:block;
}
.az-content.az-content--std .azc-gridmeta{ padding:12px; }
.az-content.az-content--std .azc-gridmeta strong{
  display:block;
  color:var(--azc-blue);
}

/* CTA */
.az-content.az-content--std .azc-ctaBox{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:18px;
  background:#fff;
  border-radius:calc(var(--azc-radius) + 4px);
  box-shadow:var(--azc-shadow);
  padding:22px;
}
.az-content.az-content--std .azc-ctaBtns{
  display:flex;
  flex-direction:column;
  gap:10px;
  align-items:flex-end;
  min-width:240px;
}
.az-content.az-content--std .azc-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:12px 18px;
  border-radius:999px;
  font-weight:900;
  text-decoration:none;
  font-family:var(--az-font-body,"Open Sans",sans-serif);
}
.az-content.az-content--std .azc-btn--primary{
  background:var(--azc-red);
  color:#fff;
}
.az-content.az-content--std .azc-btn--ghost{
  background:#fff;
  color:var(--azc-blue);
  border:1px solid rgba(29,63,114,0.25);
}
.az-content.az-content--std .azc-link{
  color:var(--azc-blue);
  text-decoration:underline;
  font-weight:800;
}

/* RESPONSIVE */
@media (max-width:980px){
  .az-content.az-content--std .azc-trustgrid{ grid-template-columns:repeat(2,1fr); }
  .az-content.az-content--std .azc-steps{ grid-template-columns:repeat(2,1fr); }

  .az-content.az-content--std .azc-diygrid,
  .az-content.az-content--std .azc-casesgrid,
  .az-content.az-content--std .azc-signsgrid,
  .az-content.az-content--std .azc-damagegrid,
  .az-content.az-content--std .azc-insgrid{ grid-template-columns:1fr; }

  .az-content.az-content--std .azc-gridcards{ grid-template-columns:repeat(2,1fr); }

  .az-content.az-content--std .azc-areagrid--regions{ grid-template-columns:1fr; }
  .az-content.az-content--std .azc-areagrid--cities{ grid-template-columns:repeat(2,1fr); }

  .az-content.az-content--std .azc-ctaBox{ flex-direction:column; align-items:stretch; }
  .az-content.az-content--std .azc-ctaBtns{ align-items:stretch; min-width:unset; }
}

/* fjern ikon fra hvepsesider */
.az-submenu--species .az-submenu-title::before{
  content: none;
}