/*
 * kadence-overrides.css
 * Targeted overrides to bring Kadence defaults in line
 * with Haus Stash design system.
 */

/* ─────────────────────────────────────────────────
   KADENCE CONTAINER
───────────────────────────────────────────────── */
.kb-section-dir-horizontal,
.wp-block-kadence-rowlayout .kb-row-layout-inner,
.wp-block-kadence-rowlayout.alignwide .kb-row-layout-inner {
  max-width: var(--hs-container);
  width: 100%;
}

/* Full-width rows should break out of container */
.wp-block-kadence-rowlayout.alignfull {
  max-width: 100% !important;
}
.wp-block-kadence-rowlayout.alignfull .kb-row-layout-inner {
  max-width: 100%;
}

/* ─────────────────────────────────────────────────
   KADENCE ADVANCED HEADING
───────────────────────────────────────────────── */
.wp-block-kadence-advancedheading {
  font-family: var(--hs-font-display);
  color: var(--hs-graphite);
}

/* ─────────────────────────────────────────────────
   KADENCE BUTTONS — bring in line with HS button system
───────────────────────────────────────────────── */
.kt-button {
  border-radius: 0 !important;
  font-family: var(--hs-font-body);
  font-size: 11px !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  font-weight: 400 !important;
}

/* ─────────────────────────────────────────────────
   KADENCE IMAGE BLOCK
───────────────────────────────────────────────── */
.wp-block-kadence-image img {
  display: block;
}

/* ─────────────────────────────────────────────────
   KADENCE SPACER
───────────────────────────────────────────────── */
.wp-block-kadence-spacer {
  clear: both;
}

/* ─────────────────────────────────────────────────
   KADENCE HEADER BUILDER
   Force Kadence header to match design
───────────────────────────────────────────────── */
.kadence-header {
  background-color: var(--hs-bone) !important;
}

/* Header row height */
.site-header .kadence-header-row {
  min-height: var(--hs-header-height);
}

/* Kadence header logo text */
.site-header .site-title,
.site-header .site-title a,
.kadence-site-branding .site-title a {
  font-family: var(--hs-font-body) !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
  color: var(--hs-graphite) !important;
  text-decoration: none;
}

/* Kadence navigation */
.kadence-navigation .nav-primary ul li a,
.site-header .main-navigation ul li a {
  font-family: var(--hs-font-body) !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  color: var(--hs-graphite) !important;
  padding: 0 !important;
}

.kadence-navigation .nav-primary ul li a:hover,
.site-header .main-navigation ul li a:hover {
  opacity: 0.5;
  color: var(--hs-graphite) !important;
}

/* Remove Kadence nav hover backgrounds */
.kadence-navigation .nav-primary ul li:hover > a,
.kadence-navigation .nav-primary ul li.current-menu-item > a {
  background: none !important;
}

/* Kadence dropdown */
.kadence-navigation .nav-primary ul ul {
  background-color: var(--hs-bone) !important;
  border: 1px solid var(--hs-border) !important;
  box-shadow: 0 4px 24px rgba(26,24,22,0.08) !important;
  border-radius: 0 !important;
}

/* Cart icon */
.header-cart-wrap .cart-count-wrap,
.header-cart-icon-wrap {
  font-family: var(--hs-font-body);
  font-size: 11px;
  color: var(--hs-graphite);
}

/* ─────────────────────────────────────────────────
   KADENCE MOBILE TOGGLE
───────────────────────────────────────────────── */
.kadence-menu-toggle-button,
.mobile-toggle-open {
  background: none !important;
  border: none !important;
  color: var(--hs-graphite) !important;
  padding: 0 !important;
}

/* ─────────────────────────────────────────────────
   BODY / PAGE CONTENT AREA
───────────────────────────────────────────────── */
.site-content,
.content-area,
#primary {
  background-color: var(--hs-bone);
}

/* Remove default WP / Kadence max-width on full-width pages */
.page-template-default .entry-content > * {
  max-width: var(--hs-container);
  margin-left: auto;
  margin-right: auto;
}

/* Full-width template pages — no sidebar, full bleed */
.wp-site-blocks,
.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
  --wp--style--global--content-size: var(--hs-container);
  --wp--style--global--wide-size: 100%;
}

/* ─────────────────────────────────────────────────
   WOOCOMMERCE MINI CART ICON COUNT
───────────────────────────────────────────────── */
.header-cart-wrap .cart-count {
  font-family: var(--hs-font-body);
  font-size: 11px;
  font-weight: 400;
  background: none;
  color: var(--hs-graphite);
}