/* ==========================================================
AZ SKADEDYRSSERVICE – THEME COLORS & TYPOGRAPHY (MASTER)
File: theme-az.css
Version: v2.4.9 – November 2025 (Accessibility Edition)
Author: AZ Skadedyrsservice Digital System
Description:
Brandfarver, skrifter og basis-stil til Divi. Bruges som global
typografi- og farveskabelon i AZ Global System 2025.
Optimeret for kontrast og læsbarhed (WCAG 2.1 AA)
========================================================== */


/* ----------------------------------------------------------
🎨 1. FARVEVARIABLER
---------------------------------------------------------- */
:root {
  --az-primary: #1D3F72;   /* Blå – hovedfarve */
  --az-secondary: #C97A10; /* Ny kontrastoptimeret orange */
  --az-accent-light: #F3A32B; /* Lys original orange til hover */
  --az-bg-light: #F9FAFC;
  --az-white: #FFFFFF;
  --az-text-dark: #1D1D1D;
}


/* ----------------------------------------------------------
🖋️ 2. TYPOGRAFI (global)
---------------------------------------------------------- */
body {
  background-color: var(--az-bg-light);
  color: var(--az-text-dark);
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 16px;
  line-height: 1.7;
  font-weight: 400;
  margin: 0;
  padding: 0;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

/* Overskrifter */
h1, h2, h3, h4, h5, h6 {
  color: var(--az-primary);
  font-family: "Merriweather", Georgia, serif;
  font-weight: 600;
  line-height: 1.3;
  margin-bottom: 0.4em;
}

/* Links */
a {
  color: var(--az-primary);
  text-decoration: none;
  transition: color 0.3s ease;
}
a:hover { color: var(--az-secondary); }


/* ----------------------------------------------------------
🔘 3. KNAPPER & CTA-ELEMENTER
---------------------------------------------------------- */
.et_pb_button,
button,
.az-btn {
  background-color: var(--az-primary);
  color: #fff;
  border-radius: 8px;
  padding: 12px 28px;
  border: none;
  font-weight: 600;
  transition: all 0.3s ease;
  cursor: pointer;
  font-family: "Open Sans", Arial, sans-serif;
  will-change: transform, background-color;
}
.et_pb_button:hover,
button:hover,
.az-btn:hover {
  background-color: var(--az-secondary);
  color: var(--az-white);
}

/* Orange knap (kontrastoptimeret) */
.az-btn-orange {
  display: inline-block;
  background-color: var(--az-secondary);
  color: #fff;
  font-weight: 600;
  padding: 14px 34px;
  border-radius: 10px;
  transition: all 0.3s ease;
}
.az-btn-orange:hover {
  background-color: var(--az-accent-light);
  color: var(--az-primary);
}

/* Blå knap */
.az-btn-blue {
  display: inline-block;
  background-color: var(--az-primary);
  color: #fff;
  padding: 12px 28px;
  border-radius: 8px;
  font-weight: 600;
  transition: all 0.3s ease;
}
.az-btn-blue:hover {
  background-color: var(--az-secondary);
  color: var(--az-white);
}


/* ----------------------------------------------------------
📣 4. CTA-SEKTION
---------------------------------------------------------- */
.cta-section {
  background: var(--az-primary);
  color: #fff;
  text-align: center;
  padding: clamp(50px, 10vw, 80px) 20px;
  border-radius: 16px;
  transition: all 0.3s ease;
  will-change: background-color, transform;
}
.cta-section h2 {
  color: var(--az-accent-light);
  margin-bottom: 10px;
  font-family: "Merriweather", Georgia, serif;
}
.cta-section .az-btn {
  background: var(--az-secondary);
  color: #fff;
}
.cta-section .az-btn:hover {
  background: var(--az-accent-light);
  color: var(--az-primary);
}


/* ----------------------------------------------------------
⚙️ 5. FOOTER-STIL
---------------------------------------------------------- */
#main-footer {
  background-color: var(--az-primary);
  color: #fff;
  font-family: "Open Sans", Arial, sans-serif;
}
#main-footer a {
  color: var(--az-accent-light);
  transition: all 0.3s ease;
}
#main-footer a:hover {
  color: #fff;
}


/* ----------------------------------------------------------
🖋️ 6. TYPOGRAFI-OVERRIDE – sikrer konsistens i Divi
---------------------------------------------------------- */
body,
.et_pb_text,
.et_pb_module,
.et_pb_blurb_description {
  font-family: 'Open Sans', Arial, sans-serif;
  font-weight: 400;
  line-height: 1.7;
}

h1, h2, h3, h4, h5, h6,
.et_pb_text h1, .et_pb_text h2, .et_pb_text h3,
.et_pb_blurb h1, .et_pb_blurb h2, .et_pb_blurb h3 {
  font-family: 'Merriweather', Georgia, serif;
  font-weight: 600;
  line-height: 1.3;
  color: var(--az-primary);
}