/* ═══════════════════════════════════════════════════════════════════════════
   WSHEALTH — NAIVAS-INSPIRED PHARMACY THEME
   Colors: Teal #08b4c9 | Orange #f97316 | Price #0899ab | White cards
   ═══════════════════════════════════════════════════════════════════════════ */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');

:root {
  --nv-green:       #08b4c9;
  --nv-green-dark:  #069aae;
  --nv-green-light: #e0f7fa;
  --nv-orange:      #f97316;
  --nv-orange-dark: #ea6c10;
  --nv-price:       #0899ab;
  --nv-red:         #e53935;
  --nv-grey-bg:     #f5f5f5;
  --nv-border:      #e8e8e8;
  --nv-text:        #222222;
  --nv-muted:       #666666;
  --nv-white:       #ffffff;
}

/* ── Base ────────────────────────────────────────────────────────────────── */
body { font-family: 'Inter', 'Segoe UI', Arial, sans-serif; }
a { transition: color 0.18s !important; }

/* ══════════════════════════════════════════════════════════════════════════
   TOP BAR — dark green, free delivery + phone
   ══════════════════════════════════════════════════════════════════════════ */
.top_header {
  background: var(--nv-green) !important;
  padding: 9px 0 !important;
  border-bottom: none !important;
}
.top_header ul li,
.top_header ul li a {
  color: rgba(255,255,255,0.92) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
}
.top_header ul li a:hover { color: var(--nv-orange) !important; text-decoration: none !important; }
.top_header ul li i { color: rgba(255,255,255,0.7) !important; }
.top_header ul li:after { background: rgba(255,255,255,0.25) !important; }
/* Free delivery emphasis */
.top_header .header_left li:first-child a { font-weight: 700 !important; letter-spacing: 0.2px !important; }

/* ══════════════════════════════════════════════════════════════════════════
   BOTTOM HEADER — white, large search, delivery + account + cart
   ══════════════════════════════════════════════════════════════════════════ */
.bottom_header {
  background: #fff !important;
  padding: 16px 0 !important;
 /* border-bottom: 2px solid var(--nv-border) !important;*/
  box-shadow: 0 2px 6px rgba(0,0,0,0.05) !important;
}

/* Search box — Naivas style: full rounded pill, grey bg */
.bottom_header .search-box { width: 100% !important; }
.bottom_header .search-box form {
  border: 2px solid var(--nv-green) !important;
  border-radius: 6px !important;
  overflow: hidden !important;
  display: flex !important;
  background: #fff !important;
}
.bottom_header .search-box form input {
  background: #fff !important;
  color: var(--nv-text) !important;
  border: none !important;
  font-size: 14px !important;
  padding: 11px 16px !important;
  flex: 1 !important;
}
.bottom_header .search-box form input::-webkit-input-placeholder { color: #aaa !important; font-weight: 400 !important; }
.bottom_header .search-box form button {
  background: var(--nv-green) !important;
  color: #fff !important;
  border: none !important;
  padding: 0 24px !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  border-radius: 0 !important;
  transition: background 0.2s !important;
}
.bottom_header .search-box form button:hover { background: var(--nv-green-dark) !important; }

/* User / account */
.bottom_header .login_form .user { color: var(--nv-green) !important; font-size: 28px !important; }
.bottom_header .login_form .login-info .welcome { color: var(--nv-green) !important; font-weight: 600 !important; font-size: 13px !important; }
.bottom_header .login_form .login-info a { color: var(--nv-muted) !important; font-size: 12px !important; }
.bottom_header .login_form .login-info a:hover { color: var(--nv-orange) !important; }

/* Cart */
.bottom_header .cart_option button.cart { background: transparent !important; border: none !important; color: var(--nv-green) !important; font-size: 26px !important; }
.bottom_header .cart_option button.cart:hover { color: var(--nv-orange) !important; }
.bottom_header .cart_option .cart-info div:first-child { color: var(--nv-muted) !important; font-size: 11px !important; font-weight: 500 !important; text-transform: uppercase !important; letter-spacing: 0.3px !important; }
.bottom_header .cart_option .cart-info .doller { color: var(--nv-green) !important; font-weight: 800 !important; font-size: 15px !important; }
.bottom_header .cart_option button span,
#cartBadge {
  background: var(--nv-orange) !important;
  color: #fff !important;
  border-radius: 50% !important;
  font-size: 10px !important; width: 18px !important; height: 18px !important;
  line-height: 18px !important; text-align: center !important; font-weight: 700 !important;
}

/* ══════════════════════════════════════════════════════════════════════════
   NAVIGATION — white bar, CATEGORIES orange pill, icon links, green wallet
   ══════════════════════════════════════════════════════════════════════════ */
.theme_menu {
  background: #fff !important;
 /* border-bottom: 2px solid var(--nv-border) !important;*/
  box-shadow: 0 1px 4px rgba(0,0,0,0.04) !important;
  padding: 0 !important;
}
.theme_menu .menuzord-menu > li > a {
  color: var(--nv-text) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  padding: 14px 14px !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 5px !important;
}
.theme_menu .menuzord-menu > li > a:hover,
.theme_menu .menuzord-menu > li:hover > a { color: var(--nv-orange) !important; background: transparent !important; }
.theme_menu .menuzord-menu > li.current_page > a {
  color: var(--nv-orange) !important;
  border-bottom: 3px solid var(--nv-orange) !important;
}

/* Prescription → styled as green CTA pill like "CATEGORIES" */
#nav-prescription-item > a {
  background: var(--nv-green) !important;
  color: #fff !important;
  border-radius: 5px !important;
  margin: 8px 6px !important;
  padding: 7px 14px !important;
  font-weight: 700 !important;
  font-size: 12px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.4px !important;
}
#nav-prescription-item > a:hover { background: var(--nv-green-dark) !important; color: #fff !important; }
#nav-prescription-item > a .fa { font-size: 13px !important; }

