/* =====================================================================
   Sips Today — "Cool Sparkle" redesign
   Electric blue #2563EB · Magenta #D6249F · Mint #34D399
   Loaded by hello-biz-child after Elementor. Tasteful, modern, colourful.
   ===================================================================== */

:root{
  /* Override Elementor global palette */
  --e-global-color-primary:   #0F172A !important; /* headings / ink */
  --e-global-color-secondary: #D6249F !important; /* magenta accent  */
  --e-global-color-accent:    #2563EB !important; /* links / buttons */
  --e-global-color-text:      #475569 !important; /* body text       */

  /* Brand tokens */
  --hbc-blue:#2563EB;
  --hbc-blue-d:#1E40AF;
  --hbc-magenta:#D6249F;
  --hbc-mint:#34D399;
  --hbc-ink:#0F172A;
  --hbc-grad:linear-gradient(135deg,#2563EB 0%,#7C3AED 50%,#D6249F 100%);
  --hbc-grad-soft:linear-gradient(135deg,#EFF4FF 0%,#FCEef7 100%);
  --hbc-shadow:0 4px 18px rgba(15,23,42,.06);
  --hbc-shadow-hover:0 18px 40px rgba(37,99,235,.18);
}

/* Kill the horizontal scroll: full-width (100vw) blocks overshoot the
   viewport by the scrollbar width. clip removes it without breaking sticky. */
html,body{overflow-x:clip;max-width:100%;}
.alignfull,.wp-block-cover.alignfull,.wp-block-group.alignfull{max-width:100vw;}

/* Smooth, modern interactions everywhere */
a,.elementor-button,button,.button,.wp-block-button__link,
.e-loop-item,.product,.woof_redraw_zone label{
  transition:color .2s ease, background-color .25s ease,
             transform .28s cubic-bezier(.2,.7,.2,1), box-shadow .28s ease, filter .25s ease;
}

/* Links */
a{color:var(--hbc-blue);}
a:hover{color:var(--hbc-magenta);}

/* ---- Buttons: gradient, rounded, lift on hover ---------------------- */
.elementor-button,.wp-block-button__link,.button,
.woocommerce a.button,.woocommerce button.button,
.woocommerce #respond input#submit,.added_to_cart{
  background-image:var(--hbc-grad)!important;
  background-color:var(--hbc-blue)!important;
  color:#fff!important;
  border:0!important;
  border-radius:12px!important;
  box-shadow:0 8px 20px rgba(37,99,235,.28)!important;
  letter-spacing:.2px;
}
.elementor-button:hover,.wp-block-button__link:hover,.button:hover,
.woocommerce a.button:hover,.woocommerce button.button:hover{
  transform:translateY(-3px)!important;
  box-shadow:0 14px 30px rgba(214,36,159,.32)!important;
  filter:saturate(1.12) brightness(1.03);
  color:#fff!important;
}

/* ---- Product cards: lift + image zoom ------------------------------- */
.e-loop-item,
ul.products li.product,
.products .product{
  border-radius:18px!important;
  overflow:hidden;
  background:#fff;
  box-shadow:var(--hbc-shadow);
}
.e-loop-item:hover,
ul.products li.product:hover,
.products .product:hover{
  transform:translateY(-8px);
  box-shadow:var(--hbc-shadow-hover);
}
.e-loop-item a img,
.e-loop-item .elementor-widget-image img,
ul.products li.product img{
  transition:transform .5s cubic-bezier(.2,.7,.2,1);
  will-change:transform;
}
.e-loop-item:hover a img,
.e-loop-item:hover .elementor-widget-image img,
ul.products li.product:hover img{
  transform:scale(1.07);
}

/* Price emphasis */
.price,.woocommerce-Price-amount,.amount{
  color:var(--hbc-ink);
  font-weight:700;
}

/* ---- Rating stars: gold filled, light empty ------------------------- */
.hbc-product-rating .star-rating::before{color:#E5E7EB!important;}
.hbc-product-rating .star-rating span::before{color:#F59E0B!important;}
.hbc-product-rating .star-rating{color:#F59E0B!important;}
.hbc-compare-prices{color:var(--hbc-blue);font-weight:600;}
.hbc-compare-prices strong{color:var(--hbc-magenta);}
/* Default WooCommerce loop stars (e.g. homepage [products] grid) */
ul.products .star-rating::before{color:#E5E7EB!important;}
ul.products .star-rating span::before{color:#F59E0B!important;}
ul.products .star-rating{color:#F59E0B!important;}

/* ---- Filter sidebar (BeRocket / WBW Product Filter) ----------------- */
.wpfMainWrapper{
  background:var(--hbc-grad-soft);
  border:1px solid #EAE6F5;
  border-radius:16px;
  padding:16px 18px 8px;
}
.wpfFilterWrapper{border-bottom:1px solid rgba(15,23,42,.07);padding-bottom:10px;margin-bottom:8px;}
.wpfFilterWrapper:last-of-type{border-bottom:0;}
.wpfFilterTitle{font-weight:700!important;color:var(--hbc-ink)!important;font-size:15px!important;letter-spacing:.2px;}
.wpfFilterTitle .wpfTitleToggle{color:var(--hbc-blue);}
.wpfFilterTaxNameWrapper,.wpfLiLabel{color:#334155;}
.wpfCount{color:#94a3b8;}
.wpfLiLabel:hover .wpfFilterTaxNameWrapper{color:var(--hbc-blue);}
.wpfCheckbox input[type=checkbox],.wpfCheckboxHier input[type=checkbox]{accent-color:var(--hbc-blue);width:16px;height:16px;}
/* ion-range price slider in brand colours */
.wpfMainWrapper .irs-bar,.irs--flat .irs-bar{background:var(--hbc-grad)!important;}
.wpfMainWrapper .irs-line,.irs--flat .irs-line{background:#E2E8F0!important;}
.wpfMainWrapper .irs-handle>i:first-child{background:var(--hbc-blue)!important;}
.wpfMainWrapper .irs-handle{border:0!important;}
.irs--flat .irs-from,.irs--flat .irs-to,.irs--flat .irs-single{background:var(--hbc-blue)!important;}
.irs--flat .irs-from:before,.irs--flat .irs-to:before,.irs--flat .irs-single:before{border-top-color:var(--hbc-blue)!important;}
.wpfPriceInputs input{border:1px solid #d8d4ea!important;border-radius:8px!important;}
.wpfClearButton,.wpfButton,.wpfFilterButtons .wpfButton{
  background-image:var(--hbc-grad)!important;background-color:var(--hbc-blue)!important;
  color:#fff!important;border:0!important;border-radius:10px!important;box-shadow:0 6px 16px rgba(37,99,235,.25)!important;
}

/* ---- Header polish: subtle sticky shadow + animated nav underline --- */
.elementor-location-header{
  background:#fff;
  box-shadow:0 2px 18px rgba(15,23,42,.07);
}
.elementor-location-header .elementor-nav-menu>li>a,
.elementor-location-header nav a{position:relative;font-weight:600;}
.elementor-location-header .elementor-nav-menu>li>a::after,
.elementor-location-header nav .menu-item>a::after{
  content:"";position:absolute;left:0;bottom:-4px;height:2px;width:0;
  background:var(--hbc-grad);border-radius:2px;transition:width .25s ease;
}
.elementor-location-header .elementor-nav-menu>li>a:hover::after,
.elementor-location-header nav .menu-item>a:hover::after,
.elementor-location-header .menu-item.current-menu-item>a::after{width:100%;}
.elementor-location-header a:hover{color:var(--hbc-blue);}

/* ---- Headings: a touch more weight/letter-spacing ------------------- */
h1,h2,h3{letter-spacing:-.01em;}

/* ---- Section reveal (tasteful fade-up on scroll) -------------------- */
@media (prefers-reduced-motion:no-preference){
  .hbc-reveal{opacity:0;transform:translateY(18px);}
  .hbc-reveal.hbc-in{opacity:1;transform:none;transition:opacity .6s ease, transform .6s cubic-bezier(.2,.7,.2,1);}
}

/* ====================================================================
   TOP UTILITY BAR
   ==================================================================== */
.hbc-topbar{background:var(--hbc-grad);color:#fff;font-size:13px;position:relative;z-index:1000;}
.hbc-topbar-inner{max-width:1240px;margin:0 auto;padding:7px 22px;display:flex;align-items:center;justify-content:space-between;gap:16px;}
.hbc-topbar-promo{font-weight:600;letter-spacing:.2px;}
.hbc-topbar-right{display:flex;align-items:center;gap:4px;}
.hbc-topbar-right>a{color:#fff;opacity:.92;margin-left:16px;font-weight:600;}
.hbc-topbar-right>a:hover{opacity:1;color:#fff;text-decoration:underline;}
.hbc-search{display:inline-flex;align-items:center;margin-left:18px;background:rgba(255,255,255,.18);border-radius:22px;overflow:hidden;backdrop-filter:blur(2px);}
.hbc-search input[type=search]{border:0;background:transparent;color:#fff;padding:5px 14px;outline:none;width:160px;font-size:13px;}
.hbc-search input[type=search]::placeholder{color:rgba(255,255,255,.82);}
.hbc-search button{display:grid;place-items:center;border:0;background:transparent;color:#fff;cursor:pointer;padding:0 12px;height:30px;}
.hbc-search button:hover{color:#fff;}
@media(max-width:768px){.hbc-topbar-promo{display:none;}.hbc-topbar-inner{justify-content:center;}.hbc-search input[type=search]{width:120px;}}

/* ====================================================================
   STORE FOOTER  (hides the old Elementor footer)
   ==================================================================== */
.elementor-location-footer{display:none!important;}
.hbc-footer{background:linear-gradient(180deg,#0F172A 0%,#1E1B4B 100%);color:#cbd5e1;margin-top:64px;font-size:15px;line-height:1.7;}
.hbc-footer-grid{max-width:1240px;margin:0 auto;padding:58px 22px 34px;display:grid;grid-template-columns:1.5fr 1fr 1fr 1.4fr;gap:40px;}
.hbc-footer .hbc-flogo{font-weight:800;font-size:24px;letter-spacing:.5px;line-height:1;background:linear-gradient(135deg,#60A5FA 0%,#C084FC 50%,#F472B6 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:#fff;margin-bottom:14px;display:inline-block;}
.hbc-fbrand p{color:#94a3b8;max-width:340px;margin:0 0 6px;}
.hbc-footer h4{color:#fff;font-size:15px;font-weight:700;margin:0 0 16px;letter-spacing:.3px;}
.hbc-footer ul{list-style:none;margin:0;padding:0;}
.hbc-footer li{margin:9px 0;}
.hbc-footer a{color:#cbd5e1;transition:color .2s ease,padding .2s ease;}
.hbc-footer a:hover{color:#fff;padding-left:5px;}
.hbc-social{display:flex;gap:11px;margin-top:18px;}
.hbc-social a{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.10);color:#fff;transition:transform .25s ease,background .25s ease;}
.hbc-social a:hover{background:var(--hbc-grad);transform:translateY(-3px);padding-left:0;}
.hbc-fnews p{color:#94a3b8;margin:0 0 12px;}
.hbc-news-form input[type=email],.hbc-news-form input[type=text]{width:100%;box-sizing:border-box;border:0;border-radius:10px;padding:11px 13px;margin-bottom:10px;font-size:14px;background:#fff;color:#0F172A;}
.hbc-news-form input[type=submit]{width:100%;border:0;border-radius:10px;padding:11px 14px;font-weight:700;color:#fff;cursor:pointer;background-image:var(--hbc-grad);box-shadow:0 8px 20px rgba(214,36,159,.30);transition:transform .25s ease,filter .25s ease;}
.hbc-news-form input[type=submit]:hover{transform:translateY(-2px);filter:saturate(1.12) brightness(1.03);}
.hbc-news-form .wpcf7{margin:0;}
.hbc-news-form .wpcf7 .wpcf7-response-output{border-color:rgba(255,255,255,.25)!important;color:#cbd5e1;font-size:13px;margin:8px 0 0;padding:6px 10px;}
.hbc-footer-bottom{border-top:1px solid rgba(255,255,255,.10);max-width:1240px;margin:0 auto;padding:18px 22px;display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:13px;color:#94a3b8;}
@media(max-width:880px){.hbc-footer-grid{grid-template-columns:1fr 1fr;gap:30px;}.hbc-footer-bottom{flex-direction:column;text-align:center;}}
@media(max-width:540px){.hbc-footer-grid{grid-template-columns:1fr;}}