/*
 * Virotech Instrument — Option 1 medical blue/cyan color preview.
 * Preview-only stylesheet in WPVibe draft theme. Does not alter logo,
 * layout, menus, Elementor content, images, or WordPress/theme settings.
 */
:root {
  --wd-primary-color: rgb(7, 87, 184) !important;
  --wd-alternative-color: rgb(0, 174, 239) !important;
  --wd-link-color: rgb(7, 87, 184) !important;
  --wd-link-color-hover: rgb(0, 119, 168) !important;
  --wd-title-color: rgb(24, 43, 69) !important;
  --wd-text-color: rgb(24, 43, 69) !important;
}

/* Cool, very light page canvas. Existing image and builder backgrounds remain intact. */
html body {
  background-color: #F4F9FF;
  color: #182B45;
}

/* Top utility bar: blue-to-cyan medical gradient. */
.whb-header .whb-row.whb-top-bar {
  background: linear-gradient(110deg, #0757B8 0%, #00AEEF 100%) !important;
  border-color: rgba(255, 255, 255, 0.18) !important;
}
.whb-header .whb-top-bar-inner > .whb-column > nav > ul > li > a,
.whb-header .whb-top-bar-inner .wd-header-text,
.whb-header .whb-top-bar-inner .wd-social-icons a,
.whb-header .whb-top-bar-inner .wd-social-icons .wd-icon {
  color: #FFFFFF !important;
}
.whb-header .whb-top-bar .wd-header-divider {
  border-color: rgba(255, 255, 255, 0.25) !important;
}

/* Keep the existing logo and header structure; change only the color treatment. */
.whb-header .whb-row.whb-general-header {
  background: linear-gradient(180deg, #FFFFFF 0%, #F8FBFF 100%) !important;
  border-color: #D9E8F6 !important;
}
.whb-header .whb-row.whb-general-header .wd-nav > li > a,
.whb-header .whb-row.whb-general-header .wd-tools-element > a {
  color: #182B45 !important;
}
.whb-header .whb-row.whb-general-header .wd-nav > li:hover > a,
.whb-header .whb-row.whb-general-header .wd-nav > li.current-menu-item > a,
.whb-header .whb-row.whb-general-header .wd-tools-element > a:hover {
  color: #0757B8 !important;
}
.whb-header .whb-row.whb-header-bottom {
  background: #F4F9FF !important;
  border-color: #D9E8F6 !important;
}
.whb-header .whb-row.whb-header-bottom .wd-nav > li > a {
  color: #183A5B !important;
}
.whb-header .whb-row.whb-header-bottom .wd-nav > li:hover > a,
.whb-header .whb-row.whb-header-bottom .wd-nav > li.current-menu-item > a {
  color: #0757B8 !important;
}

/* Consistent links; retain the existing typography, sizing and spacing. */
body a:not(.elementor-button):not(.button):not(.btn):not(.wd-button) {
  color: #0757B8;
}
body a:not(.elementor-button):not(.button):not(.btn):not(.wd-button):hover {
  color: #0077A8;
}

/* CTA buttons, form submissions and WooCommerce actions. */
body .elementor a.elementor-button,
body .elementor .elementor-button,
body a.btn,
body .btn,
body .wd-button,
body .wd-btn,
body a.button,
body button.button,
body input[type="submit"],
body .woocommerce .button,
body .woocommerce a.checkout-button,
body .woocommerce button.single_add_to_cart_button {
  background: linear-gradient(110deg, #0757B8 0%, #00AEEF 100%) !important;
  border-color: #0757B8 !important;
  color: #FFFFFF !important;
}
body .elementor a.elementor-button:hover,
body .elementor .elementor-button:hover,
body a.btn:hover,
body .btn:hover,
body .wd-button:hover,
body .wd-btn:hover,
body a.button:hover,
body button.button:hover,
body input[type="submit"]:hover,
body .woocommerce .button:hover,
body .woocommerce a.checkout-button:hover,
body .woocommerce button.single_add_to_cart_button:hover {
  background: linear-gradient(110deg, #06499A 0%, #078CC4 100%) !important;
  border-color: #06499A !important;
  color: #FFFFFF !important;
}

/* White product cards with a subtle clinical-blue edge and shadow. */
body .product-grid-item,
body .wd-product {
  background-color: #FFFFFF !important;
  border: 1px solid #D9E8F6 !important;
  border-radius: 10px !important;
  box-shadow: 0 5px 16px rgba(7, 87, 184, 0.08) !important;
  overflow: hidden;
}
body .product-grid-item .product-wrapper,
body .wd-product .product-wrapper,
body .wd-product .wd-product-card-bg,
body .wd-product .product-element-top,
body .wd-product .product-element-bottom,
body .wd-product .product-image-link {
  background-color: #FFFFFF !important;
}
body .product-grid-item:hover,
body .wd-product:hover {
  border-color: #B6D7F5 !important;
  box-shadow: 0 9px 22px rgba(7, 87, 184, 0.13) !important;
}

/* Deep-navy to blue footer gradient, with readable high-contrast text. */
footer.wd-footer.footer-container {
  background: linear-gradient(135deg, #082B5C 0%, #0757B8 100%) !important;
  color: #FFFFFF !important;
}
footer.wd-footer.footer-container,
footer.wd-footer.footer-container p,
footer.wd-footer.footer-container li,
footer.wd-footer.footer-container .widget-title,
footer.wd-footer.footer-container .wd-list-content,
footer.wd-footer.footer-container .wd-text-block {
  color: #FFFFFF !important;
}
footer.wd-footer.footer-container a {
  color: #E5F4FF !important;
}
footer.wd-footer.footer-container a:hover {
  color: #55D6FF !important;
}
footer.wd-footer.footer-container .wd-widget,
footer.wd-footer.footer-container .widget {
  border-color: rgba(255, 255, 255, 0.16) !important;
}

/* Focus and text selection follow the medical-blue accent. */
::selection {
  background: #0757B8;
  color: #FFFFFF;
}
:focus-visible {
  outline-color: #00AEEF;
}

/* Option A: Ice Blue background on homepage product grids, category archives,
 * shop archives and individual product pages. Logo/content/layout remain intact.
 */
body.home .elementor-widget-wd_products,
body.home .elementor-widget-wd_products_tabs,
body.home .elementor-widget-woocommerce-products,
body.home .elementor-widget-woocommerce-product-categories,
body.home .elementor-widget-wd_product_categories,
body.home .wd-products-element,
body.home .wd-products-tabs,
body.home .e-con:has(> .e-con-inner > .elementor-widget-wd_products),
body.home .e-con:has(> .e-con-inner > .elementor-widget-wd_products_tabs),
body.home .e-con:has(> .e-con-inner > .elementor-widget-woocommerce-products),
body.home .e-con:has(> .e-con-inner > .elementor-widget-wd_product_categories),
body.home .e-con:has(> .e-con-inner > .elementor-widget-woocommerce-product-categories) {
  background: linear-gradient(135deg, #F4F9FF 0%, #E5F3FF 100%) !important;
  border-radius: 16px;
}

/* Make the full WooCommerce catalogue/archive canvas Ice Blue. */
body.post-type-archive-product .main-page-wrapper,
body.post-type-archive-product .site-content,
body.tax-product_cat .main-page-wrapper,
body.tax-product_cat .site-content,
body.tax-product_tag .main-page-wrapper,
body.tax-product_tag .site-content,
body.woocommerce.archive .main-page-wrapper,
body.woocommerce.archive .site-content {
  background: linear-gradient(135deg, #F4F9FF 0%, #E5F3FF 100%) !important;
}

/* Transparent archive wrappers let the gradient remain visible behind the grid
 * and sidebar; individual product tiles stay white for clear instrument contrast.
 */
body.post-type-archive-product .container,
body.tax-product_cat .container,
body.tax-product_tag .container,
body.woocommerce.archive .container,
body.post-type-archive-product .site-content > .container,
body.tax-product_cat .site-content > .container,
body.tax-product_tag .site-content > .container {
  background-color: transparent;
}
body.post-type-archive-product .product-grid-item .product-wrapper,
body.tax-product_cat .product-grid-item .product-wrapper,
body.tax-product_tag .product-grid-item .product-wrapper,
body.woocommerce.archive .product-grid-item .product-wrapper,
body.post-type-archive-product .wd-product .product-wrapper,
body.tax-product_cat .wd-product .product-wrapper,
body.tax-product_tag .wd-product .product-wrapper {
  background-color: #FFFFFF !important;
  border: 1px solid #E2EDF8;
  border-radius: 8px;
  box-shadow: 0 5px 16px rgba(7, 87, 184, 0.07);
}

/* Individual product detail pages also receive the Ice Blue canvas. */
body.single-product .main-page-wrapper,
body.single-product .site-content {
  background: linear-gradient(135deg, #F4F9FF 0%, #E5F3FF 100%) !important;
}
body.single-product .woocommerce-product-gallery,
body.single-product .summary,
body.single-product .woocommerce-tabs,
body.single-product .related,
body.single-product .up-sells {
  background-color: transparent;
}
body.single-product .product-image-wrap,
body.single-product .woocommerce-product-gallery__wrapper,
body.single-product .woocommerce-product-gallery__image {
  background-color: #FFFFFF;
  border-radius: 8px;
}

/* Final archive card treatment: actual Woodmart card wrappers. */
body.woocommerce.archive .wd-product,
body.tax-product_cat .wd-product,
body.tax-product_tag .wd-product,
body.post-type-archive-product .wd-product {
  background: #FFFFFF !important;
  border: 1px solid #D5E6F7 !important;
  border-radius: 12px !important;
  box-shadow: 0 8px 22px rgba(7, 87, 184, 0.12) !important;
  overflow: hidden;
}
body.woocommerce.archive .wd-product .wd-product-wrapper,
body.tax-product_cat .wd-product .wd-product-wrapper,
body.tax-product_tag .wd-product .wd-product-wrapper,
body.post-type-archive-product .wd-product .wd-product-wrapper,
body.woocommerce.archive .wd-product .product-wrapper,
body.tax-product_cat .wd-product .product-wrapper,
body.tax-product_tag .wd-product .product-wrapper,
body.post-type-archive-product .wd-product .product-wrapper {
  background: #FFFFFF !important;
  border-radius: 11px !important;
}
body.woocommerce.archive .wd-product .wd-product-card-bg,
body.tax-product_cat .wd-product .wd-product-card-bg,
body.tax-product_tag .wd-product .wd-product-card-bg,
body.post-type-archive-product .wd-product .wd-product-card-bg {
  background: #FFFFFF !important;
}
body.woocommerce.archive .wd-product .wd-product-thumb,
body.woocommerce.archive .wd-product .product-element-top,
body.woocommerce.archive .wd-product .product-element-bottom,
body.woocommerce.archive .wd-product .product-information,
body.tax-product_cat .wd-product .wd-product-thumb,
body.tax-product_cat .wd-product .product-element-top,
body.tax-product_cat .wd-product .product-element-bottom,
body.tax-product_cat .wd-product .product-information,
body.tax-product_tag .wd-product .wd-product-thumb,
body.tax-product_tag .wd-product .product-element-top,
body.tax-product_tag .wd-product .product-element-bottom,
body.tax-product_tag .wd-product .product-information {
  background-color: #FFFFFF !important;
}
body.woocommerce.archive .wd-product:hover,
body.tax-product_cat .wd-product:hover,
body.tax-product_tag .wd-product:hover,
body.post-type-archive-product .wd-product:hover {
  border-color: #9ACAF5 !important;
  box-shadow: 0 12px 28px rgba(7, 87, 184, 0.18) !important;
}

/* Keep the requested Option A Ice Blue gradient consistent on catalogue and product pages. */
body.tax-product_cat .wd-page-content.main-page-wrapper,
body.tax-product_tag .wd-page-content.main-page-wrapper,
body.post-type-archive-product .wd-page-content.main-page-wrapper,
body.woocommerce.archive .wd-page-content.main-page-wrapper,
body.single-product .wd-page-content.main-page-wrapper {
  background: linear-gradient(135deg, #F4F9FF 0%, #E5F3FF 100%) !important;
}
body.single-product .product-images,
body.single-product .summary,
body.single-product .woocommerce-tabs,
body.single-product .related,
body.single-product .up-sells {
  background-color: transparent !important;
}
body.single-product .woocommerce-product-gallery,
body.single-product .woocommerce-product-gallery__wrapper,
body.single-product .woocommerce-product-gallery__image,
body.single-product .woocommerce-product-gallery__image--placeholder {
  background-color: #FFFFFF !important;
  border-radius: 10px;
}

/* Accessibility refinements: stronger button contrast, visible focus, and mobile touch targets. */
.whb-header .whb-row.whb-top-bar {
  background: linear-gradient(110deg, #0757B8 0%, #0077A8 100%) !important;
}
body .elementor a.elementor-button,
body .elementor .elementor-button,
body a.btn,
body .btn,
body .wd-button,
body .wd-btn,
body a.button,
body button.button,
body input[type="submit"],
body .woocommerce .button,
body .woocommerce a.checkout-button,
body .woocommerce button.single_add_to_cart_button {
  background: linear-gradient(110deg, #0757B8 0%, #0077A8 100%) !important;
}
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
.elementor-button:focus-visible {
  outline: 3px solid #0757B8 !important;
  outline-offset: 2px;
}
@media (max-width: 767px) {
  .whb-header .wd-tools-element > a,
  .whb-header .wd-nav-opener,
  .wd-action-btn > a,
  .wd-action-btn > button {
    min-width: 44px;
    min-height: 44px;
  }
}