/* On Sale nav badge — orange pill */
#nav-onsale-item > a {
  background: var(--nv-orange) !important;
  color: #fff !important;
  border-radius: 5px !important;
  margin: 8px 4px !important;
  padding: 7px 14px !important;
  font-weight: 700 !important;
  font-size: 12px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.4px !important;
}
#nav-onsale-item > a:hover { background: #e05e00 !important; color: #fff !important; }
#nav-onsale-item > a .fa { font-size: 12px !important; margin-right: 4px !important; }

/* Shop by Category → orange pill (Naivas "CATEGORIES" button) */
.theme_menu .menuzord-menu > li:first-child > a,
.theme_menu .menuzord-menu > li[class*="category"] > a {
  background: var(--nv-orange) !important;
  color: #fff !important;
  border-radius: 5px !important;
  margin: 8px 6px !important;
  padding: 7px 14px !important;
  font-weight: 700 !important;
  font-size: 12px !important;
  text-transform: uppercase !important;
}
.theme_menu .menuzord-menu > li:first-child > a:hover { background: var(--nv-orange-dark) !important; }

/* Dropdowns */
.menuzord-menu ul.dropdown {
  background: #fff !important;
  border: 1px solid var(--nv-border) !important;
  border-top: 3px solid var(--nv-orange) !important;
  border-radius: 0 0 6px 6px !important;
  box-shadow: 0 8px 28px rgba(0,0,0,0.12) !important;
}
.menuzord-menu ul.dropdown li a {
  color: var(--nv-text) !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  padding: 9px 18px !important;
  border-bottom: 1px solid #f5f5f5 !important;
}
.menuzord-menu ul.dropdown li a:hover,
.menuzord-menu ul.dropdown li:hover > a {
  background: var(--nv-green-light) !important;
  color: var(--nv-green) !important;
}
.menuzord-menu ul.dropdown li a .fa { color: var(--nv-orange) !important; margin-right: 6px !important; width: 16px !important; }

