/*
Theme Name: RoofHyve
Theme URI: https://roofhyve.com
Author: RoofHyve
Author URI: https://roofhyve.com
Description: Custom theme replicating the RoofHyve marketing homepage — built from scratch (no page builder) with dynamic meta-box-driven sections, template parts, and a registered nav menu. Dark, high-contrast, gold-accented "Bold Skill" design.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 7.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: roofhyve
*/

/* Theme presentation lives in assets/css/theme.css and assets/css/site.css,
   enqueued from functions.php. This file is the required WordPress theme header
   and carries theme-specific overrides that must win over the shared,
   theme-agnostic enhancement layer (site.css). Loaded last. */

/* ============================================================
   Solutions carousel — dark/gold refinements
   site.css ships light-theme control defaults (translucent-white
   arrows, #E8920C dots). Retune the controls to the RoofHyve dark
   design system, lock the view to exactly 3 cards (no partial peek),
   and keep card sizing consistent.
   ============================================================ */
.solutions .rh-ctrl {
  gap: 18px;
  margin-top: 36px;
}

.solutions .rh-ctrl button.rh-arrow {
  width: 46px;
  height: 46px;
  background: var(--card);
  border: 2px solid var(--line-2);
  color: var(--white);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  transition: .18s ease;
}

.solutions .rh-ctrl button.rh-arrow:hover:not(:disabled) {
  background: var(--gold);
  border-color: var(--gold);
  color: var(--gold-ink);
  transform: translateY(-2px);
}

.solutions .rh-ctrl button.rh-arrow:disabled {
  opacity: .35;
}

.solutions .rh-dots button {
  background: rgba(154, 149, 140, .4);
}

.solutions .rh-dots button.on {
  background: var(--gold);
  width: 26px;
  border-radius: 6px;
}

/* Exactly 3 cards per view — flex-basis + gaps sum to 100%, so the
   4th card sits fully off-canvas (no sliver). */
@media (min-width: 980px) {
  .solutions .rh-track > * {
    flex-basis: calc(33.333% - 10.667px);
  }
}

/* Consistent card sizing across the row. */
.solutions .role {
  padding: 26px 26px 24px;
}

/* ============================================================
   Book a Demo modal — hidden must win
   .demo-form is display:grid, which overrides the [hidden] UA rule,
   so JS setting form.hidden = true never actually hid it and the
   Thank You block appeared *below* the form. Force hidden to hide
   so the form and success state are never shown together.
   ============================================================ */
.demo-modal .demo-form[hidden],
.demo-modal .demo-success[hidden] {
  display: none !important;
}