/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/

/* Force Header Menu Links to Title Case (Capitalize) */
.wd-nav-header > li > a {
    text-transform: capitalize !important;
}

/* Force Header Buttons to Title Case (Capitalize) */
.whb-header .wd-btn,
.whb-header .btn {
    text-transform: capitalize !important;
}

/* Force Header Menu Links and Buttons to Title Case */
.wd-nav-header > li > a,
.whb-header :is(.btn, .button, button, [type="submit"], [type="button"]) {
    text-transform: capitalize !important;
}

/* 1. Force the Sticky Header Inner Rows to White */
.whb-sticked,
.whb-clone,
.whb-sticked .whb-row,
.whb-clone .whb-row {
    background-color: #ffffff !important;
}

/* 2. Force Default Menu Text to Black when Sticky */
.whb-sticked .wd-nav > li > a,
.whb-clone .wd-nav > li > a {
    color: #111111 !important;
}

/* 3. Override Woodmart's specific Active & Hover states when Sticky */
.whb-sticked .wd-nav:where(:not(.wd-dis-act)) > li:where(.current-menu-item, .wd-active, .active) > a,
.whb-clone .wd-nav:where(:not(.wd-dis-act)) > li:where(.current-menu-item, .wd-active, .active) > a,
.whb-sticked .wd-nav > li > a:hover,
.whb-clone .wd-nav > li > a:hover {
    color: #0056b3 !important; /* Your brand blue */
}

/* ====================================================
   OVERRIDE WOODMART DEFAULT UPPERCASE BUTTONS
   ==================================================== */
body .website-wrapper button, 
body .website-wrapper .btn, 
body .website-wrapper .wbah-btn,
body .website-wrapper input[type="submit"],
body .website-wrapper input[type="button"] {
    text-transform: none !important;
}

/* ====================================================
   FIX MOBILE STICKY HEADER HAMBURGER & TOOLS
   ==================================================== */
@media (max-width: 1024px) {
    /* 1. Force the icon color to be dark on sticky/cloned headers */
    .whb-sticked .wd-tools-element > a,
    .whb-clone .wd-tools-element > a,
    .whb-sticked .wd-header-mobile-nav > a,
    .whb-clone .wd-header-mobile-nav > a {
        color: #111111 !important; 
    }

    /* 2. Fix the specific border color you found so it becomes dark instead of white */
    .whb-sticked .wd-tools-element[class*="wd-design-6"] > a > :is(.wd-tools-inner, .wd-tools-icon),
    .whb-clone .wd-tools-element[class*="wd-design-6"] > a > :is(.wd-tools-inner, .wd-tools-icon) {
        border-color: rgba(17, 17, 17, 0.25) !important; 
    }

    /* 3. Ensures the hover state turns brand blue */
    .whb-sticked .wd-tools-element:hover > a,
    .whb-clone .wd-tools-element:hover > a {
        color: #0056b3 !important; 
    }
    
    /* 4. Ensures the border turns brand blue on hover */
    .whb-sticked .wd-tools-element[class*="wd-design-6"]:hover > a > :is(.wd-tools-inner, .wd-tools-icon),
    .whb-clone .wd-tools-element[class*="wd-design-6"]:hover > a > :is(.wd-tools-inner, .wd-tools-icon) {
        border-color: #0056b3 !important; 
    }
}

/* ====================================================
   COMPLETELY HIDE BLOG COMMENTS SECTION
   ==================================================== */
#comments, 
.comments-area, 
.woodmart-comments-area,
.single-post-comments {
    display: none !important;
}