/*
Theme Name: Multitech Road Dryers
Theme URI: https://mtrd.com.au
Description: Multitech Road Dryers brand theme. Child of Kadence. Centralises brand tokens (colour, type, spacing) via theme.json so design rules stay consistent across every page. The directory slug stays `mtsb` for continuity with the existing install (active-theme option, the mtsb_enquiry post type and its stored enquiries).
Author: Multitech Road Dryers
Template: kadence
Version: 2.0.0
Text Domain: mtsb
*/

:root {
  --mtrd-orange: #d95d27;
  --mtrd-ink: #0a0a0a;
  --mtrd-charcoal: #141414;
  --mtrd-steel: #303135;   /* charcoal sampled from the logo */
  --mtrd-slate: #1c1c1c;
  --mtrd-mute: #b5b5b5;
  --mtrd-paper: #ffffff;
}

/* Brand accent helpers. The `brand-red-*` pair is a legacy backstop: block
 * content saved before the rebrand still emits those class names, so they are
 * kept and pointed at the orange rather than left unstyled. */
.has-brand-orange-color { color: var(--mtrd-orange) !important; }
.has-brand-orange-background-color { background-color: var(--mtrd-orange) !important; }
.has-brand-red-color { color: var(--mtrd-orange) !important; }
.has-brand-red-background-color { background-color: var(--mtrd-orange) !important; }
.has-ink-color { color: var(--mtrd-ink) !important; }
.has-ink-background-color { background-color: var(--mtrd-ink) !important; }

.mtsb-eyebrow {
  color: var(--mtrd-orange);
  font-size: 0.85rem;
  font-weight: 600;
  letter-spacing: 0.25em;
  text-transform: uppercase;
  margin-bottom: 1rem !important;
}

.mtsb-stat-number {
  color: #ffffff;
  font-size: 3.5rem;
  font-weight: 800;
  line-height: 1;
  margin: 0 0 0.5rem !important;
}

.mtsb-stat-label {
  color: #ffffff;
  font-size: 0.875rem;
  font-weight: 600;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  margin: 0 !important;
}

.mtsb-service-card {
  background: var(--mtrd-charcoal);
  border-top: 3px solid var(--mtrd-orange);
  padding: 2rem 1.5rem !important;
}

.mtsb-service-card h3 { color: #ffffff; font-size: 1.35rem; font-weight: 700; margin: 0 0 0.75rem; }
.mtsb-service-card p { color: var(--mtrd-mute); font-size: 0.95rem; line-height: 1.6; }

.mtsb-fleet-card img { border-radius: 6px; }
.mtsb-fleet-card h4 { color: #ffffff; font-size: 1.1rem; font-weight: 700; margin: 1rem 0 0.25rem; }
.mtsb-fleet-card p { color: var(--mtrd-mute); font-size: 0.9rem; }

.mtsb-trusted-by-label { color: var(--mtrd-mute) !important; }
.has-ink-background-color .wp-block-gallery .wp-block-image {
  background: var(--mtrd-paper);
  border-radius: 6px;
  padding: 1rem;
}
.has-ink-background-color .wp-block-gallery .wp-block-image img {
  border-radius: 0;
  width: 100%;
  height: auto;
  object-fit: contain;
}

.mtsb-btn-primary .wp-block-button__link {
  background: var(--mtrd-orange) !important;
  color: #ffffff !important;
  border-radius: 4px !important;
  padding: 1rem 2rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  font-size: 1rem !important;
}

.mtsb-btn-ghost .wp-block-button__link {
  background: transparent !important;
  color: #ffffff !important;
  border: 2px solid #ffffff !important;
  border-radius: 4px !important;
  padding: 1rem 2rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  font-size: 1rem !important;
}

.mtsb-btn-inverse .wp-block-button__link {
  background: #ffffff !important;
  color: var(--mtrd-orange) !important;
  border-radius: 4px !important;
  padding: 1rem 2.5rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  font-size: 1rem !important;
}

/* ---------------------------------------------------------------------------
 * Header / primary navigation
 * The full modern, animated treatment lives in assets/nav.css (enqueued
 * site-wide as `mtsb-nav`). The rules below are only flash-of-unstyled
 * backstops: they guarantee the bar is charcoal with white links the
 * instant it paints, before nav.css layers the motion on top.
 * ------------------------------------------------------------------------- */

#masthead,
#masthead .site-header-row-container-inner,
#masthead .site-main-header-wrap .site-header-row-container-inner {
  background: var(--mtrd-charcoal);
  border-bottom: 0;
}

.header-navigation .header-menu-container > ul > li > a,
.mobile-navigation ul li a {
  color: var(--mtrd-paper);
}

.drawer-content-wrap .drawer-inner,
.mobile-navigation {
  background-color: var(--mtrd-charcoal);
}

/* ---------------------------------------------------------------------------
 * Bespoke full-bleed pages (Contact, Road Drying)
 * These pages ship their own dark, edge-to-edge design inside post_content,
 * so Kadence's boxed article wrapper has to be flattened. Left alone it
 * contributes 32px gutters on .entry-content-wrap plus a white
 * `.entry.content-bg`, which read as white bars down either side of the page.
 * Structural only — each page's own stylesheet still sets its background
 * colour, since the inks differ (#0b0b0e vs #08080a).
 * ------------------------------------------------------------------------- */
body.mtsb-fullbleed .content-container.site-container {
  max-width: none !important;
  padding: 0 !important;
}
body.mtsb-fullbleed .entry.content-bg {
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
}
body.mtsb-fullbleed .entry-content-wrap { padding: 0 !important; }
body.mtsb-fullbleed .entry-content.single-content > * { margin: 0; }