@import url("https://use.typekit.net/hsy5ozs.css");
/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/

@import url('css/variables.css');
@import url('css/typography.css');
@import url('css/buttons.css');
@import url('css/header.css?v=6.0');
@import url('css/components.css');
@import url('css/woocommerce.css?v=2.1');
@import url('css/forms.css');
@import url('css/product-fields.css');
@import url('css/single-product.css');
@import url('css/shop-archive.css');
@import url('css/cart.css');
@import url('css/hero.css');
@import url('css/footer.css?v=4.0');
@import url('css/product-category-template.css');
@import url('css/enquiry.css');
@import url('css/layout-fixes.css');
@import url('css/wpbakery.css');

/*
=============================================
  LEGACY BUTTON OVERRIDES - MOVED TO COMPONENTS.CSS
  These styles are now handled in components.css for better organization
=============================================
*/

/*
=============================================
  PROMO BAR STYLES - MOVED TO COMPONENTS.CSS
  Promo bar styles are now handled in components.css
=============================================
*/

/*
=============================================
  CUSTOM PRODUCT DETAILS STYLING
=============================================
*/

/*
=============================================
  WOOCATEGORY PRO SLIDER FIX
  Fix for black background issue on category slider
=============================================
*/
/* Fix for WooCategory Pro slider black background issue */
.sp-wcsp-slider-section {
    background-color: transparent !important;
    background: transparent !important;
}

/* Ensure slider items also have transparent backgrounds */
.sp-wcsp-slider-section .sp-wcsp-cat-item {
    background-color: transparent !important;
}

/* Override any inline styles that might be setting black backgrounds */
div[id*="sp-wcsp-slider-section"] {
    background-color: transparent !important;
    background: transparent !important;
}