/* DBA Africa Shop Hero Slider Styles - Version 1.3.0 */
.dba-wc-hero-slider-wrapper {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    clear: both !important;
}

.dba-wc-hero-slider-wrapper .dba-wc-hero {
    position: relative !important;
    height: 50vh !important;
    min-height: 300px !important;
    max-height: 500px !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
}

.dba-wc-hero-slider-wrapper .dba-wc-slider {
    height: 100% !important;
    width: 100% !important;
    position: relative !important;
}

.dba-wc-hero-slider-wrapper .dba-wc-slider .slick-track {
    height: 100% !important;
    width: 100% !important;
}

.dba-wc-hero-slider-wrapper .dba-wc-slider .slick-slide {
    height: 100% !important;
    width: 100% !important;
}

.dba-wc-hero-slider-wrapper .dba-wc-slider .slick-slide > div {
    height: 100% !important;
    width: 100% !important;
}

.dba-wc-hero-slider-wrapper .dba-wc-slider .slide {
    height: 100% !important;
    width: 100% !important;
    position: relative !important;
    display: block !important;
    float: none !important;
}

.dba-wc-hero-slider-wrapper .dba-wc-slider .slide-image {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    display: block !important;
}

/* Slick fade mode fixes */
.dba-wc-hero-slider-wrapper .dba-wc-slider.slick-slider .slick-slide {
    opacity: 0 !important;
    transition: opacity 1s ease-in-out !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
}

.dba-wc-hero-slider-wrapper .dba-wc-slider.slick-slider .slick-slide.slick-active {
    opacity: 1 !important;
    position: relative !important;
}

.dba-wc-hero-slider-wrapper .dba-wc-slider.slick-slider .slick-slide.slick-current {
    opacity: 1 !important;
}

.dba-wc-hero-slider-wrapper .dba-hero-overlay {
    position: absolute !important;
    top: 0 !important; 
    left: 0 !important; 
    right: 0 !important; 
    bottom: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: rgba(0,0,0,0.45) !important;
    text-align: center !important;
    z-index: 2 !important;
}

.dba-wc-hero-slider-wrapper .dba-hero-title {
    color: #fff !important;
    font-size: clamp(1.8rem, 5vw, 3rem) !important;
    font-weight: 700 !important;
    margin: 0 !important;
    padding: 20px !important;
    text-shadow: 0 2px 6px rgba(0,0,0,0.5) !important;
    line-height: 1.2 !important;
}

/* Slick slider specific overrides */
.dba-wc-hero-slider-wrapper .slick-dots {
    bottom: 20px !important;
    z-index: 3 !important;
}

.dba-wc-hero-slider-wrapper .slick-dots li button:before {
    color: rgba(255,255,255,0.7) !important;
    font-size: 12px !important;
}

.dba-wc-hero-slider-wrapper .slick-dots li.slick-active button:before {
    color: #fff !important;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .dba-wc-hero-slider-wrapper .dba-wc-hero {
        height: 40vh !important;
        min-height: 250px !important;
    }
    
    .dba-wc-hero-slider-wrapper .dba-hero-title {
        font-size: clamp(1.5rem, 4vw, 2.5rem) !important;
        padding: 15px !important;
    }
}

/* Admin styles for image management */
.dba-slider-thumb {
    position: relative !important;
    display: inline-block !important;
    margin: 5px !important;
}

.dba-slider-thumb .remove-image,
.dba-slider-thumb .remove-cat-image {
    position: absolute !important;
    top: -5px !important;
    right: -5px !important;
    background: #dc3232 !important;
    color: white !important;
    border: none !important;
    border-radius: 50% !important;
    width: 20px !important;
    height: 20px !important;
    font-size: 14px !important;
    line-height: 1 !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-decoration: none !important;
}

.dba-slider-thumb .remove-image:hover,
.dba-slider-thumb .remove-cat-image:hover {
    background: #a00 !important;
    color: white !important;
}

/* Override theme container styles for full width */
body .dba-wc-hero-slider-wrapper {
    margin-left: calc(-50vw + 50%) !important;
    margin-right: calc(-50vw + 50%) !important;
    width: 100vw !important;
    max-width: 100vw !important;
}

/* Additional slider fixes */
.dba-wc-hero-slider-wrapper .slick-list {
    height: 100% !important;
    width: 100% !important;
}

.dba-wc-hero-slider-wrapper .slick-slider {
    height: 100% !important;
    width: 100% !important;
}

/* Prevent flash of original title - hide immediately */
h1.page-title, 
.page-title, 
.woocommerce-products-header__title {
    display: none !important;
}

