/*
Theme Name:   Tombuild SOS Child
Theme URI:    https://sos-staging.com
Description:  Southern Outdoor Structures child theme for Tombuild
Author:       Sirrona / Carolina Creative Group
Template:     tombuild
Version:      1.0.0
*/

/* ─── Brand Design System ─────────────────────────────────────────── */
:root {
  --color-brand-green:  #9AC943;
  --color-brand-black:  #000000;
  --color-charcoal:     #1A1B1E;
  --color-alabaster:    #F4F5F4;
  --color-white:        #FFFFFF;
  --color-cedar:        #A66B46;
}

/* ─── Typography ──────────────────────────────────────────────────── */
body,
p {
  font-family: acumin-pro, sans-serif;
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 1.7;
  color: var(--color-charcoal);
}

h1 {
  font-family: futura-pt-bold, sans-serif;
  font-weight: 700;
  font-size: clamp(2.5rem, 5vw, 4.5rem);
  line-height: 1.1;
  text-transform: uppercase;
  color: var(--color-brand-black);
}

h2 {
  font-family: futura-pt, sans-serif;
  font-weight: 700;
  font-size: clamp(2rem, 4vw, 3rem);
  line-height: 1.2;
  text-transform: uppercase;
  color: var(--color-brand-black);
}

h3 {
  font-family: futura-pt, sans-serif;
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 1.3;
  color: var(--color-brand-black);
}

/* Eyebrow / Kicker labels */
.eyebrow,
.kicker {
  font-family: futura-pt, sans-serif;
  font-weight: 400;
  font-size: 0.875rem;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  color: var(--color-brand-green);
}

/* ─── Buttons ─────────────────────────────────────────────────────── */
.elementor-button,
.wp-block-button__link,
a.btn,
button.btn {
  font-family: futura-pt-bold, sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  background-color: var(--color-brand-green);
  color: var(--color-brand-black) !important;
  border-radius: 2px;
  border: none;
}

.elementor-button:hover,
.wp-block-button__link:hover,
a.btn:hover,
button.btn:hover {
  background-color: #85b035;
  color: var(--color-brand-black) !important;
}

/* ─── Section Utilities ───────────────────────────────────────────── */
.bg-white     { background-color: var(--color-white);    }
.bg-alabaster { background-color: var(--color-alabaster); }
.bg-black     { background-color: var(--color-brand-black); color: var(--color-white); }

/* ─── Image Treatment ─────────────────────────────────────────────── */
.elementor-widget-image img,
.sos-feature-img {
  border-radius: 0 !important;
  display: block;
}

/* ─── WP Admin Bar ────────────────────────────────────────────────── */
#wpadminbar { display: none !important; }
html { margin-top: 0 !important; }