:root {
  --pw-africanet-primary: #1430fc;
  --pw-africanet-primary-dark: #1028d4;
}

a:hover,
a:focus,
.woocommerce a:hover,
.woocommerce a:focus {
  color: var(--pw-africanet-primary) !important;
}

.btn-primary,
.button,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.single_add_to_cart_button,
.add_to_cart_button,
.checkout-button,
#payment .place-order button[type="submit"] {
  background-color: var(--pw-africanet-primary) !important;
  border-color: var(--pw-africanet-primary) !important;
  color: #fff !important;
}

.btn-primary:hover,
.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.single_add_to_cart_button:hover,
.add_to_cart_button:hover,
.checkout-button:hover,
#payment .place-order button[type="submit"]:hover {
  background-color: var(--pw-africanet-primary-dark) !important;
  border-color: var(--pw-africanet-primary-dark) !important;
  color: #fff !important;
}

.onsale,
.woocommerce span.onsale,
.woocommerce ul.products li.product .onsale,
.woocommerce div.product span.onsale {
  background-color: var(--pw-africanet-primary) !important;
  border-color: var(--pw-africanet-primary) !important;
  color: #fff !important;
}

.widget_price_filter .ui-slider-range,
.widget_price_filter .ui-slider-handle,
.top-bar a:hover,
.navbar-primary a:hover,
.primary-navigation a:hover,
.secondary-navigation a:hover {
  border-color: var(--pw-africanet-primary) !important;
  color: var(--pw-africanet-primary) !important;
}

.site-branding .custom-logo,
.footer-logo .custom-logo,
.sticky-wrapper .site-branding .custom-logo,
.stuck .site-branding .custom-logo {
  max-height: 56px !important;
  width: auto !important;
}

@media (max-width: 767px) {
  .site-branding .custom-logo,
  .sticky-wrapper .site-branding .custom-logo,
  .stuck .site-branding .custom-logo {
    max-height: 44px !important;
  }
}

.site-header.header-v10 .navbar-primary .nav > li > a:hover,
.site-header.header-v10 .navbar-primary .nav > li > a:focus,
.site-header.header-v10 .navbar-primary .nav > li:hover > a {
  color: #fff !important;
}

/* Add vertical spacing before the second featured products tabs block on home v12. */
.page-template-template-homepage-v12 .section-products-carousel + .section-products-carousel-tabs {
  margin-top: 64px !important;
}

/* Dedicated spacing for "Nos Meilleurs Produits" block (Products Carousel Tabs 2). */
.page-template-template-homepage-v12 .section-products-carousel-tabs.pw-space-before-best-products {
  margin-top: 64px !important;
}

/* Fix hover-area overlap on homepage v12 product carousels. */
.page-template-template-homepage-v12 .section-products-carousel .products .product .hover-area {
  pointer-events: none;
}

.page-template-template-homepage-v12 .section-products-carousel .products .product:hover .hover-area,
.page-template-template-homepage-v12 .section-products-carousel .products .product:focus-within .hover-area {
  pointer-events: auto;
}

.page-template-template-homepage-v12 .section-products-carousel .products.slick-slider .slick-list {
  padding-bottom: 53px !important;
}

/* Keep footer copyright text and links on a single line. */
.site-info .copyright {
  display: inline-flex !important;
  align-items: center;
  flex-wrap: nowrap !important;
  white-space: nowrap !important;
  gap: 4px;
}

.site-info .copyright a {
  display: inline-flex !important;
  align-items: center;
  white-space: nowrap !important;
}

.site-info .copyright br {
  display: none !important;
}

.site-info .copyright a img {
  display: inline-block !important;
  vertical-align: middle;
  width: 25px;
  height: auto;
  margin-right: 4px;
}

.site-info .col-full {
  flex-wrap: nowrap !important;
}

/* Safety fallback: show only first social icon (Facebook) in before-footer strip. */
.footer-social-icons .social-icons .nav-item:not(:first-child) {
  display: none !important;
}

/* About page: keep section titles centered, body text left-aligned. */
.page-id-2654 .about-features .kc_column_text,
.page-id-2654 .about-features .kc_column_text p,
.page-id-2654 .about-features .kc_column_text li,
.page-id-2654 .about-features .kc_column_text div {
  text-align: left !important;
}

.page-id-2654 .about-features h2,
.page-id-2654 .about-features .kc_column_text h2,
.page-id-2654 .about-features .kc_column_text .align-top {
  text-align: center !important;
}

/* Hide BlockUI "Please wait..." message only on homepage product carousels. */
.page-template-template-homepage-v12 .section-products-carousel .products .product .blockUI.blockMsg {
  display: none !important;
}

/* Compare popup safety: if BlockUI overlay gets stuck, keep table readable. */
.yith-woocompare-popup-container #yith-woocompare .blockUI.blockOverlay {
  background: transparent !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* Compare popup: clear visible close icon in top-right corner. */
.yith-woocompare-popup-container a.yith-woocompare-popup-close {
  top: 14px !important;
  right: 14px !important;
  z-index: 10010 !important;
  width: 42px !important;
  height: 42px !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #fff !important;
  border: 1px solid rgba(0, 0, 0, 0.12) !important;
  color: #111 !important;
  font-size: 0 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.16) !important;
  opacity: 1 !important;
}

.yith-woocompare-popup-container a.yith-woocompare-popup-close::before {
  content: "\00D7";
  display: block;
  font-size: 34px;
  font-weight: 700;
  line-height: 1;
}

.yith-woocompare-popup-container a.yith-woocompare-popup-close:hover,
.yith-woocompare-popup-container a.yith-woocompare-popup-close:focus {
  background: var(--pw-africanet-primary) !important;
  border-color: var(--pw-africanet-primary) !important;
  color: #fff !important;
}

/* Compare full page: fixed close icon (when compare opens as page, not popup). */
.woocommerce #yith-woocompare .pw-compare-close {
  position: fixed;
  top: 14px;
  right: 14px;
  z-index: 10020;
  width: 42px;
  height: 42px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.12);
  color: #111;
  font-size: 29px;
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
}