/* Social icons in nav */
.nav_side_content .icon_header li a { border-color: var(--nv-border) !important; color: var(--nv-muted) !important; }
.nav_side_content .icon_header li:hover a { background: var(--nv-orange) !important; border-color: var(--nv-orange) !important; color: #fff !important; }

/* ══════════════════════════════════════════════════════════════════════════
   GLOBAL COLOUR UTILITY OVERRIDES (replaces #7fb401 everywhere)
   ══════════════════════════════════════════════════════════════════════════ */
.color1_bg,
.menuzord-menu ul.dropdown li:hover > a,
#polyglotLanguageSwitcher ul.dropdown li:hover,
.bottom_header .select-form .dropdown-menu.inner li a:hover,
.bottom_header .select-form .dropdown-menu.inner li.selected a,
.featured-product .filters li:before,
.featured-product .default-item .single-item .image-box .product-model,
.featured-product .default-item .single-item .overlay-box .top-content ul li:hover,
.featured-product .default-item .single-item .overlay-box .bottom-content,
.why_choose_us .choose_us_item:hover,
.our_farmer .item .overlay ul li:hover,
.our_farmer .item:hover .text,
.featured-product .default-item .single-item .overlay-box .top-content .tultip,
.testimonials-section .slide-item .inner-box:before,
.testimonials-section .owl-dots .owl-dot.active span,
footer .main_footer .popular-tags a:hover,
.testimonials-section .owl-dots .owl-dot:hover span,
.call-out,
footer .main_footer .footer_logo a.tran3s,
.about_section .item .offer,
#banner .contuct-us,
.gallery .load-more-button a:hover,
.sidebar_tags ul li a:hover,
.shop_single_page .product_details .product-review-tab .nav li.active a,
.faq-content-area .accordion .acc-btn.active .left-icon,
.blogList_single_post .share:hover,
.hephaistos.tparrows .arrow-holder:after,
.theme_title:before,
.bottom_header .cart_option button span,
.theme_title_center > span,
.page_list li a:hover, .page_list li a.active,
.page_pagination li a.active, .page_pagination li a:hover { background-color: var(--nv-orange) !important; }

.color2_bg, .top_header { background-color: var(--nv-green) !important; }
.s_color { color: var(--nv-orange) !important; }
.s_color_bg { background-color: var(--nv-orange) !important; }
.p_color { color: var(--nv-green) !important; }
.p_color_bg { background-color: var(--nv-green) !important; }

/* Scroll top */
.scroll-top { background: var(--nv-green) !important; border-radius: 6px !important; }
.scroll-top:hover { background: var(--nv-orange) !important; }

/* ══════════════════════════════════════════════════════════════════════════
   ABOUT / PROMO BANNERS
   ══════════════════════════════════════════════════════════════════════════ */
.about_section { !important; padding: 40px 0 !important; }
.about_section .item { border-radius: 10px !important; overflow: hidden !important;/* box-shadow: 0 4px 16px rgba(0,0,0,0.10) !important;*/ }
.about_section .item .content h3 { color: #fff !important; font-size: 22px !important; font-weight: 800 !important; }
.about_section .item .content p { color: rgba(255,255,255,0.88) !important; }
.about_section .item .content .link-btn a {
  background: var(--nv-orange) !important;
  color: #fff !important;
  border-radius: 5px !important;
  padding: 8px 22px !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  border: 2px solid var(--nv-orange) !important;
}
.about_section .item .content .link-btn a:hover { background: transparent !important; }
.about_section .item .offer { background: var(--nv-orange) !important; }
.about_section .item .offer-sec .inner-title { background: rgba(8,180,201,0.85) !important; color: #fff !important; }

/* ══════════════════════════════════════════════════════════════════════════
   SECTION TITLES — Naivas style: left-aligned, bold, orange underline bar
   ══════════════════════════════════════════════════════════════════════════ */
.theme_title h2, .theme_title h3 {
  color: var(--nv-text) !important;
  font-weight: 800 !important;
  font-size: 24px !important;
  letter-spacing: -0.3px !important;
}
.theme_title:after {
  background: var(--nv-orange) !important;
  height: 4px !important;
  width: 44px !important;
  border-radius: 2px !important;
}
.theme_title:before { background: var(--nv-orange) !important; }
.theme_title p { color: var(--nv-muted) !important; font-size: 14px !important; }

/* ══════════════════════════════════════════════════════════════════════════
   PRODUCT CARDS — reference design: white card, image top, name+pill, price, desc, full-width CTA
   ══════════════════════════════════════════════════════════════════════════ */
.featured-product { !important; padding: 30px 0 40px !important; }
.shop_page       {  !important; }

/* Suppress all old inner-box styles that conflict */
.featured-product .default-item .inner-box,
.shop_page .default-item .inner-box {
  border-radius: 0 !important;
  overflow: visible !important;
  box-shadow: none !important;
  border: none !important;
  background: transparent !important;
  transform: none !important;
  padding: 0 !important;
}

/* Hide old theme elements entirely */
.nv-card .image-box,
.nv-card .content,
.nv-card .overlay-box,
.nv-card .rating,
.nv-card .nv-card-actions {
  display: none !important;
}

/* Filter tabs */
.featured-product .filters li {
  border: 2px solid var(--nv-border) !important;
  color: var(--nv-text) !important;
  border-radius: 20px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  padding: 5px 18px !important;
  margin: 0 4px 8px !important;
  cursor: pointer !important;
  transition: all 0.18s !important;
}
.featured-product .filters li.active,
.featured-product .filters li:hover {
  background: var(--nv-orange) !important;
  border-color: var(--nv-orange) !important;
  color: #fff !important;
}
.featured-product .filters li:before { display: none !important; }

/* ══════════════════════════════════════════════════════════════════════════
   WHY CHOOSE US
   ══════════════════════════════════════════════════════════════════════════ */
.why_choose_us { background: #fff !important; }
.why_choose_us .choose_us_item {
  border: 1px solid var(--nv-border) !important;
  border-radius: 10px !important;
  padding: 22px !important;
  background: #fff !important;
  transition: all 0.22s !important;
}
.why_choose_us .choose_us_item:hover {
  background: var(--nv-green) !important;
  border-color: var(--nv-green) !important;
  box-shadow: 0 6px 22px rgba(8,180,201,0.18) !important;
}
.why_choose_us .choose_us_item .icon {
  background: var(--nv-orange) !important;
  border: none !important;
  width: 54px !important; height: 54px !important;
  border-radius: 10px !important;
  display: flex !important; align-items: center !important; justify-content: center !important;
}
.why_choose_us .choose_us_item:hover .icon { background: rgba(255,255,255,0.2) !important; }
.why_choose_us .choose_us_item h5 { color: var(--nv-text) !important; font-weight: 700 !important; font-size: 14px !important; }
.why_choose_us .choose_us_item:hover h5 { color: #fff !important; }
.why_choose_us .choose_us_item p { color: var(--nv-muted) !important; font-size: 13px !important; }
.why_choose_us .choose_us_item:hover p { color: rgba(255,255,255,0.82) !important; }

/* ══════════════════════════════════════════════════════════════════════════
   GALLERY / TOP SELLING
   ══════════════════════════════════════════════════════════════════════════ */
.gallery { background: #fff !important; padding: 40px 0 !important; }
.gallery .single-item { border-radius: 10px !important; overflow: hidden !important; border: 1px solid var(--nv-border) !important; }
.gallery .bottom-content { background: rgba(8,180,201,0.94) !important; }
.gallery .bottom-content h4 a, .gallery .bottom-content .price { color: #fff !important; }
.gallery .bottom-content .icon-box a:hover { color: var(--nv-orange) !important; }

/* ══════════════════════════════════════════════════════════════════════════
   OUR FARMERS
   ══════════════════════════════════════════════════════════════════════════ */
.our_farmer { background: var(--nv-grey-bg) !important; padding: 50px 0 !important; }
.our_farmer .item .img_holder { border-radius: 10px !important; overflow: hidden !important; }
.our_farmer .item .overlay { background: rgba(8,180,201,0.8) !important; }
.our_farmer .item .overlay ul li:hover a { background: var(--nv-orange) !important; border-color: var(--nv-orange) !important; }
.our_farmer .item:hover .text { background: var(--nv-green) !important; }
.our_farmer .item .text h4 { color: var(--nv-text) !important; font-weight: 700 !important; }
.our_farmer .item .text h5 { color: var(--nv-orange) !important; font-weight: 600 !important; font-size: 12px !important; }
.our_farmer .item:hover .text h4,
.our_farmer .item:hover .text h5,
.our_farmer .item:hover .text p { color: #fff !important; }

/* ══════════════════════════════════════════════════════════════════════════
   TESTIMONIALS
   ══════════════════════════════════════════════════════════════════════════ */
.testimonials-section { background-attachment: fixed !important; }
.testimonials-section .slide-item .inner-box {
  background: rgba(255,255,255,0.97) !important;
  border-radius: 12px !important;
  box-shadow: 0 6px 24px rgba(0,0,0,0.12) !important;
  border-left: 4px solid var(--nv-orange) !important;
}
.testimonials-section .slide-item .inner-box:before { background: var(--nv-orange) !important; }
.testimonials-section .slide-item .inner-box .content .text-bg .quote-icon { color: var(--nv-orange) !important; }
.testimonials-section .slide-item .inner-box .author { color: var(--nv-green) !important; font-weight: 700 !important; }
.testimonials-section .slide-item .inner-box .author-title { color: var(--nv-orange) !important; }
.testimonials-section .owl-dots .owl-dot.active span,
.testimonials-section .owl-dots .owl-dot:hover span { background: var(--nv-orange) !important; }

/* ══════════════════════════════════════════════════════════════════════════
   NEWS / BLOG
   ══════════════════════════════════════════════════════════════════════════ */
.news { background: var(--nv-grey-bg) !important; padding: 50px 0 !important; }
.blogList_single_post { border-radius: 10px !important; overflow: hidden !important; border: 1px solid var(--nv-border) !important; background: #fff !important; }
.blogList_single_post .img_holder .opacity { background: rgba(8,180,201,0.7) !important; }
.blogList_single_post .post ul li a { color: var(--nv-orange) !important; font-size: 12px !important; }
.blogList_single_post .post .text h4 a { color: var(--nv-text) !important; font-weight: 600 !important; }
.blogList_single_post .post .text h4 a:hover { color: var(--nv-orange) !important; }
.blogList_single_post .post .text .link a { color: var(--nv-green) !important; font-weight: 700 !important; text-transform: uppercase !important; font-size: 12px !important; }

/* ══════════════════════════════════════════════════════════════════════════
   NEWSLETTER CTA
   ══════════════════════════════════════════════════════════════════════════ */
.call-out { background: var(--nv-green) !important; padding: 44px 0 !important; }
.call-out h2 { color: #fff !important; font-weight: 800 !important; font-size: 22px !important; }
.call-out p { color: rgba(255,255,255,0.78) !important; font-size: 14px !important; }
.call-out .contact-form input {
  background: rgba(255,255,255,0.14) !important;
  border: 1px solid rgba(255,255,255,0.3) !important;
  color: #fff !important; border-radius: 5px !important;
}
.call-out .contact-form input::-webkit-input-placeholder { color: rgba(255,255,255,0.5) !important; }
.call-out .btn-style-one {
  background: var(--nv-orange) !important;
  border: 2px solid var(--nv-orange) !important;
  color: #fff !important;
  border-radius: 5px !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  padding: 11px 30px !important;
}
.call-out .btn-style-one:hover { background: var(--nv-orange-dark) !important; }

/* ══════════════════════════════════════════════════════════════════════════
   PARTNERS
   ══════════════════════════════════════════════════════════════════════════ */
.partners { background: #fff !important; padding: 28px 0 !important; border-top: 1px solid var(--nv-border) !important; }
.partners .item img { filter: grayscale(50%) !important; opacity: 0.7 !important; transition: all 0.3s !important; }
.partners .item:hover img { filter: grayscale(0%) !important; opacity: 1 !important; }

/* ══════════════════════════════════════════════════════════════════════════
   FOOTER
   ══════════════════════════════════════════════════════════════════════════ */
footer .main_footer {
  background: var(--nv-green) !important;
  padding: 50px 0 30px !important;
}
footer .main_footer h5 {
  color: #fff !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.8px !important;
  border-bottom: 2px solid rgba(255,255,255,0.18) !important;
  padding-bottom: 10px !important;
  margin-bottom: 16px !important;
}
footer .main_footer p,
footer .main_footer ul li { color: rgba(255,255,255,0.72) !important; font-size: 13px !important; }
footer .main_footer ul.catagories li a { color: rgba(255,255,255,0.72) !important; font-size: 13px !important; padding: 4px 0 !important; display: block !important; }
footer .main_footer ul.catagories li a:hover { color: var(--nv-orange) !important; padding-left: 4px !important; transition: all 0.18s !important; }
footer .main_footer ul.catagories li a .fa { color: var(--nv-orange) !important; margin-right: 6px !important; }
footer .main_footer .footer_logo a.tran3s {
  background: var(--nv-orange) !important;
  color: #fff !important;
  border-radius: 5px !important;
  padding: 9px 22px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  display: inline-block !important;
  margin-top: 14px !important;
  letter-spacing: 0.5px !important;
}
footer .main_footer .footer_logo a.tran3s:hover { background: var(--nv-orange-dark) !important; }
footer .main_footer .popular-tags a {
  border: 1px solid rgba(255,255,255,0.2) !important;
  color: rgba(255,255,255,0.72) !important;
  border-radius: 4px !important;
  padding: 4px 10px !important;
  font-size: 12px !important;
  margin: 3px !important;
  display: inline-block !important;
  transition: all 0.18s !important;
}
footer .main_footer .popular-tags a:hover { background: var(--nv-orange) !important; border-color: var(--nv-orange) !important; color: #fff !important; }
footer .main_footer .footer_news .recent-posts .post h4 a { color: rgba(255,255,255,0.85) !important; font-size: 13px !important; font-weight: 500 !important; }
footer .main_footer .footer_news .recent-posts .post h4 a:hover { color: var(--nv-orange) !important; }
footer .main_footer .footer_news .recent-posts .post .post-info { color: rgba(255,255,255,0.5) !important; font-size: 11px !important; }

footer .bottom_footer { background: var(--nv-green-dark) !important; padding: 14px 0 !important; border-top: 1px solid rgba(255,255,255,0.10) !important; }
footer .bottom_footer h6 { color: rgba(255,255,255,0.6) !important; font-size: 12px !important; font-weight: 400 !important; }
footer .bottom_footer .social_icon li a { color: rgba(255,255,255,0.6) !important; font-size: 20px !important; transition: color 0.2s !important; }
footer .bottom_footer .social_icon li a:hover { color: var(--nv-orange) !important; }

/* ══════════════════════════════════════════════════════════════════════════
   BREADCRUMB
   ══════════════════════════════════════════════════════════════════════════ */
.breadcrumb-area { background: var(--nv-green) !important; padding: 28px 0 !important; }
.breadcrumb-area h2, .breadcrumb-area h1 { color: #fff !important; font-weight: 700 !important; }
.breadcrumb-area .breadcrumb > li a { color: rgba(255,255,255,0.72) !important; }
.breadcrumb-area .breadcrumb > li.active { color: var(--nv-orange) !important; font-weight: 600 !important; }
.breadcrumb-area .breadcrumb > li + li:before { color: rgba(255,255,255,0.4) !important; }

/* ══════════════════════════════════════════════════════════════════════════
   SHOP SIDEBAR
   ══════════════════════════════════════════════════════════════════════════ */
.shop_sidebar .sidebar-title h4, .shop_sidebar .sidebar-title h5 {
  color: var(--nv-text) !important; font-weight: 700 !important; font-size: 14px !important;
  text-transform: uppercase !important; letter-spacing: 0.5px !important;
  border-bottom: 3px solid var(--nv-orange) !important; padding-bottom: 8px !important;
}
.sidebar_categories ul li a:hover { color: var(--nv-orange) !important; }
.sidebar_categories ul li a:hover:before { background: var(--nv-orange) !important; }
.sidebar_tags ul li a { border-color: var(--nv-border) !important; color: var(--nv-text) !important; border-radius: 4px !important; }
.sidebar_tags ul li a:hover { background: var(--nv-orange) !important; border-color: var(--nv-orange) !important; color: #fff !important; }
.ui-widget-header { background: var(--nv-orange) !important; }
.ui-state-default, .ui-widget-content .ui-state-default { background: var(--nv-green) !important; border-color: var(--nv-green) !important; }

/* ══════════════════════════════════════════════════════════════════════════
   PRODUCT SINGLE PAGE
   ══════════════════════════════════════════════════════════════════════════ */
.shop_single_page .product_details .product-info h2 { color: var(--nv-text) !important; font-weight: 800 !important; }
.shop_single_page .product_details .product-info .rating .fa-star { color: #f59e0b !important; }
.shop_single_page .product_details .product-info .price_box .price { color: var(--nv-price) !important; font-size: 28px !important; font-weight: 800 !important; }
.shop_single_page .product_details .product-info .price_box .prev-rate { text-decoration: line-through !important; color: #aaa !important; }
.shop_single_page .product_details .add-btn { background: var(--nv-orange) !important; border-color: var(--nv-orange) !important; border-radius: 5px !important; font-weight: 700 !important; text-transform: uppercase !important; }
.shop_single_page .product_details .add-btn:hover { background: var(--nv-orange-dark) !important; }
.shop_single_page .product_details .product-review-tab .nav li.active a { background: var(--nv-orange) !important; border-color: var(--nv-orange) !important; color: #fff !important; }

/* ══════════════════════════════════════════════════════════════════════════
   CART SIDEBAR
   ══════════════════════════════════════════════════════════════════════════ */
#cart-sidebar-head { background: var(--nv-green) !important; }
#cart-sidebar-count { background: var(--nv-orange) !important; }
#cart-sidebar-total { color: var(--nv-price) !important; }
.cart-sidebar-cta { background: var(--nv-orange) !important; }
.cart-sidebar-btn.color1_bg { background: var(--nv-orange) !important; }
.cart-qty-btn:hover { background: var(--nv-orange) !important; border-color: var(--nv-orange) !important; }
.cart-sidebar-secure i { color: var(--nv-orange) !important; }
#cart-sidebar-body::-webkit-scrollbar-thumb { background: var(--nv-orange) !important; }
#cart-sidebar-list .item_deatils .font_fix { color: var(--nv-price) !important; }

/* ══════════════════════════════════════════════════════════════════════════
   CART + CHECKOUT PAGES
   ══════════════════════════════════════════════════════════════════════════ */
.cart .shop_cart_table th { background: var(--nv-green) !important; color: #fff !important; }
.cart .checkout-btn { background: var(--nv-orange) !important; border-color: var(--nv-orange) !important; border-radius: 5px !important; font-weight: 700 !important; }
.checkout_page .form-control:focus { border-color: var(--nv-orange) !important; box-shadow: 0 0 0 2px rgba(249,115,22,0.15) !important; }
.checkout_page .btn-place-order { background: var(--nv-orange) !important; border-color: var(--nv-orange) !important; border-radius: 5px !important; font-weight: 700 !important; }

/* ══════════════════════════════════════════════════════════════════════════
   GENERAL BUTTONS
   ══════════════════════════════════════════════════════════════════════════ */
.thm-btn, .contuct-us, a.thm-btn, a.contuct-us, .color1-bg {
  background: var(--nv-orange) !important;
  border-color: var(--nv-orange) !important;
  color: #fff !important;
  border-radius: 5px !important;
  font-weight: 700 !important;
  letter-spacing: 0.3px !important;
}
.thm-btn:hover, .contuct-us:hover { background: var(--nv-orange-dark) !important; color: #fff !important; }

/* Pagination */
.page_pagination li a { border-color: var(--nv-border) !important; color: var(--nv-text) !important; border-radius: 5px !important; margin: 0 2px !important; }
.page_pagination li a.active, .page_pagination li a:hover { background: var(--nv-orange) !important; border-color: var(--nv-orange) !important; color: #fff !important; }

/* FAQ */
.faq-content-area .accordion .acc-btn.active { color: var(--nv-orange) !important; }
.faq-content-area .accordion .acc-btn.active .left-icon { background: var(--nv-orange) !important; }

/* Preloader — full teal theme */
#loader-wrapper {
  position: fixed;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background: #fff;
  z-index: 999999999;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 18px;
}
#loader {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  border: 5px solid rgba(8, 180, 201, 0.15);
  border-top-color: #08b4c9;
  border-left-color: #08b4c9;
  animation: nv-spin 0.75s linear infinite;
  position: static !important;
  margin: 0 !important;
}
#loader-wrapper::after {
  content: 'WSHealth';
  font-family: 'Inter', 'Segoe UI', Arial, sans-serif;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 2px;
  color: #08b4c9;
  text-transform: uppercase;
}
@keyframes nv-spin {
  to { transform: rotate(360deg); }
}

/* ══════════════════════════════════════════════════════════════════════════
   RESPONSIVE
   ══════════════════════════════════════════════════════════════════════════ */
@media (max-width: 991px) {
  .theme_menu .menuzord-menu > li > a { padding: 12px 10px !important; font-size: 12px !important; }
  #nav-prescription-item > a { margin: 5px 4px !important; }
}
@media (max-width: 767px) {
  .top_header { text-align: center !important; }
  .bottom_header { padding: 10px 0 !important; }
  .call-out h2 { font-size: 18px !important; }
  .theme_title h2, .theme_title h3 { font-size: 20px !important; }
}

/* ═══════════════════════════════════════════════════════════════════════════
   HEADER LAYOUT OVERHAUL — Logo | Search | Account+Cart in one clean row
   ═══════════════════════════════════════════════════════════════════════════ */

/* Tighten bottom_header padding */
.bottom_header { padding: 10px 0 !important; }

/* Hide old Bootstrap column structure inside bottom_header if it conflicts */
.bottom_header .row { display: none !important; }

/* New flex row */
.bh-row {
  display: flex;
  align-items: center;
  gap: 16px;
  height: 62px;
}

/* 1 — Logo */
.bh-logo { flex-shrink: 0; }
.bh-logo .logo { display: block; }
.bh-logo img { height: 42px; width: auto; display: block; }

/* 2 — Search bar (grows to fill centre) */
.bh-search { flex: 1; min-width: 0; }
.bh-search form {
  display: flex;
  border: 2px solid var(--nv-green);
  border-radius: 6px;
  overflow: hidden;
  height: 42px;
}
.bh-search form input {
  flex: 1;
  border: none;
  outline: none;
  padding: 0 14px;
  font-size: 13px;
  color: #333;
  background: #fff;
  font-family: 'Inter', sans-serif;
}
.bh-search form input::placeholder { color: #aaa; }
.bh-search form button {
  background: var(--nv-green);
  color: #fff;
  border: none;
  padding: 0 20px;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
  white-space: nowrap;
  font-family: 'Inter', sans-serif;
  letter-spacing: 0.3px;
  transition: background 0.18s;
}
.bh-search form button:hover { background: var(--nv-green-dark); }

/* 3 — Right block: account + cart */
.bh-right {
  display: flex;
  align-items: center;
  gap: 14px;
  flex-shrink: 0;
}

/* Account */
.bh-account {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
}
.bh-account-icon { font-size: 26px; color: var(--nv-green); line-height: 1; }
.bh-account-info { line-height: 1.3; }
.bh-welcome { font-size: 12px; color: #555; font-weight: 500; }
.bh-signin {
  font-size: 13px;
  font-weight: 700;
  color: var(--nv-green);
  text-decoration: none;
  display: block;
}
.bh-signin:hover { color: var(--nv-orange); }
.bh-auth-links { display: flex; gap: 6px; align-items: center; }
.bh-auth-links a { font-size: 12px; color: var(--nv-green); text-decoration: none; font-weight: 600; }
.bh-auth-links a:hover { color: var(--nv-orange); }
.bh-auth-links span { color: #ccc; font-size: 11px; }
#header-user-greeting { font-size: 13px; font-weight: 700; color: var(--nv-green); }

/* Cart button */
.bh-cart {
  display: flex;
  align-items: center;
  gap: 10px;
  background: none;
  border: 2px solid var(--nv-green);
  border-radius: 6px;
  padding: 6px 14px;
  cursor: pointer;
  transition: background 0.18s, border-color 0.18s;
  white-space: nowrap;
}
.bh-cart:hover { background: var(--nv-green-light); border-color: var(--nv-green-dark); }
.bh-cart-icon-wrap { position: relative; }
.bh-cart-icon-wrap i { font-size: 22px; color: var(--nv-green); }
.bh-cart-icon-wrap #cartBadge {
  position: absolute;
  top: -8px; right: -10px;
  background: var(--nv-orange) !important;
  color: #fff !important;
  border-radius: 50%;
  font-size: 10px;
  width: 18px; height: 18px;
  line-height: 18px;
  text-align: center;
  font-weight: 700;
  display: block !important;
}
.bh-cart-label { font-size: 10px; color: #888; font-weight: 600; text-transform: uppercase; letter-spacing: 0.4px; line-height: 1; }
.bh-cart-total { font-size: 15px; font-weight: 800; color: var(--nv-green); line-height: 1.3; }

/* ── NAV BAR — reduce height ──────────────────────────────────────────────── */
.theme_menu { min-height: 0 !important; }
.theme_menu .menuzord-menu > li > a {
  padding: 10px 13px !important;
  font-size: 13px !important;
}
#nav-prescription-item > a {
  margin: 5px 5px !important;
  padding: 6px 13px !important;
}
/* First nav item (orange pill) */
.theme_menu .menuzord-menu > li:first-child > a {
  margin: 5px 5px !important;
  padding: 6px 13px !important;
}
.theme_menu .container { padding-top: 0 !important; padding-bottom: 0 !important; }
.menuzord { margin: 0 !important; }

/* ── HERO SLIDER — reduce height by 50% ──────────────────────────────────── */
#banner .rev_slider_wrapper,
#banner .rev_slider,
.tp-revslider-mainul,
.tp-revslider-mainul > li,
.rev_slider .slotholder,
.rev_slider .tp-bgimg { max-height: 320px !important; }

#banner { max-height: 320px !important; overflow: hidden !important; }

/* Force revolution slider height via its own inline styles */
.rev_slider_wrapper { height: 320px !important; max-height: 320px !important; }
.tp-simpleresponsive { height: 320px !important; }

/* Breadcrumb hero area - reduce too */
.breadcrumb-area { padding: 70px 0 44px !important; min-height: 130px !important; }
.breadcrumb-area h2, .breadcrumb-area h1 { font-size: 20px !important; margin: 0 0 4px !important; }
.breadcrumbs h4 { font-size: 13px !important; margin: 0 !important; }

/* ── RESPONSIVE ───────────────────────────────────────────────────────────── */
@media (max-width: 991px) {
  .bh-row { height: auto; flex-wrap: wrap; gap: 10px; padding: 8px 0; }
  .bh-logo { order: 1; }
  .bh-right { order: 2; margin-left: auto; }
  .bh-search { order: 3; width: 100%; flex: none; }
}
@media (max-width: 600px) {
  .bh-cart-info { display: none; }
  .bh-account-info { display: none; }
  .bh-right { gap: 8px; }
}

/* ── NAV HEIGHT FIX — force compact single-line nav ─────────────────────── */
.theme_menu { line-height: 1 !important; }
.theme_menu .container { display: flex !important; align-items: center !important; min-height: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; }
.theme_menu nav.menuzord { margin: 0 !important; line-height: 1 !important; }
.theme_menu .menuzord-menu { margin: 0 !important; padding: 0 !important; }
.theme_menu .menuzord-menu > li { margin: 0 !important; padding: 0 !important; }

/* All nav links — uniform compact padding */
.theme_menu .menuzord-menu > li > a {
  padding: 8px 12px !important;
  margin: 0 !important;
  line-height: 1.4 !important;
  font-size: 13px !important;
  display: flex !important;
  align-items: center !important;
}

/* Prescription pill — kill margin, align with row */
#nav-prescription-item { margin: 0 !important; padding: 0 !important; display: flex !important; align-items: center !important; }
#nav-prescription-item > a {
  margin: 4px 6px !important;
  padding: 5px 12px !important;
  line-height: 1.4 !important;
  font-size: 12px !important;
}

/* Orange category pill — same treatment */
.theme_menu .menuzord-menu > li:first-child > a {
  margin: 4px 4px 4px 0 !important;
  padding: 5px 12px !important;
  line-height: 1.4 !important;
  font-size: 12px !important;
}

/* Nav side social icons — vertically centred, no extra height */
.nav_side_content { display: flex !important; align-items: center !important; margin: 0 !important; }
.nav_side_content .icon_header { display: flex !important; align-items: center !important; margin: 0 !important; padding: 0 !important; }
.nav_side_content .icon_header li { display: flex !important; align-items: center !important; justify-content: center !important; width: 30px !important; height: 30px !important; margin: 0 2px !important; }
.nav_side_content .icon_header li a { display: flex !important; align-items: center !important; justify-content: center !important; width: 30px !important; height: 30px !important; line-height: 1 !important; font-size: 12px !important; }

/* ── NAV padding increase + hero height tweak ───────────────────────────── */
.theme_menu .menuzord-menu > li > a {
  padding: 13px 14px !important;
}
#nav-prescription-item > a {
  margin: 7px 6px !important;
  padding: 8px 14px !important;
}
.theme_menu .menuzord-menu > li:first-child > a {
  margin: 7px 4px 7px 0 !important;
  padding: 8px 14px !important;
}

/* Hero — restore to 352px (~320 * 1.1) */
#banner { max-height: 352px !important; }
.rev_slider_wrapper { height: 352px !important; max-height: 352px !important; }
.tp-simpleresponsive { height: 352px !important; }
#banner .rev_slider_wrapper,
#banner .rev_slider,
.tp-revslider-mainul,
.tp-revslider-mainul > li,
.rev_slider .slotholder,
.rev_slider .tp-bgimg { max-height: 352px !important; }

/* ── HERO: force images + wrapper to fill 100% height, no white gaps ─────── */
#banner { overflow: hidden !important; height: 352px !important; }
#banner .rev_slider_wrapper { height: 352px !important; overflow: hidden !important; }
#banner .rev_slider { height: 352px !important; }
#banner .tp-revslider-mainul,
#banner .tp-revslider-mainul > li { height: 352px !important; }
#banner .rev-slidebg,
#banner .rev_slider .slotholder,
#banner .rev_slider .slotholder > * {
  height: 100% !important;
  width: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  min-height: 352px !important;
}
/* Kill any bottom white margin/padding the slider wrapper adds */
#banner .tp-simpleresponsive { height: 352px !important; overflow: hidden !important; }
.tp-revslider-mainul { margin: 0 !important; padding: 0 !important; }

/* ── NAV: active page = green pill (same as Prescription), not orange ─────── */
/* Remove old orange pill from first-child */
.theme_menu .menuzord-menu > li:first-child > a {
  background: transparent !important;
  color: var(--nv-text) !important;
  border-radius: 0 !important;
  margin: 0 !important;
  padding: 13px 14px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  text-transform: none !important;
}
.theme_menu .menuzord-menu > li:first-child > a:hover {
  color: var(--nv-orange) !important;
  background: transparent !important;
}

/* Active nav item = green pill style (like Prescription) */
.theme_menu .menuzord-menu > li.current_page > a,
.theme_menu .menuzord-menu > li.active > a {
  background: var(--nv-green) !important;
  color: #fff !important;
  border-radius: 5px !important;
  border-bottom: none !important;
  padding: 8px 14px !important;
  margin: 7px 4px !important;
  font-weight: 700 !important;
}
.theme_menu .menuzord-menu > li.current_page > a:hover,
.theme_menu .menuzord-menu > li.active > a:hover {
  background: var(--nv-green-dark) !important;
  color: #fff !important;
}

/* ── about_section padding fix ───────────────────────────────────────────── */
.about_section { padding: 40px 0 !important; }

/* ── Product card ─────────────────────────────────────────────────────────── */
.nv-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  background: #fff;
  border-radius: 14px;
  box-shadow: 0 2px 12px rgba(0,0,0,0.09);
  overflow: hidden;
  border: 1px solid var(--nv-border);
  transition: box-shadow 0.22s, transform 0.22s;
}
.nv-card:hover {
  box-shadow: 0 8px 28px rgba(0,0,0,0.14);
  transform: translateY(-3px);
}
.nv-card .single-item { display: flex; flex-direction: column; height: 100%; }

/* Image area */
.nv-card-img-wrap {
  position: relative;
  background: #fff;
  overflow: hidden;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 200px;
  padding: 16px;
}
.nv-card-img {
  max-width: 100%;
  max-height: 168px;
  width: auto;
  height: auto;
  object-fit: contain;
  display: block;
  transition: transform 0.35s ease;
}
.nv-card:hover .nv-card-img { transform: scale(1.04); }

/* Badge */
.nv-badge {
  position: absolute;
  top: 12px;
  left: 12px;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  padding: 4px 10px;
  border-radius: 20px;
  color: #fff;
  background: var(--nv-orange);
}
.nv-badge-sale   { background: #e53935; }
.nv-badge-new    { background: var(--nv-green); }
.nv-badge-hot    { background: #f97316; }

/* Card body */
.nv-card-body {
  flex: 1;
  padding: 14px 16px 10px;
}

/* Name row — name left, View Details pill right */
.nv-card-title-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 8px;
}
.nv-card-name {
  font-size: 14px;
  font-weight: 700;
  line-height: 1.35;
  margin: 0;
  flex: 1;
}
.nv-card-name a {
  color: var(--nv-text);
  text-decoration: none;
}
.nv-card-name a:hover { color: var(--nv-green); }

/* View Details pill */
.nv-btn-view-details {
  flex-shrink: 0;
  display: inline-block;
  font-size: 11px;
  font-weight: 600;
  color: var(--nv-green);
  border: 1.5px solid var(--nv-green);
  border-radius: 20px;
  padding: 4px 11px;
  text-decoration: none;
  white-space: nowrap;
  transition: background 0.18s, color 0.18s;
  line-height: 1.5;
}
.nv-btn-view-details:hover {
  background: var(--nv-green);
  color: #fff;
  text-decoration: none;
}

/* Price row */
.nv-card-price-row {
  display: flex;
  align-items: baseline;
  gap: 8px;
  margin-bottom: 8px;
}
.nv-card-price {
  font-size: 16px;
  font-weight: 800;
  color: var(--nv-text);
}
.nv-card-old-price {
  font-size: 12px;
  color: var(--nv-muted);
  text-decoration: line-through;
}
.nv-price-unit {
  font-size: 11px;
  color: var(--nv-muted);
}

/* Short description */
.nv-card-desc {
  font-size: 12px;
  color: var(--nv-muted);
  line-height: 1.55;
  margin: 0;
}

/* Footer — full-width Add to Cart button */
.nv-card-footer {
  padding: 10px 16px 16px;
}
.nv-btn-atc {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  background: var(--nv-green);
  color: #fff;
  border: none;
  border-radius: 8px;
  padding: 11px 16px;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
  letter-spacing: 0.3px;
  transition: background 0.18s, transform 0.12s;
  white-space: nowrap;
}
.nv-btn-atc:hover {
  background: var(--nv-green-dark);
  transform: translateY(-1px);
}
.nv-btn-atc.added {
  background: #2e7d32 !important;
}

/* Hide old overlay-box and unused elements */
.nv-card .overlay-box { display: none !important; }
.nv-card .image-box   { display: none !important; }
.nv-card .content     { display: none !important; }
.nv-card .nv-card-actions { display: none !important; }

/* ── Dropdown: fit screen height + scroll + compact links ────────────────── */
.menuzord-menu ul.dropdown {
  max-height: calc(100vh - 120px) !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
}
/* Scrollbar styling */
.menuzord-menu ul.dropdown::-webkit-scrollbar { width: 4px; }
.menuzord-menu ul.dropdown::-webkit-scrollbar-track { background: #f5f5f5; }
.menuzord-menu ul.dropdown::-webkit-scrollbar-thumb { background: var(--nv-orange); border-radius: 2px; }

/* Compact link padding */
.menuzord-menu ul.dropdown li a {
  padding: 6px 16px !important;
  font-size: 12.5px !important;
  line-height: 1.4 !important;
  border-bottom: 1px solid #f5f5f5 !important;
}

/* Nested sub-dropdowns: same treatment */
.menuzord-menu ul.dropdown ul.dropdown {
  max-height: calc(100vh - 120px) !important;
  overflow-y: auto !important;
}

/* ── Nested submenu hover fix ─────────────────────────────────────────────────
   Menuzord JS only binds mouseenter to top-level li items.
   Nested has-submenu inside a .dropdown need CSS to reveal their child .dropdown
   ──────────────────────────────────────────────────────────────────────────── */
.menuzord-menu ul.dropdown li.has-submenu { position: relative; }
.menuzord-menu ul.dropdown li.has-submenu > ul.dropdown { display: none !important; left: 100%; top: 0; }
.menuzord-menu ul.dropdown li.has-submenu:hover > ul.dropdown { display: block !important; }

/* Ensure nested dropdown sits above everything */
.menuzord-menu ul.dropdown li ul.dropdown { z-index: 9999; }

/* Visual arrow indicator for has-submenu items */
.menuzord-menu ul.dropdown li.has-submenu > a::after {
    content: '›';
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 16px;
    color: #aaa;
    line-height: 1;
}
.menuzord-menu ul.dropdown li.has-submenu:hover > a::after { color: #e07b39; }