/*
Theme Name:   Dust Bowl Disposal (Hello Elementor Child)
Theme URI:    https://dustbowldisposal.com
Description:  Child theme for the Dust Bowl Disposal local SEO build. Built on Hello Elementor per the Site Architecture & Build Spec (Section 1: Stack).
Author:       Jill's Digital
Template:     hello-elementor
Version:      0.1.0
Text Domain:  dustbowl-child
*/

/* ==========================================================================
   BRAND KIT — CONFIRMED
   Source: Dust_Bowl_Disposal_Website_Brand_Kit.docx (derived from the
   finalized Figma layouts). Phase 0 blocker #3 is now closed. These
   values are real, not estimated — safe to reference in Elementor Global
   Colors/Fonts and to build the styling pass against.
   ========================================================================== */
:root {
  /* Typography — single family, weight does the differentiating */
  --db-font-primary: "Inter", sans-serif;
  --db-font-weight-bold: 700;
  --db-font-weight-regular: 400;

  /* Type scale — desktop */
  --db-size-h1: 70px;
  --db-size-h2: 31px;   /* 30-32px range */
  --db-size-h3: 27.5px; /* 27-28px range */
  --db-size-h4: 25.5px; /* 25-26px range */
  --db-size-h5: 20px;   /* 19-21px range */
  --db-size-intro: 22px; /* 21-23px range */
  --db-size-body: 17px;
  --db-size-body-small: 15px; /* 14-16px range */
  --db-size-faq-question: 17px;
  --db-size-eyebrow: 14.5px; /* 14-15px range */
  --db-size-button: 16px;
  --db-size-fine-print: 13px;

  /* Colors */
  --db-color-teal: #21bfc2;         /* primary accent, buttons, highlights, eyebrows */
  --db-color-black-primary: #0f1211; /* main dark background + headings */
  --db-color-black-deep: #090d0d;    /* secondary dark areas */
  --db-color-black-near: #060a0a;    /* very dark background variation */
  --db-color-cream-warm: #f2ebdb;    /* primary warm background */
  --db-color-cream-light: #fbf7f0;   /* alternate light background */
  --db-color-off-white-warm: #faf5eb; /* soft light section variation */
  --db-color-white: #ffffff;
  --db-color-charcoal-dark: #212926; /* secondary dark surfaces */
  --db-color-body-text: #3d4542;     /* body copy on light backgrounds */
  --db-color-muted-taupe: #c7bfb0;
  --db-color-pale-gray-green: #ebf0e8;

  /* Legacy aliases used elsewhere in this stylesheet/theme — point them
     at the confirmed values so nothing else needs to change. */
  --db-color-dark: var(--db-color-black-primary);
  --db-color-dark-panel: var(--db-color-charcoal-dark);
  --db-color-cream: var(--db-color-cream-warm);
  --db-color-text-on-dark: var(--db-color-white);
  --db-color-text-on-light: var(--db-color-body-text);

  /* Layout */
  --db-content-width: 1300px;
  --db-canvas-reference-width: 1440px;
  --db-padding-desktop: 80px 60px;
  --db-padding-tablet: 65px 40px;
  --db-padding-mobile: 50px 24px;
}

/* Button treatments per brand kit Section 3. Square corners (0 radius)
   are a deliberate brand choice, not a leftover default. */
.db-btn-primary {
  background-color: var(--db-color-teal);
  color: var(--db-color-black-primary); /* or white, per-context */
  font-family: var(--db-font-primary);
  font-weight: var(--db-font-weight-bold);
  font-size: var(--db-size-button);
  text-transform: uppercase;
  padding: 18px 30px;
  min-height: 56px;
  border-radius: 0;
}

.db-btn-dark {
  background-color: var(--db-color-black-primary);
  color: var(--db-color-white);
  font-family: var(--db-font-primary);
  font-weight: var(--db-font-weight-bold);
  font-size: var(--db-size-button);
  border-radius: 0;
}

.db-btn-outline {
  background-color: transparent;
  border: 2px solid var(--db-color-teal);
  color: var(--db-color-teal); /* or white on dark backgrounds */
  border-radius: 0;
}

/* ==========================================================================
   Sticky Book Now header (Section 5.1)
   Global rule: visible without scrolling, on every tier including T0.
   The actual button lives in the Elementor header template — this just
   guarantees it stays pinned regardless of which template renders it.
   ========================================================================== */
.db-sticky-book-now {
  position: sticky;
  top: 0;
  z-index: 999;
}

/* Click-to-call target sizing (Section 5.1 — must be tappable on mobile) */
.db-tel-link,
.db-mailto-link {
  display: inline-block;
  min-height: 44px;
  min-width: 44px;
}