/*
Theme Name:   Verdiakis
Theme URI:    https://verdiakis.gr
Description:  Woodmart child theme
Author:       Enhance Digital Agency
Template:     woodmart
Version:      1.0.0
Text Domain:  woodmart-child
*/

:root{
    --h1:2.8rem;
    --h2:2rem;
    --h3:1.4rem;
    --h4:1.2rem;
    --h5:;
    --h6:;
    --bodyl:1.2rem;
    --bodym:;
    --bodys:0.8rem;
    --green-500:#47523A;
	--yellow-500:#E4C00F;
	--green-600:#3A4330;
	--yellow-600:#C9A90A;
	--cream-100:#F4F0ED;
	--ivory-50:#FFFEF9;
	--grey-200:#E2DDD8;
	--grey-700:#535353;
	--grey-900:#343434;
	--black:#000000;
	--white:#FFFFFF;
	--btn-padding:10px 20px;
}


body h1{font-size:var(--h1); font-weight:400;}
body h2{font-size:var(--h2); font-weight:400;}
body h3{font-size:var(--h3); font-weight:400;}
body h4{font-size:var(--h4); font-weight:400;}

@media(max-width:1024px){
    :root{
        --h1:2.1rem;
        --h2:1.6rem;
        --h3:1.19rem;
        --h4:1.08rem;
        --bodyl:1.14rem;
    }
}

@media(max-width:767px){
    :root{
        --h1:1.4rem;
        --h2:1.4rem;
        --h3:1.12rem;
        --h4:0.96rem;
        --bodyl:1.14rem;
    }
}

/* Full width only for page content, header untouched */
.main-page-wrapper > .container {
    max-width: 100%;
    padding: 0;
}

.e-con-boxed.wd-negative-gap .e-con-inner {
    max-width: 1400px;
}

.main-page-wrapper .container .woocommerce {
    max-width: 1400px;
    margin: 0 auto;
    padding: 100px 40px;
}

/* Desktop Main Menu & Submenus */
.whb-header .wd-nav-main li a,
.whb-header .wd-nav-main .wd-dropdown li a {
    text-transform: none;
}


/* Mobile Side Menu */
.wd-mobile-menu li a {
    text-transform: none !important;
}


/* Sticky Header Menu */
.whb-stickynav li a {
    text-transform: none !important;
}

/* Footer Links (All screens) */
.footer-container a, 
.wd-footer a {
    text-transform: none !important;
}

/* 1. Normal State of your specific link */
.whb-header .wd-nav-main > li.custom-menu-button > a {
    background-color: #47523a !important; /* Change to your special background color */
    color: #f4f0ed !important;            /* Change to your special text color */
    padding: 8px 16px !important;         /* Makes the background look like a button */
    border-radius: 15px !important;        /* Optional: rounds the corners */
}

/* 2. Hover State of your specific link */
.whb-header .wd-nav-main > li.custom-menu-button:hover > a {
    background-color: #2f3826 !important; /* Change to your special hover background color */
    color: #f4f0ed !important;            /* Change to your special hover text color */
}