/* ==========================================================================
   Ronnie Custom Fence - Brand Override
   Loaded after rcf-custom.css. Rebrands the RCF "logistics" theme to the
   Ronnie Custom Fence navy + gold identity. Built by Fence Branders.
   Palette: Navy #0d2e5b, Navy-dark #08213f, Gold #c9952e / #d4a017, Blue accent #1c5fb0
   ========================================================================== */

:root {
  /* Core brand palette - overrides the source blue scheme */
  --rcf-blue: #00409e;        /* primary navy */
  --rcf-blue-dark: #0e386d;   /* darkest navy (footer / dark bands) */
  --rcf-blue-mid: #143b6e;    /* mid navy */
  --rcf-blue-soft: #eef3fa;   /* soft tint backgrounds */
  --rcf-sky: #1c5fb0;         /* lighter blue accent (from logo) */
  --rcf-ink: #11233d;         /* body ink - deep navy-charcoal */
  --rcf-muted: #54637a;       /* muted text */
  --rcf-line: #d2deec;        /* hairlines */

  /* Gold accent - used for the "base color" highlights */
  --ronnie-gold: #dca626;
  --ronnie-gold-deep: #a9781f;
  --ronnie-gold-light: #d4a017;

  /* Fonts - Google Fonts replacements for Typekit bahnschrift.
     Barlow Condensed for headings (condensed, contractor-strong),
     Inter for body (clean, readable). */
  --rcf-font: "Inter", Arial, sans-serif;
  --rcf-font-condensed: "Barlow Condensed", "Inter", Arial, sans-serif;
}

/* Headings get a touch more weight/letter-spacing for the condensed face */
h1, h2, h3, h4, h5, h6 {
  letter-spacing: -0.01em;
}

/* --------------------------------------------------------------------------
   GOLD ACCENT - the source theme uses a "base color" (blue) for buttons, icons,
   links, and the topbar accents. We keep most structure navy but introduce
   gold as the premium accent on key CTAs and detail elements so the site
   reflects the navy+gold logo.
   -------------------------------------------------------------------------- */

/* Primary solid buttons -> navy with gold hover */
.btn.btn-base-color,
.btn.btn-base-color:focus {
  background-color: var(--rcf-blue) !important;
  border-color: var(--rcf-blue) !important;
  color: #fff !important;
}
.btn.btn-base-color:hover {
  background-color: var(--ronnie-gold) !important;
  border-color: var(--ronnie-gold) !important;
  color: #fff !important;
}

/* White buttons (on dark bands) -> gold text accent on hover */
.btn.btn-white:hover {
  background-color: var(--ronnie-gold) !important;
  border-color: var(--ronnie-gold) !important;
  color: #fff !important;
}

/* "text-base-color" accents (eyebrows, icons, small caps) -> gold */
.text-base-color { color: var(--ronnie-gold) !important; }

/* Topbar / header phone+mail icons use text-base-color -> keep gold pop */
.header-top-bar .text-base-color { color: var(--ronnie-gold) !important; }

/* Eyebrow label -> gold uppercase */
.rcf-eyebrow {
  color: var(--ronnie-gold);
}

/* Check-list check icons -> gold */
.rcf-check-list li i.feather { color: var(--ronnie-gold); }

/* Service "View Service" links and card hovers */
.rcf-home-service-link { color: var(--rcf-blue); }
.rcf-home-service-link:hover { color: var(--ronnie-gold); }

/* Area pills hover */
.rcf-area-pill:hover {
  border-color: var(--ronnie-gold);
  color: var(--ronnie-gold);
}

/* Sidebar CTA card uses navy gradient already via --rcf-blue.
   Add a subtle gold top border for a premium accent. */
.rcf-side-cta {
  border-top: 3px solid var(--ronnie-gold);
}

/* FAQ open summary marker accent */
.rcf-faq-item summary::-webkit-details-marker { color: var(--ronnie-gold); }

/* --------------------------------------------------------------------------
   LOGO - Ronnie logo is a transparent circular badge. Remove the rounded-rect
   clipping the source square logo used, and give the footer logo a clean look on
   the dark footer.
   -------------------------------------------------------------------------- */
.navbar-brand img { max-height: 62px; }

.rcf-footer-logo {
  max-width: 140px;
  border-radius: 0;          /* circular transparent badge - no rounded box */
  background: #ffffff;       /* white disc behind logo for contrast on navy footer */
  padding: 8px;
  border-radius: 12px;
}

/* "POWERED BY Fence Branders" - keep Fence Branders gold/blue treatment legible on navy */
.rcf-powered-by .rcf-powered-label { color: var(--rcf-muted); }
.rcf-powered-by .rcf-powered-fence { color: whitesmoke; font-weight: 700; }
.rcf-powered-by .rcf-powered-branders { color: #89d631; font-weight: 700; }

/* --------------------------------------------------------------------------
   CONTACT INFO CARD - the build emits .rcf-contact-info-item and
   .rcf-contact-hours which the base template never styled. Add them so the
   icon + label/value layout reads cleanly instead of running together.
   -------------------------------------------------------------------------- */
.rcf-contact-info-item {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 10px 0;
  border-bottom: 1px solid var(--rcf-line);
}
.rcf-contact-info-item:last-of-type { border-bottom: 0; }
.rcf-contact-info-item > i {
  color: var(--ronnie-gold, #c9952e);
  font-size: 18px;
  line-height: 1.5;
  flex: 0 0 auto;
  margin-top: 2px;
}
.rcf-contact-info-item > div { min-width: 0; }
.rcf-contact-info-item > div > span {
  display: block;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: var(--rcf-muted);
  margin-bottom: 2px;
}
.rcf-contact-info-item > div > a,
.rcf-contact-info-item > div > p {
  display: block;
  color: var(--rcf-ink);
  font-weight: 600;
  word-break: break-word;
}
.rcf-contact-info-item > div > a:hover { color: var(--rcf-blue); }

.rcf-contact-hours { margin: 0; padding: 0; }
.rcf-contact-hours li {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  padding: 7px 0;
  border-bottom: 1px solid var(--rcf-line);
}
.rcf-contact-hours li:last-child { border-bottom: 0; }
.rcf-contact-hours li > span:first-child {
  font-weight: 700;
  color: var(--rcf-ink);
}
.rcf-contact-hours li > span:last-child {
  color: var(--rcf-muted);
  text-align: right;
}