/*
 Theme Name:   Kadence Child — SEE
 Theme URI:    https://shivengineeringelevators.in
 Description:  Shiv Engineering & Elevators child theme of Kadence
 Author:       CodeCraft Studio
 Author URI:   https://codecraftstudio.ca
 Template:     kadence
 Version:      1.0.0
 Text Domain:  kadence-child
*/

/* ─── Homepage: body stays WHITE. Hero section has its own dark bg.
   This prevents black bleed-through anywhere outside the hero. ─── */
body.home,
body.home #page,
body.home .site {
  background-color: #ffffff;
}

/* ─── Hide WP/Kadence page-title area on ALL WordPress Pages + product
       archives + product CPT singles. Every SEE page has its own custom hero. ─── */
body.page .entry-header,
body.page .entry-title,
body.page .kadence-title-area,
body.page .page-title,
body.page .above-entry-meta,
body.page .site-main > header.entry-header,
body.post-type-archive-see_product .entry-header,
body.post-type-archive-see_product .entry-title,
body.post-type-archive-see_product .kadence-title-area,
body.post-type-archive-see_product .page-title,
body.tax-product_category .entry-header,
body.tax-product_category .entry-title,
body.tax-product_category .kadence-title-area,
body.tax-product_category .page-title,
body.single-see_product .entry-header,
body.single-see_product .entry-title,
body.single-see_product .kadence-title-area,
body.single-see_product .page-title,
body.single-see_product .above-entry-meta {
  display: none !important;
}

/* ─── Homepage: hide page title + make hero truly full-width ────────────────── */

/* Hide "Home" title on the front page */
body.home .entry-title,
body.home .page-title,
body.home h1.page-title { display: none !important; }

/* Remove Kadence content padding/max-width on homepage so hero bleeds edge to edge */
body.home .entry-content,
body.home .page-content,
body.home .wp-block-post-content {
  padding: 0 !important;
  margin: 0 !important;
  max-width: none !important;
}

body.home #content,
body.home .site-content,
body.home .content-area,
body.home #primary {
  padding: 0 !important;
  margin: 0 !important;          /* kills Kadence's 80px content-area top margin */
}

/* Remove Kadence's default top padding on homepage inner container */
body.home .kadence-page-layout-inner,
body.home .has-page-header .entry-content { padding-top: 0 !important; margin-top: 0 !important; }

/* Kill the 32px Kadence entry-content-wrap padding on homepage */
body.home .entry-content-wrap,
body.home .entry-content,
body.home .content-wrap,
body.home article.page,
body.home article.single-entry { padding: 0 !important; margin: 0 !important; border: none !important; }

/* ─── Hero full-width breakout of Kadence container ────────────────────────── */
body.home .see-hero,
body.home .see-hero-ticker {
  width: 100vw;
  position: relative;
  left: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}
/* Prevent horizontal scrollbar from the vw trick */
body.home { overflow-x: hidden; }

/* ─── Topbar search — give it a visible light grey background ───────────────── */
.see-tb__search input {
  background: #f0f0f0 !important;
  border-color: rgba(0,0,0,.15) !important;
}

/* ─── Brand Tokens ──────────────────────────────────────────────────────────── */
:root {
    /* Logo-matched palette */
    --see-red:       #CC1B1B;   /* primary brand red (matches logo) */
    --see-red-dark:  #A01515;   /* hover / deeper red */
    --see-black:     #0F0F0F;   /* near-black base */
    --see-charcoal:  #1C1C1C;   /* section backgrounds */
    --see-steel:     #2C2C2C;   /* card / surface backgrounds */
    --see-mid:       #4A4A4A;   /* borders / dividers */
    --see-light:     #F4F4F2;   /* off-white text on dark */
    --see-white:     #FFFFFF;

    /* Nav */
    --nav-bg:        #1C1C1C;
    --nav-surface:   #F4F4F2;   /* the floating pill (light) */
    --nav-link:      #1b1b1b;
    --nav-link-hover:#CC1B1B;

    /* Topbar */
    --tb-bg:         #FFFFFF;
    --tb-text:       #141414;

    /* CTA */
    --cta-bg:        #CC1B1B;
    --cta-fg:        #FFFFFF;
    --cta-hover-bg:  #A01515;

    /* Status */
    --open-color:    #2e7d32;
    --soon-color:    #f6a609;
    --closed-color:  #d93025;
}