/*
 Theme Name:   Mistify Child – Sehar Gloves
 Template:     mistify
 Description:  Child theme of Mistify for Sehar Gloves. Holds site-specific tweaks so parent theme updates never overwrite them.
 Version:      1.0.0
 Text Domain:  mistify-child
*/

/* Floating WhatsApp chat button (all pages) */
.sehar-float-wa{position:fixed;right:20px;bottom:20px;z-index:9999;width:58px;height:58px;border-radius:50%;background:#25d366;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 18px rgba(0,0,0,.25);transition:transform .2s}
.sehar-float-wa:hover{transform:scale(1.08);color:#fff}

/* Home page product highlights */
.sehar-home-section{max-width:1180px;margin:0 auto;padding:50px 20px}
.sehar-home-section h2{text-align:center;font-size:2rem;margin-bottom:28px}
.sehar-hero{background:linear-gradient(135deg,#14213d,#26407a);color:#fff;text-align:center;padding:90px 20px}
.sehar-hero h1{color:#fff;font-size:2.8rem;margin:0 0 14px}
.sehar-hero p{max-width:680px;margin:0 auto 28px;font-size:1.1rem;opacity:.92}
.sehar-hero .sehar-hero__cta{display:inline-flex;gap:12px;flex-wrap:wrap;justify-content:center}
.sehar-btn{display:inline-block;padding:14px 28px;border-radius:8px;font-weight:700;text-decoration:none;background:#f2a900;color:#14213d}
.sehar-btn--ghost{background:transparent;color:#fff;border:2px solid #fff}
.sehar-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:22px}
.sehar-col{padding:22px;border:1px solid #e3e7ee;border-radius:12px;background:#fff}
.sehar-col h3{margin-top:0}

/* The Mistify header is transparent and expects a hero image behind it. Give it a solid navy bar so it is readable on every page. */
.header.header-inner-page,
.header{background:#14213d}
.header .wp-block-kubio-navigation__outer,
.header .wp-block-kubio-navigation-top-bar,
.header .wp-block-kubio-navigation-section{background-color:transparent}
.header a,.header .h-column,.header p,.header span{color:#fff}
.header a:hover{color:#f2a900}

/* Home page: hide the demo hero from Mistify (we use our own hero in the page content). */
/* Inner pages: shorter title banner */
.header-inner-page .wp-block-kubio-hero__inner,
.header-inner-page [class*="wp-block-kubio-hero"] .wp-block-kubio-row__container{min-height:0}
.header-inner-page .wp-block-kubio-hero__outer{padding-top:30px;padding-bottom:30px}
/* Page content spacing */
.sehar-home-section{padding-left:20px;padding-right:20px}
img{max-width:100%;height:auto}

/* Let our page sections use the full width instead of Mistify's boxed 960px column. */
body.page .wp-block-kubio-section__outer,
body.page [class*="wp-block-kubio-section"][class*="mistify-page"]{padding-top:0!important;padding-bottom:0!important}
body.page .wp-block-kubio-section__inner{max-width:none!important;width:100%!important;padding:0!important}
body.page .wp-block-kubio-row__inner{margin:0!important}
body.page .wp-block-kubio-row__container,
body.page .wp-block-kubio-column__container,
body.page .wp-block-kubio-column__inner,
body.page .wp-block-kubio-column{padding:0!important}
body.page .kubio-post-content{max-width:none}

/* Colour fixes: theme link/heading colours were overriding ours */
.sehar-hero h1,.sehar-hero p{color:#fff!important}
.sehar-hero{padding-top:70px;padding-bottom:70px}
.sehar-btn{color:#14213d!important;text-decoration:none!important}
.sehar-btn--ghost{color:#fff!important}
.sehar-home-section h2,.sehar-home-section h3{color:#14213d}
.sehar-home-section a:not(.sehar-btn):not(.sehar-wa-btn){color:#26407a}
.sehar-home-section .sehar-wa-btn{color:#fff!important}

/* Front page: keep nav bar solid navy and reserve its height since it floats over content */

/* Sticky (scrolled) navigation: keep navy with white text */
.header .wp-block-kubio-navigation-section__nav,
.header .wp-block-kubio-navigation-section__nav.h-navigation_sticky{background-color:#14213d!important}
.header .wp-block-kubio-navigation-section__nav a,
.header .wp-block-kubio-navigation-section__nav .h-global-transition,
.header .wp-block-kubio-navigation-section__nav span{color:#fff!important}