/* Ensure seamless slider integration */
.dba-wc-hero-slider-wrapper {
    position: relative !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

.dba-wc-hero {
    position: relative !important;
    width: 100% !important;
    height: 60vh !important;
    min-height: 400px !important;
    max-height: 600px !important;
}

.dba-wc-slider {
    position: relative !important;
    width: 100% !important;
    height: 100% !important;
}

.dba-wc-slider .slide {
    position: relative !important;
    width: 100% !important;
    height: 100% !important;
}

.dba-wc-slider .slide-image {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
}

.dba-hero-overlay {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    z-index: 10 !important;
    width: 100% !important;
    padding: 0 20px !important;
}

.dba-hero-title {
    color: white !important;
    font-size: clamp(2rem, 5vw, 4rem) !important;
    font-weight: bold !important;
    text-shadow: 2px 2px 4px rgba(0,0,0,0.7) !important;
    margin: 0 !important;
    font-family: inherit !important;
    line-height: 1.2 !important;
    font-style: inherit !important;
    letter-spacing: inherit !important;
    text-transform: inherit !important;
}

/* Slick slider overrides for seamless integration */
.dba-wc-slider .slick-list,
.dba-wc-slider .slick-track,
.dba-wc-slider .slick-slide {
    height: 100% !important;
}

.dba-wc-slider .slick-slide > div {
    height: 100% !important;
}

/* Ensure no layout shifts */
.dba-wc-hero-slider-wrapper * {
    box-sizing: border-box !important;
}

/* Hide theme-specific titles and breadcrumbs */
.woocommerce .breadcrumb,
.woocommerce-page .breadcrumb,
.woocommerce .entry-header,
.woocommerce-page .entry-header,
.woocommerce .entry-title,
.woocommerce-page .entry-title,
.woocommerce .page-header,
.woocommerce-page .page-header {
    display: none !important;
}

/* Ensure hero slider title is prominent and overrides theme titles */
.dba-wc-hero-slider-wrapper .dba-hero-title {
    font-family: inherit !important;
    font-size: clamp(2rem, 6vw, 4rem) !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    margin: 0 !important;
    padding: 30px !important;
    text-shadow: 2px 2px 8px rgba(0,0,0,0.8) !important;
    z-index: 10 !important;
}

/* Additional theme overrides */
.woocommerce .woocommerce-products-header__title,
.woocommerce-page .woocommerce-products-header__title,
.woocommerce .page-title,
.woocommerce-page .page-title,
.woocommerce .entry-title,
.woocommerce-page .entry-title {
    display: none !important;
}

/* Hide breadcrumbs completely */
.woocommerce .woocommerce-breadcrumb,
.woocommerce-page .woocommerce-breadcrumb,
.woocommerce .breadcrumb,
.woocommerce-page .breadcrumb {
    display: none !important;
}

/* Enhanced font inheritance for theme consistency */
.dba-wc-hero-slider-wrapper {
    /* Ensure the wrapper inherits theme fonts */
    font-family: inherit;
}

.dba-wc-hero-slider-wrapper .dba-hero-title {
    /* Primary font inheritance - try to match theme's heading font */
    font-family: var(--wp--preset--font-family--heading, var(--wp--preset--font-family--primary, var(--wp--preset--font-family--body, inherit))) !important;
    
    /* Fallback to common theme font patterns */
    font-family: var(--font-family-heading, var(--font-family-primary, var(--font-family-body, inherit))) !important;
    
    /* Additional fallback for themes that use different variable names */
    font-family: var(--heading-font-family, var(--primary-font-family, var(--body-font-family, inherit))) !important;
    
    /* Try common custom property patterns */
    font-family: var(--theme-font-family, var(--main-font-family, var(--primary-font, inherit))) !important;
    
    /* Final fallback - inherit from parent elements */
    font-family: inherit !important;
}

/* Specific theme font inheritance */
.theme-storefront .dba-wc-hero-slider-wrapper .dba-hero-title {
    font-family: "Source Sans Pro", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif !important;
}

.theme-twentytwentyfour .dba-wc-hero-slider-wrapper .dba-hero-title,
.theme-twentytwentyfive .dba-wc-hero-slider-wrapper .dba-hero-title {
    font-family: var(--wp--preset--font-family--heading, var(--wp--preset--font-family--primary, inherit)) !important;
}

/* Handle WordPress block themes font inheritance */
.wp-site-blocks .dba-wc-hero-slider-wrapper .dba-hero-title {
    font-family: var(--wp--preset--font-family--heading, var(--wp--preset--font-family--primary, inherit)) !important;
}

/* Ensure font inheritance works with different theme structures */
body .dba-wc-hero-slider-wrapper .dba-hero-title,
.site .dba-wc-hero-slider-wrapper .dba-hero-title,
.wp-site-blocks .dba-wc-hero-slider-wrapper .dba-hero-title {
    font-family: inherit !important;
}

/* Additional theme-specific font matching */
.theme-astra .dba-wc-hero-slider-wrapper .dba-hero-title {
    font-family: var(--ast-global-color-0, inherit) !important;
}

.theme-generatepress .dba-wc-hero-slider-wrapper .dba-hero-title {
    font-family: var(--gp-font-family, inherit) !important;
}

.theme-oceanwp .dba-wc-hero-slider-wrapper .dba-hero-title {
    font-family: var(--oceanwp-font-family, inherit) !important;
}

.theme-kadence .dba-wc-hero-slider-wrapper .dba-hero-title {
    font-family: var(--kadence-font-family, inherit) !important;
}

/* Bebas Neue font family - highest priority */
.dba-wc-hero-slider-wrapper .dba-hero-title {
    font-family: "Bebas Neue", bebas-neue-by-fontfabric, "BebasNeue", "BebasNeue-Regular", Arial, sans-serif !important;
}

/* Override for themes using f-family-secondary class */
.f-family-secondary .dba-wc-hero-slider-wrapper .dba-hero-title,
body.f-family-secondary .dba-wc-hero-slider-wrapper .dba-hero-title {
    font-family: "Bebas Neue", bebas-neue-by-fontfabric, "BebasNeue", "BebasNeue-Regular", Arial, sans-serif !important;
}

/* Additional high-priority Bebas Neue targeting */
body .dba-wc-hero-slider-wrapper .dba-hero-title,
.site .dba-wc-hero-slider-wrapper .dba-hero-title,
.wp-site-blocks .dba-wc-hero-slider-wrapper .dba-hero-title {
    font-family: "Bebas Neue", bebas-neue-by-fontfabric, "BebasNeue", "BebasNeue-Regular", Arial, sans-serif !important;
}