/*
Theme Name: VBeauty
Theme URI: https://vbeautywigan.co.uk
Description: Theme for  VBeauty 
Author: Ogunlusi Group Limited
Template: creamz
Version: 1.0.0
Text Domain: vbeauty
*/

/*
Note: Creamz loads the main CSS files itself.
This file exists mainly so WordPress recognises the child theme.
Your overrides are loaded from assets/css/vbeauty-overrides.css
*/


    .wdt-content-item .wdt-content-title h5, .wdt-content-item .wdt-content-title h5 a {
        color: #ffffff !important;
    }

    .mobile-nav-container .menu-trigger {
        color: #ffffff !important;
    }

    .wdt-header-icons-list>div.search-item a.wdt-search-icon, .wdt-header-icons-list>div.search-item a.wdt-search-icon>*, .wdt-header-icons-list-item div[class*="menu-icon"] i {
        color: #ffffff !important;
    }

h1, h2, h3, h4, h5, h6 {
    font-style: normal !important;
}

.widget-image-caption {
    color: #ffffff !important;
}


#header-wrapper {
    margin : 0 !important;
}

.vb-card {
    border: 1px solid rgba(144,144,144,0.25);
    transition: border-color .25s ease, background-color .25s ease, transform .25s ease;
}
.vb-card:hover {
    border-color: rgba(255,255,255,0.9);
    background-color: rgba(63,64,64,0.18);
    transform: translateY(-2px);
}


/* Image overlay that disappears on hover */
.vb-image-hover {
    position: relative;
    overflow: hidden;
}
.vb-image-hover::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(144,144,144,0.35); /* grey overlay */
    transition: opacity .25s ease;
    pointer-events: none;
}
.vb-image-hover:hover::after {
    opacity: 0;
}

/* Ensure the image fills nicely */
.vb-image-hover img {
    display: block;
    width: 100%;
    height: auto;
}


.elementor-container,
.container{
    padding: 0 !important;
    max-width: 100% !important;
}

footer h6 {
    color: #0A0909 !important;
}


.site-footer {
    background-color: #1A1817;  /* BG Dark */
    color: #F4EEE7;
}

.site-footer a {
    color: #F4EEE7;
}

.site-footer a:hover {
    color: #8F7463; /* Accent */
}

.site-footer .site-info {
    border-top: 1px solid rgba(244,238,231,0.1);
    color: #B79A86;
}


#header {
    position: absolute !important;
}

.wdt-shop-recently-viewed-products-holder [class*='-viewed-products-wrapper'] [class*='-viewed-products-title'] {
    background-color: #ffffff !important;
    color: #000000 !important;
}
.wdt-shop-recently-viewed-products-holder [class*='-toggle-icon'],
.wdt-shop-recently-viewed-products-holder [class*='-viewed-products-wrapper'] [class*='-viewed-products-container'] [class*='-viewed-product-info'] a.button:before,
.wdt-shop-recently-viewed-products-holder [class*='-viewed-products-wrapper'] [class*='-viewed-products-container'] [class*='-viewed-product-info'] a.button:after{
    background-color: #000000 !important;
    color: #ffffff !important;

}
.wdt-shop-recently-viewed-products-holder [class*='-toggle-icon']:hover{
    background-color: #ffffff !important;
    color: #000000 !important;
}

/* === Custom Back-to-Top colours for VBeauty ===================== */

/* Default state: white background, black arrow */
#back-to-top {
    background-color: #ffffff !important;
}

/* Arrow icon default = black */
#back-to-top .back-to-top-icon {
    color: #000000 !important;
}

/* Hover state: black background, white arrow */
#back-to-top:hover {
    background-color: #000000 !important;
}

#back-to-top:hover .back-to-top-icon {
    color: #ffffff !important;
}




.wpcf7-list-item-label {
    color: #ffffff;
}

.wpcf7-form-control{
    color: #000000;
}

input[type="submit"], input[type="reset"], input[type="button"], button[type="button"], *[role="button"], button, .button, a.button, .has-primary-background-color {
    background-color: #000000;
}

@media only screen and (max-width: 767px) {
    .wdt-header-menu,
    .wdt-header-menu li {
        text-align: right;
    }
}

#header-wrapper #header:only-child .wdt-no-header-builder-content, .wdt-header-menu ul li ul,
.mobile-menu, .mobile-menu>ul, .mobile-menu ul, .mobile-menu ul li ul {
    background: #6B625B !important;
}