/*
Theme Name: Kumar Shoes Child
Theme URI: https://kumarshoe.com
Description: Child theme of Blocksy for Kumar Shoes e-commerce site.
Author: Kumar Shoes / ALK TECH
Template: blocksy
Version: 1.1.0
Text Domain: kumarshoe-child
*/

/* ==========================================================================
   KUMAR SHOES DESIGN TOKENS
   Keep these variables in sync with the ones used inline in the homepage,
   product, and cart page HTML files.
   ========================================================================== */
:root{
  --ks-navy: #0F3D91;
  --ks-gold: #D4A017;
  --ks-white: #FFFFFF;
  --ks-text: #1c1c1c;
  --ks-font-heading: 'Fraunces', serif;
  --ks-font-body: 'Work Sans', sans-serif;
}

body{
  font-family: var(--ks-font-body);
  color: var(--ks-text);
}

h1, h2, h3, h4, h5, h6{
  font-family: var(--ks-font-heading);
}

/* ==========================================================================
   FIX: body overflow-x:hidden breaking the sticky nav / sticky mobile CTA bar
   (bug we hit before -- Blocksy or a plugin sets overflow-x:hidden on <body>,
   which breaks position:sticky elements inside it in some browsers)
   ========================================================================== */
html, body{
  overflow-x: initial !important;
}

/* Signature dashed gold "stitch line" divider motif, reusable across pages */
.ks-stitch-divider{
  border: none;
  border-top: 2px dashed var(--ks-gold);
  margin: 24px 0;
}

/* ==========================================================================
   FIX: floating WhatsApp / back-to-top buttons getting pulled to the wrong
   side by theme CSS. Forced with !important since this must win regardless
   of Blocksy's own cascade order.
   ========================================================================== */
.float-btns{
  position: fixed !important;
  right: 26px !important;
  left: auto !important;
  bottom: 26px !important;
}

/* Remove default Blocksy container padding on pages using our full-width
   Custom HTML block pages, so our own page CSS controls the layout fully */
.entry-content{
  padding: 0 !important;
  max-width: 100% !important;
}