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

/* =========================================================
   1. CSS VARIABLES
========================================================= */

:root {
    --clr-dark:        #02021c;
    --clr-header:      #07071c;
    --clr-accent:      #08245c;
    --clr-white:       #fff;
    --clr-black:       #000;
    --clr-text:        #fff;
    --clr-text-light:  #f3f3f3;
    --clr-border:      rgba(255, 255, 255, 0.1);
    --clr-border-mid:  rgba(255, 255, 255, 0.2);
    --clr-border-tag:  rgba(255, 255, 255, 0.5);
    --clr-pink:        #ff1493;
    --clr-btn-bg:      #07071c;
    --clr-btn-alt:     #E9E9E9;

    --clr-facebook:    #3b5998;
    --clr-twitter:     #1da1f2;
    --clr-linkedin:    #0077b5;
    --clr-instagram:   #e4405f;
    --clr-flickr:      #ff0084;
    --clr-rss:         #f7931e;
    --clr-youtube:     #ff0000;

    --sp-site-pad:     40px;
    --sp-footer-pad:   70px 50px 0;
    --sp-grid-gap:     60px;
}


/* =========================================================
   2. GLOBAL TEXT COLOR
========================================================= */

.entry-content {
    color: var(--clr-text);
}
/* Apply only to dark sections if needed */
.single-product .woocommerce-tabs span,
.single-product .woocommerce-tabs strong {
    color: #fff;
}

.wp-block-wd-infobox {
    color: #222;
}

.wp-block-wd-infobox h2 {
    color: #222 !important;
}

legend, h1, h2, h3, h4, h5, h6, .title {
    color: var(--clr-text) !important;
}

/* Form/select elements that sit on a light background need
   dark text so options stay readable in the dropdown list */
:root select option {
    color: #000 !important;
}

fieldset {
    border: 2px solid azure !important;
}


/* =========================================================
   3. HEADER
========================================================= */

.whb-header,
.whb-general-header,
.whb-header-bottom {
    background: var(--clr-header) !important;
}

.whb-header .whb-row.whb-general-header,
.whb-header .whb-row.whb-header-bottom {
    position: relative;
    z-index: 3;
    background: transparent !important;
}

.whb-general-header .container,
.whb-header-bottom .container {
    max-width: 100% !important;
    height: 85px;
}

.whb-header .whb-main-header:after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, #0b366b 0%, #030b1f 100%);
    opacity: 0.5;
    z-index: 1;
}

.whb-column {
    justify-content: center;
    align-items: center;
}

.whb-9zck3lbms9a65ilrezo4 img {
    width: 100px;
}

.whb-clone.whb-sticked .whb-not-sticky-row {
    height: 65px !important;
}

.wd-header-search-form {
    padding-inline: 0 !important;
    max-width: 740px !important;
}

.searchform input,
.wd-search-cat,
.searchsubmit {
    background: var(--clr-accent) !important;
    border: none !important;
    color: var(--clr-text) !important;
}

.searchform input,
.searchsubmit {
    border-radius: 30px !important;
}

.searchform input {
    height: 42px !important;
    font-size: 14px !important;
}

.wd-tools-element {
    margin-left: 12px !important;
    color: var(--clr-text) !important;
}

.wd-tools-element .wd-tools-icon,
.wd-tools-text {
    color: var(--clr-text);
}

.whb-header-bottom {
    border-top: 1px solid var(--clr-border) !important;
    border-bottom: 1px solid var(--clr-border) !important;
    height: 60px;
}

.whb-header-bottom .menu {
    justify-content: center !important;
}

.whb-header-bottom .menu > li > a {
    color: var(--clr-text) !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    padding: 14px 16px !important;
}

.whb-header-bottom .whb-col-center {
    display: flex;
    align-items: center;
    justify-content: center;
}

.whb-header-bottom .wd-header-nav {
    flex: 0 0 auto;
}


/* =========================================================
   4. DROPDOWN MENU
========================================================= */

.wd-dropdown-menu,
.wd-sub-menu,
.wd-design-default {
    background: var(--clr-dark) !important;
    border-radius: 0 !important;
    border: none !important;
    box-shadow: none !important;
}

.wd-dropdown-menu,
.wd-sub-menu {
    padding: 0 !important;
    min-width: 220px !important;
}

.wd-dropdown-menu li a,
.wd-sub-menu li a {
    color: var(--clr-text) !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    padding: 18px 20px !important;
    background: var(--clr-dark) !important;
    transition: .2s;
}

/* Desktop dropdown hover keeps the light highlight + pink text */
.wd-dropdown-menu li:hover > a,
.wd-sub-menu li:hover > a {
    background: #F5FAFF !important;
    color: var(--clr-pink) !important;
}

.wd-sub-menu {
    margin: 0 !important;
    top: 0 !important;
}

.wd-dropdown-menu *,
.wd-sub-menu * {
    border-radius: 0 !important;
}

.wd-dropdown {
    padding: 0 !important;
    margin: 0 !important;
}

.menu-item-has-children > a:after {
    color: var(--clr-text) !important;
}


/* =========================================================
   5. PAGE CONTENT (global)
========================================================= */

.wd-page-content {
    background-color: var(--clr-header) !important;
    background-image: url(https://skarosoft.com/psgrand/wp-content/uploads/2026/05/bgline.png);
}

.wd-page-content > .container,
.wd-page-content > .content-area,
.wd-page-content > *:not(header):not(footer) {
    padding-left: var(--sp-site-pad) !important;
    padding-right: var(--sp-site-pad) !important;
}

footer .wd-entry-content {
    padding: unset !important;
    margin: unset !important;
    max-width: unset !important;
}

.wd-1083b687 h2,
.wd-fedb8996 h2,
.wd-7b62efb2 div,
.wd-7b62efb2 span,
.wd-entities-title a,
.single-product h2,
.single-product h3,
.single-product span,
.single-product label,
.single-product a,
.single-product a:hover,
.wd-single-title .product_title,
p.stock.wd-style-default:is(.available-on-backorder, .in-stock),
.wd-products-nav {
    color: var(--clr-text) !important;
}

.wd-products-nav {
    --wd-link-color: var(--clr-text) !important;
}

.wd-breadcrumbs {
    --wd-link-color: var(--clr-text) !important;
    --wd-link-color-hover: var(--clr-text) !important;
    --wd-bcrumb-color-active: var(--clr-text) !important;
}

.price .amount {
    color: var(--clr-text-light) !important;
}

@media (min-width: 769px) {
    .wd.wd .wd-15ca6b8c {
        flex: 0 1 calc(50% - var(--wd-col-gap) * 1 / 2) !important;
    }
    .wd.wd .wd-beead794 {
        flex: 0 1 calc(40% - var(--wd-col-gap) * 1 / 2) !important;
    }
}

.wp-block-columns > .wp-block-column:first-child {
    flex-grow: 1 !important;
}

/* Pagination numbers ("1 2 3 Next") */
a.page-numbers {
    color: #fff !important;
}


/* =========================================================
   6. BUTTONS
========================================================= */

.wd-add-btn-replace > a span,
.wd-product.wd-hover-quick .wd-add-btn > a,
.wd-product.wd-hover-quick .wd-add-btn > a:hover {
    color: var(--clr-text) !important;
    background-color: var(--clr-btn-bg) !important;
}

.btn-color-primary {
    background: var(--clr-btn-alt) !important;
}

button:not(.plus):not(.minus):not(.searchsubmit):not(.add-to-cart-loop):not(.ps-arrow):not([name="apply_coupon"]),
input[type="submit"]:not(.plus):not(.minus):not(.searchsubmit):not([name="apply_coupon"]),
input[type="button"]:not(.plus):not(.minus):not(.searchsubmit),
a.button:not(.plus):not(.minus):not(.add-to-cart-loop),
.btn:not(.plus):not(.minus):not([name="apply_coupon"]),
.wd-button:not(.plus):not(.minus),
.checkout-button:not(.plus):not(.minus),
.single_add_to_cart_button:not(.plus):not(.minus) {
    background: #e9e9e9 !important;
    color: #222 !important;
    border: none !important;
    border-radius: 14px !important;
    height: 42px;
    padding: 0 34px !important;
    font-size: 16px;
    font-weight: 700;
    box-shadow: none !important;
    transition: .3s ease;
}

button:not(.plus):not(.minus):not(.searchsubmit):not(.add-to-cart-loop):not(.ps-arrow):hover,
input[type="submit"]:not(.plus):not(.minus):not(.searchsubmit):hover,
input[type="button"]:not(.plus):not(.minus):not(.searchsubmit):hover,
a.button:not(.plus):not(.minus):not(.add-to-cart-loop):hover,
.btn:not(.plus):not(.minus):hover,
.wd-button:not(.plus):not(.minus):hover,
.checkout-button:not(.plus):not(.minus):hover,
.single_add_to_cart_button:not(.plus):not(.minus):hover {
    background: #ffffff !important;
    transform: translateY(-2px);
}


/* =========================================================
   7. SINGLE PRODUCT PAGE
========================================================= */

.single-product .wp-block-wd-section {
    margin-bottom: 0 !important;
    padding: 0 100px !important;
}

.single-product .wp-block-wd-row {
    padding: 0 40px !important;
}

.single-product textarea {
    color: var(--clr-black) !important;
}

.single-product .wp-block-columns > .wp-block-column:nth-child(2),
.single-product .wp-block-columns > .wp-block-column:nth-child(3) {
    flex-grow: 0 !important;
}

.single-product .woocommerce-tabs {
    padding: 40px;
    position: relative;
    overflow: hidden;
}

.single-product .woocommerce-tabs::before {
    content: "";
    position: absolute;
    inset: 0;
    opacity: 0.08;
    pointer-events: none;
}

.single-product .wc-tabs {
    display: flex;
    gap: 40px;
    border-bottom: 1px solid var(--clr-border-mid);
    margin-bottom: 35px;
    padding-bottom: 15px;
}

.single-product .wc-tabs li a {
    color: var(--clr-text) !important;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .5px;
    transition: .3s ease;
}

.single-product .wc-tabs li.active a {
    color: var(--clr-text) !important;
    position: relative;
}

.single-product .wc-tabs li.active a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -18px;
    width: 100%;
    height: 2px;
    background: var(--clr-white);
}

.single-product .wc-tabs li,
.single-product .woocommerce-tabs .panel {
    border: none !important;
    background: transparent !important;
}

.single-product .woocommerce-Tabs-panel {
    color: var(--clr-text);
}

.single-product .woocommerce-Tabs-panel h2 {
    color: var(--clr-text) !important;
    font-size: 48px;
    font-weight: 700;
    margin-bottom: 25px;
}

.single-product .woocommerce-Tabs-panel p,
.single-product .woocommerce-Tabs-panel li {
    color: var(--clr-text);
    font-size: 18px;
    line-height: 1.9;
}

.wd-social-icons {
    position: relative;
    display: inline-flex;
    align-items: center;
	    right: 10%;
	gap: 10px !important;
}
.wd-social-icons span {
    color: #fff !important;
}

.wd-social-icons::before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='18' cy='5' r='3'/%3E%3Ccircle cx='6' cy='12' r='3'/%3E%3Ccircle cx='18' cy='19' r='3'/%3E%3Cline x1='8.59' y1='13.51' x2='15.42' y2='17.49'/%3E%3Cline x1='15.41' y1='6.51' x2='8.59' y2='10.49'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
}
.wd-social-icons::before {
    filter: brightness(0) invert(1);
}

.wd-social-icons a {
    position: absolute;
    top: 35px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: all .3s ease;
}

.wd-social-icons:hover a {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.wd-social-icons a:nth-child(1) { left: 0; }
.wd-social-icons a:nth-child(2) { left: 35px; }
.wd-social-icons a:nth-child(3) { left: 70px; }
.wd-social-icons a:nth-child(4) { left: 105px; }
.wd-social-icons a:nth-child(5) { left: 140px; }

.wd-product-nav-desc,
.wd-product-nav-desc a,
.wd-product-nav-desc span,
.wd-product-nav-desc .price,
.wd-product-nav-desc del,
.wd-product-nav-desc ins,
.wd-product-nav-desc .wd-entities-title,
.wd-product-nav-desc .price span {
    color: #000 !important;
}

/* Quantity selector + a couple of specific quote/checkout
   blocks that sit on a light background, so text stays dark */
div.quantity,
#wd-ea8d6ee0 {
    color: #000 !important;
}

/* Desktop-only product nav arrow positioning */
@media (min-width: 1025px) {
    .wd-btn-arrow.wd-prev.wd-disabled {
        left: -25px;
    }
	.wd-btn-arrow.wd-prev.wd-disabled .wd-arrow-inner {
        bottom: 50px;
		  position: relative;
		
    }
    .wd-btn-arrow.wd-next .wd-arrow-inner {
        position: relative;
        right: 30px;
        bottom: 50px;
    }
}


/* =========================================================
   8. CART PAGE
========================================================= */

.woocommerce-cart .wd-checkout-steps,
.woocommerce-cart .wd-checkout-steps a,
.woocommerce-cart .woocommerce-free-shipping-bar,
.woocommerce-cart .shop-table-with-img th,
.woocommerce-cart .shop-table-with-img span,
.woocommerce-cart .product-name a,
.woocommerce-cart .product-price,
.woocommerce-cart .product-subtotal,
.woocommerce-cart .product-remove a,
.woocommerce-cart .progress-msg p {
    color: var(--clr-text) !important;
}

.woocommerce-cart #wd-b3cf90d8 .amount {
    color: #767676;
}



/* =========================================================
   9. CHECKOUT PAGE
========================================================= */

.woocommerce-checkout,
.woocommerce-checkout #wd-8a449f60 label,
.woocommerce-checkout #wd-8a449f60 h1,
.woocommerce-checkout #wd-8a449f60 h2,
.woocommerce-checkout #wd-8a449f60 h3,
.woocommerce-checkout .woocommerce-privacy-policy-text p,
.woocommerce-checkout .woocommerce-breadcrumb,
.woocommerce-checkout .wd-checkout-steps,
.woocommerce-checkout .wd-checkout-steps a,
.woocommerce-checkout .woocommerce-privacy-policy-text a,
.woocommerce-checkout .woocommerce-info {
    color: var(--clr-text) !important;
}

.woocommerce-checkout .progress-msg p {
    color: var(--clr-black) !important;
}

.woocommerce-checkout input,
.woocommerce-checkout textarea,
.woocommerce-checkout .select2-results__option,
.woocommerce-checkout .select2-selection__rendered {
    color: var(--clr-black) !important;
}

html body.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info,
html body.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info .showcoupon,
html body.woocommerce-checkout .woocommerce-form-login-toggle .woocommerce-info,
html body.woocommerce-checkout .woocommerce-form-login-toggle .woocommerce-info .showlogin {
    color: #fff !important;
}

.woocommerce-checkout #wd-83e4d11d .amount {
    color: #767676;
}

.wd-progress-bar .progress-bar {
    background: linear-gradient(90deg, #06b6d4, #3b82f6, #6366f1) !important;
    border-radius: 30px !important;
    box-shadow: 0 0 12px rgba(59, 130, 246, .45);
}

.wd-free-progress-bar {
    color: #444 !important;
    font-weight: 600;
}

/* Payment method descriptions (e.g. "Pay by bank transfer") */
.payment_methods .payment_box p:last-child {
    color: #000 !important;
}


/* =========================================================
   10. CUSTOM FOOTER
========================================================= */

.custom-footer {
    background: var(--clr-dark) !important;
    padding: var(--sp-footer-pad) !important;
    color: var(--clr-text) !important;
    width: 100%;
    position: relative;
}

.custom-footer-grid {
    display: grid !important;
    grid-template-columns: 1.2fr 1fr 1fr 1.4fr !important;
    gap: var(--sp-grid-gap) !important;
    width: 100%;
}

.custom-footer h3 {
    font-size: 14px;
    font-weight: 700;
    color: var(--clr-text) !important;
    margin-bottom: 28px;
    text-transform: uppercase;
    letter-spacing: .5px;
}

.footer-contact,
.footer-links {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.footer-contact li,
.footer-links li {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 15px !important;
    font-size: 13px;
    line-height: 1.7;
}

.footer-contact a,
.footer-links a,
.footer-tags a,
.footer-social a {
    color: var(--clr-text) !important;
    text-decoration: none !important;
}

.footer-contact li i {
    padding-right: 14px !important;
}

.footer-tags {
    display: flex !important;
    flex-wrap: wrap;
    gap: 10px;
}

.footer-tags a {
    border: 1px solid var(--clr-border-tag);
    padding: 7px 10px;
    font-size: 11px;
    display: inline-block;
    transition: .3s;
}

.footer-tags a:hover {
    background: var(--clr-white);
    color: var(--clr-black) !important;
}

.footer-social {
    display: flex;
    gap: 10px;
    margin-top: 28px;
}

.footer-social a {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    transition: .3s;
}

.footer-social .facebook  { background: var(--clr-facebook); }
.footer-social .twitter   { background: var(--clr-twitter); }
.footer-social .linkedin  { background: var(--clr-linkedin); }
.footer-social .instagram { background: var(--clr-instagram); }
.footer-social .flickr    { background: var(--clr-flickr); }
.footer-social .rss       { background: var(--clr-rss); }
.footer-social .youtube   { background: var(--clr-youtube); }

.footer-social a:hover {
    transform: translateY(-2px);
    opacity: .9;
}

.footer-bottom {
    border-top: 1px solid rgba(255, 255, 255, .08);
    margin-top: 60px;
    padding: 20px 0;
}

.footer-bottom-wrap {
    display: flex !important;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}

.footer-bottom p {
    margin: 0;
    color: var(--clr-text) !important;
    font-size: 12px;
}

.footer-bottom img {
    max-width: 240px;
}


/* =========================================================
   11. ABOUT US PAGE
========================================================= */

.page-id-31 .wp-container-core-columns-is-layout-8f761849 {
    align-items: center;
    gap: 30px !important;
    margin-bottom: 100px;
}

.page-id-31 .wp-image-245 {
    width: 220px;
    max-width: 100%;
    display: block;
    margin: auto;
}

.page-id-31 h2 {
    font-size: 40px;
    line-height: 1.1;
    margin-bottom: 25px;
}

.page-id-31 .wd-2ab8ec42 {
    color: #0be49b;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 25px;
}

.page-id-31 .has-text-align-center {
    text-align: center;
    margin-bottom: 70px;
}

.about-tag {
    padding-top: 80px;
}

.page-id-31 .wp-block-wd-infobox {
    text-align: center;
    padding: 35px 20px;
    border-radius: 20px;
    transition: .35s ease;
    border: 1px solid rgba(255, 255, 255, .08);
    background: rgba(255, 255, 255, .02);
    backdrop-filter: blur(6px);
}

.page-id-31 .wp-block-wd-icon img {
    width: 95px;
    margin-bottom: 22px;
}

.page-id-31 .wp-block-wd-title {
    color: #fff !important;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: .5px;
}

.page-id-31 .ps-testimonial-section {
    padding: 80px 0;
}

.page-id-31 .ps-card {
    background: rgba(255, 255, 255, .03);
    border: 1px solid rgba(255, 255, 255, .08);
    transition: .35s ease;
}

.page-id-31 .ps-arrow {
    background: rgba(255, 255, 255, .08);
    backdrop-filter: blur(8px);
}

.page-id-31 .ps-arrow:hover {
    background: rgba(255, 255, 255, .18);
    color: #fff;
}

.wp-block-list {
    list-style: none;
    padding-left: 0;
}

.wp-block-list li::before {
    content: "✓";
    color: #fff;
    background: #2563eb;
    display: inline-block;
    width: 18px;
    height: 18px;
    text-align: center;
    line-height: 18px;
    margin-right: 10px;
}


/* =========================================================
   12. FAQ PAGE
========================================================= */

.page-id-330 .wp-block-columns {
    gap: 30px;
}

.page-id-330 .wp-block-details {
    border: 1px solid rgba(255, 255, 255, .4);
    margin-bottom: 12px;
    overflow: hidden;
}

.page-id-330 .wp-block-details summary {
    padding: 18px 50px 0 20px;
    cursor: pointer;
    list-style: none;
    position: relative;
    font-weight: 600;
}

.page-id-330 .wp-block-details summary::-webkit-details-marker {
    display: none;
}

.page-id-330 .wp-block-details summary::after {
    content: "+";
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 24px;
}

.page-id-330 .wp-block-details[open] summary::after {
    content: "−";
}

.page-id-330 .wp-block-details p {
    margin: 0;
    padding: 20px;
    border-top: 1px solid rgba(255, 255, 255, .2);
}

.page-id-330 h1 {
    margin-bottom: 40px;
}

.page-id-330 h4 {
    margin-bottom: 25px;
    text-transform: uppercase;
}


/* =========================================================
   13. CONTACT PAGE
========================================================= */

.page-id-33 .wd-cf7 {
    max-width: 900px;
    margin: 0 auto;
}

.page-id-33 .wpcf7 form {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.page-id-33 .wd-col:nth-child(1) { width: calc(50% - 10px); }   /* First name */
.page-id-33 .wd-col:nth-child(2) { width: calc(100% - 10px); display: flex; gap: 20px; } /* Email */
.page-id-33 .wd-col:nth-child(3),
.page-id-33 .wd-col:nth-child(4),
.page-id-33 .wd-col:nth-child(5) { width: 100%; } /* Subject / Message / Button */

.page-id-33 .wpcf7 input[type="text"],
.page-id-33 .wpcf7 input[type="email"],
.page-id-33 .wpcf7 textarea {
    width: 100%;
    border: none;
    border-radius: 18px;
    padding: 18px 25px;
    color: #000;
    font-size: 16px;
    box-shadow: 0 8px 20px rgba(0, 0, 0, .35);
}

.page-id-33 .wpcf7 input::placeholder,
.page-id-33 .wpcf7 textarea::placeholder {
    color: #000 !important;
    opacity: 1 !important;
}

.page-id-33 .wpcf7 textarea {
    min-height: 220px;
    resize: none;
}

.page-id-33 .wpcf7-submit {
    background: linear-gradient(90deg, #ff008c, #ff3fa6) !important;
    border: none !important;
    color: #fff !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    border-radius: 40px !important;
    padding: 16px 45px !important;
    min-width: 220px;
    text-transform: uppercase;
}

.page-id-33 .wd-6152329d h2 {
    text-align: center;
    font-size: 48px;
    margin-bottom: 30px;
}

.page-id-33 .wp-block-wd-paragraph {
    color: #fff !important;
}

.page-id-33 .wd-675b1206 {
    width: 60% !important;
    margin: 0 auto !important;
}


/* =========================================================
   14. SHOP / CATEGORY PAGES (sidebar filters, product grid)
========================================================= */

/* Sidebar widget titles (Price, Size, Color, Brands).
   White text applies on desktop, where the sidebar sits on
   the dark page background. On mobile/tablet the sidebar
   becomes a white off-canvas panel (see override at the
   bottom of section 16, RESPONSIVE). */
.widget-title {
    color: var(--clr-text) !important;
}

.price_slider_amount .price_label,
.price_slider_amount .price_label span,
.price_label .from,
.price_label .to {
    color: var(--clr-text) !important;
}

.wc-layered-nav-term a,
.wc-layered-nav-term .wd-filter-lable,
.wc-layered-nav-term .wd-swatch-text,
.wc-layered-nav-term .count {
    color: var(--clr-text) !important;
}

.wd-breadcrumbs a,
.wd-breadcrumbs .wd-last,
.wd-breadcrumbs .wd-delimiter,
.woocommerce-result-count,
.wd-products-per-page .wd-label,
.wd-products-per-page a span,
.woocommerce-ordering .orderby,
.wd-show-sidebar-btn .wd-action-text {
    color: var(--clr-text) !important;
}

.wd-product .wd-entities-title a,
.wd-product .wd-product-cats a,
.wd-product .price,
.wd-product .price .amount,
.wd-product .price del .amount,
.wd-product .price ins .amount {
    color: var(--clr-text) !important;
}

/* "Sort by" dropdown on the shop toolbar (white background) */
.products-header select {
    height: 36px;
    color: #000 !important;
}

/* Active filter tags ("Size: M ×") shown above the product grid */
.wd-active-filters a span {
    color: #fff !important;
}


/* =========================================================
   15. ACCOUNT PAGES (My Account, Wishlist, Orders, etc.)
========================================================= */

.entry-title.title {
    color: var(--clr-text) !important;
}

.wp-block-wd-row {
    align-items: flex-start;
}

/* "body" prefix raises specificity so this beats the theme's
   own per-page-class styling on pages like Wishlist that don't
   carry the same body classes as My Account */
body .woocommerce-MyAccount-navigation {
    background-color: var(--clr-accent) !important;
    border: 1px solid var(--clr-border-mid) !important;
    border-radius: 16px !important;
    padding: 25px 20px !important;
}

#wd-db34d310 {
    padding: 0 !important;
}

body .wd-nav-my-acc {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

body .wd-nav-my-acc li a {
    display: flex !important;
    align-items: center;
    gap: 12px;
    padding: 12px 16px;
    border-radius: 10px;
    color: var(--clr-text) !important;
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    transition: .25s ease;
}

body .wd-nav-my-acc li a .wd-nav-icon {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    flex: 0 0 18px;
    margin: 0 !important;
    color: var(--clr-text);
}

body .wd-nav-my-acc li a .nav-link-text {
    line-height: 1;
}

body .wd-nav-my-acc li a:hover {
    background: rgba(255, 255, 255, .08);
    transform: translateX(3px);
}

body .wd-nav-my-acc li.wd-active a,
body .wd-nav-my-acc li.is-active a {
    background: rgba(255, 255, 255, .95) !important;
    color: #111 !important;
}

body .wd-nav-my-acc li.wd-active a .wd-nav-icon,
body .wd-nav-my-acc li.is-active a .wd-nav-icon {
    color: #111;
}

/* Content box (dashboard text, wishlist empty state, forms, tables) */
body .woocommerce-MyAccount-content,
body .wd-el-my-acc-content {
    background-color: var(--clr-accent) !important;
    border: 1px solid var(--clr-border-mid) !important;
    border-radius: 16px !important;
    padding: 35px 30px !important;
}

body .woocommerce-MyAccount-content p {
    color: var(--clr-text);
    font-size: 15px;
    line-height: 1.8;
}

body .woocommerce-MyAccount-content a {
    color: #fff !important;
    text-decoration: underline;
}

.woocommerce-MyAccount-content table.shop_table {
    width: 100%;
    border-collapse: collapse;
    color: var(--clr-text);
}

.woocommerce-MyAccount-content table.shop_table th,
.woocommerce-MyAccount-content table.shop_table td {
    padding: 14px 12px;
    border-bottom: 1px solid var(--clr-border-mid);
}

/* Orders table header row */
.woocommerce-orders-table th {
    color: #fff !important;
}

.woocommerce-Address {
    background: rgba(255, 255, 255, .03);
    border: 1px solid var(--clr-border-mid);
    border-radius: 12px;
    padding: 20px !important;
}

.woocommerce-Address-title h3 {
    color: var(--clr-text) !important;
}

.woocommerce-form-row label {
    color: var(--clr-text);
    font-size: 14px;
    margin-bottom: 6px;
    display: block;
}

.woocommerce-form-row input,
.woocommerce-form-row select,
.woocommerce-form-row textarea {
    color: #000;
    background: #fff;
    border: none;
    border-radius: 10px;
    padding: 12px 16px;
    width: 100%;
}

/* Wishlist empty state */
.wd-empty-block-title {
    color: var(--clr-text) !important;
}

.wd-empty-block-title::before {
    color: #fff !important;
}

.wd-empty-block-text {
    color: var(--clr-text);
}


/* =========================================================
   16. RESPONSIVE
========================================================= */

@media (max-width: 991px) {
    .custom-footer-grid {
        grid-template-columns: 1fr 1fr !important;
    }
}

@media (max-width: 768px) {
    :root {
        --sp-site-pad: 20px;
    }

    .single-product .wp-block-wd-section { padding: 10px !important; }
    .single-product .wd.wd .wd-ba40f768 { padding: 0 10px !important; }
    .single-product .woocommerce-tabs { padding: 10px !important; }
    .single-product .wp-block-wd-row { padding: 0 10px !important; }

    .page-id-31 .entry-content { padding-top: 40px; }
    .page-id-31 h2 { font-size: 36px; }
    .page-id-31 .wd-08981213,
    .page-id-31 .wd-19951a60,
    .page-id-31 .wd-b87eb772 { font-size: 16px; line-height: 1.8; }
    .page-id-31 .wp-container-core-columns-is-layout-8f761849 { gap: 40px; margin-bottom: 60px; }
    .page-id-31 .wp-block-wd-infobox { padding: 25px 15px; }
    .page-id-31 .wp-block-wd-icon img { width: 75px; }
    .page-id-31 .wp-block-wd-title { font-size: 16px; }

    /* --- Mobile nav drawer fixes --- */

    .wd.wd .wd-56e5e720 {
        --wd-width: unset !important;
    }

    .mobile-nav .wd-nav-opener {
        color: #fff !important;
    }

    .mobile-nav .wd-nav-opener.wd-active {
        background: unset !important;
    }

    .mobile-nav .searchform input[type="text"] {
        margin: 20px 0;
    }

    .searchform .searchsubmit {
        margin: 20px 0;
    }

    .wd-dropdown-menu li:hover > a,
    .wd-sub-menu li:hover > a {
        background: unset !important;
        color: #fff !important;
    }

    /* MEN / WOMENS top-level arrow stays black (sits on light row) */
    .mobile-nav .item-level-0 > .wd-nav-opener {
        color: #000 !important;
    }

    /* Topwear / Bottomwear submenu arrow stays white (sits on dark row) */
    .mobile-nav .item-level-1 > .wd-nav-opener {
        color: #fff !important;
    }

    /* --- Mobile bottom toolbar (Menu / Cart / Wishlist icons) --- */

    .wd-toolbar .wd-tools-icon,
    .wd-toolbar .wd-tools-icon:before,
    .wd-toolbar .wd-tools-icon:after,
    .wd-toolbar .wd-tools-element a,
    .wd-toolbar .wd-tools-count,
    .wd-toolbar .wd-tools-text {
        color: #000 !important;
    }

    /* --- Mobile/tablet off-canvas filter sidebar --- */
    .wd-sidebar.wd-sidebar *,
    .wd-sidebar.wd-sidebar .widget-title,
    .wd-sidebar.wd-sidebar .price_label,
    .wd-sidebar.wd-sidebar .price_label span,
    .wd-sidebar.wd-sidebar .wc-layered-nav-term a,
    .wd-sidebar.wd-sidebar .wc-layered-nav-term .wd-filter-lable,
    .wd-sidebar.wd-sidebar .wc-layered-nav-term .wd-swatch-text,
    .wd-sidebar.wd-sidebar .wc-layered-nav-term .count,
    .wd-sidebar.wd-sidebar .wd-action-text,
    .wd-sidebar.wd-sidebar .wd-heading .wd-action-text {
        color: #000 !important;
    }
	.mobile-nav span.nav-link-text{
		color: #000 !important;
	}
	.wd-social-icons {
		    right: 0% !important;
	}
	.wd-heading .wd-action-btn.wd-style-text > a span {
    color: #000 !important;
}
	.wd-action-btn>a:hover .wd-action-icon:after {
    color: #000 !important;
}
	.home .products.wd-products.wd-grid-g.grid-columns-2.elements-grid.pagination-pagination.wd-loop-builder-off.title-line-one.wd-stretch-cont-lg.wd-stretch-cont-md.wd-stretch-cont-sm.products-bordered-grid-ins {
    display: flex;
	    flex-direction: column;
}
	.home .grid-columns-3{
    grid-template-columns: 1fr !important;
	}
	.home .cat-design-alt .wd-cat-thumb {
    width: 100% !important;
    height: 370px !important;
    object-fit: cover !important;
}
	
}
.home .cat-design-alt .wd-cat-thumb {
    margin-inline: auto;
    max-width: var(--wd-cat-img-width);
    width: 100%;
    height: 270px;
    object-fit: cover;
}

@media (max-width: 767px) {
    .custom-footer { padding: 50px 25px 0 !important; }
    .custom-footer-grid { grid-template-columns: 1fr !important; }
    .footer-bottom-wrap { flex-direction: column; text-align: center; }

    .page-id-330 .wp-block-columns { display: block; }
    .page-id-330 .wp-block-column { width: 100% !important; margin-bottom: 30px; }
    .page-id-330 h1 { margin-bottom: 25px; }
    .page-id-330 h4 { margin-bottom: 15px; }
    .page-id-330 .wp-block-details { margin-bottom: 10px; }
    .page-id-330 .wp-block-details summary { padding: 14px 40px 14px 14px; }
    .page-id-330 .wp-block-details summary::after { right: 14px; }
    .page-id-330 .wp-block-details p { padding: 15px; }

    .page-id-33 .wd-col { width: 100% !important; }
    .page-id-33 .wpcf7-submit { width: 100%; }
    .page-id-33 .wd-6152329d h2 { font-size: 34px; }

/*     .wp-block-wd-row { flex-direction: column; } */
    body .woocommerce-MyAccount-navigation,
    body .woocommerce-MyAccount-content { width: 100% !important; padding: 20px !important; }
}

@media (min-width: 1025px) {
    .wd-sticky-on-lg h2 {
        color: #000 !important;
    }
}

/* =========================================================
   HEADER MY ACCOUNT DROPDOWN
   (the small popup menu under the account icon in the header)
========================================================= */

.wd-dropdown-my-account {
    background: var(--clr-dark) !important;
    border-radius: 12px !important;
    border: 1px solid var(--clr-border-mid) !important;
    box-shadow: 0 12px 30px rgba(0, 0, 0, .45) !important;
    overflow: visible;
    position: relative;
}

/* Invisible bridge above the dropdown closes any small gap
   between the account icon and the menu, so moving the mouse
   down to the menu doesn't briefly leave the hover zone and
   cause the menu to close before the cursor arrives. */
.wd-dropdown-my-account::before {
    content: "";
    position: absolute;
    top: -12px;
    left: 0;
    right: 0;
    height: 12px;
}

/* Padding moved inside the list instead of on the dropdown
   itself, so the dropdown's outer edge still touches the
   account icon with no gap — keeps Woodmart's hover chain
   from breaking between the icon and the menu. */
.wd-dropdown-my-account .wd-sub-menu {
    margin: 0 !important;
    padding: 8px !important;
    border-radius: 12px;
    overflow: hidden;
}

.wd-dropdown-my-account .wd-sub-menu li {
    list-style: none;
    margin: 0;
}

.wd-dropdown-my-account .wd-sub-menu li a {
    display: block;
    padding: 12px 16px !important;
    border-radius: 8px;
    color: var(--clr-text) !important;
    font-size: 14px;
    font-weight: 600;
    background: transparent !important;
    transition: .2s ease;
}

.wd-dropdown-my-account .wd-sub-menu li a span {
    color: inherit;
}

.wd-dropdown-my-account .wd-sub-menu li:hover > a {
    background: rgba(255, 255, 255, .08) !important;
    color: var(--clr-pink) !important;
}

/* Currently active page (e.g. "Dashboard" when on My Account) */
.wd-dropdown-my-account .wd-sub-menu li.is-active > a {
    background: rgba(255, 255, 255, .95) !important;
    color: #111 !important;
}

/* =========================================================
   ORDER TRACKING / ORDER DETAILS PAGE
   (the "Order #435 was placed on..." pay-for-order view)
========================================================= */

/* --- Card containers (match My Account page style) --- */

.woocommerce-order-details {
    background-color: var(--clr-accent) !important;
    border: 1px solid var(--clr-border-mid);
    border-radius: 16px;
    padding: 30px;
    margin-bottom: 30px;
}

.woocommerce-customer-details {
    background-color: var(--clr-accent) !important;
    border: 1px solid var(--clr-border-mid);
    border-radius: 16px;
    padding: 30px;
}

/* Table inside the card needs no extra border/background of
   its own, since the card already provides it */
.woocommerce-table--order-details {
    border: none !important;
    background: transparent !important;
}

.woocommerce-table--order-details tr {
    border-bottom: 1px solid var(--clr-border-mid);
}

.woocommerce-table--order-details tr:last-child {
    border-bottom: none;
}

.woocommerce-table--order-details th,
.woocommerce-table--order-details td {
    padding: 14px 10px;
}

/* Billing address card gets a slightly tighter address block */
.woocommerce-customer-details address {
    border: none !important;
    padding: 0 !important;
    line-height: 1.8;
}

/* Intro line: "Order #435 was placed on June 19, 2026 and is
   currently Pending payment." The <mark> tags get a light
   highlight background by default, so their text must stay
   dark to remain readable against that light box. */
.order-info {
    color: var(--clr-text) !important;
}

.order-info mark,
.order-info .order-number,
.order-info .order-date,
.order-info .order-status {
    background: var(--clr-text-light) !important;
    color: #111 !important;
    padding: 2px 8px;
    border-radius: 4px;
    font-weight: 600;
}

/* "Order details" section heading sits just above the card,
   so give it some breathing room */
.woocommerce-order-details__title {
    color: var(--clr-text) !important;
    margin-bottom: 16px;
}

/* Table column headers: "Product" / "Total" */
.woocommerce-table--order-details thead th {
    color: var(--clr-text) !important;
}

/* Product name links and quantity ("Level Mushroom - M x 3") */
.woocommerce-table--order-details .product-name,
.woocommerce-table--order-details .product-name a,
.woocommerce-table--order-details .product-quantity {
    color: var(--clr-text) !important;
}

/* Variation meta list: Size / Material / Pattern / Fit */
.woocommerce-table--order-details .wc-item-meta,
.woocommerce-table--order-details .wc-item-meta li,
.woocommerce-table--order-details .wc-item-meta-label,
.woocommerce-table--order-details .wc-item-meta p {
    color: var(--clr-text) !important;
}

/* Line item price column */
.woocommerce-table--order-details .product-total,
.woocommerce-table--order-details .product-total .amount {
    color: var(--clr-text) !important;
}

/* Footer rows: Subtotal / Total / Payment method / Actions label */
.woocommerce-table--order-details tfoot th,
.woocommerce-table--order-details tfoot td {
    color: var(--clr-text) !important;
}

/* Subtotal / Total amounts keep your accent color so they
   still stand out, same as the rest of the site's pricing */
.woocommerce-table--order-details tfoot .amount {
    color: var(--clr-text-light) !important;
}

/* Pay / Cancel buttons already pick up the site-wide button
   style, but pinned here explicitly in case of theme overrides */
.order-actions-button {
    color: #222 !important;
    transition: transform .2s ease, box-shadow .2s ease;
}

.order-actions-button:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(0, 0, 0, .3);
}

/* Billing address block */
.woocommerce-customer-details address {
    color: var(--clr-text) !important;
}

.woocommerce-customer-details .woocommerce-column__title {
    color: var(--clr-text) !important;
    margin-bottom: 16px;
}

input[type='email'], input[type='date'], input[type='search'], input[type='number'], input[type='text'], input[type='tel'], input[type='url'], input[type='password'], :root textarea, :root select{
	color: #000 !important ;
}
label{
	color: #fff !important ;
}

table.variations select{
	color: #000 !important;
}
.single-product .wd-single-attrs {
    display: none !important;
}
.single-product .wd-single-meta {
    display: none !important;
}
/* Mini Cart Product Name */
.wd-side-hidden .woocommerce-mini-cart-item a,
.wd-side-hidden .product-name a {
    color: #000 !important;
}

/* Mini Cart Price */
.wd-side-hidden .quantity,
.wd-side-hidden .woocommerce-Price-amount,
.wd-heading span {
    color: #000 !important;
}

/* All text inside mini cart */
.wd-side-hidden .widget_shopping_cart_content,
.wd-side-hidden .widget_shopping_cart_content * {
    color: #000 !important;
}
.scrollToTop:after {
    color: black;
}
.shop_table tr :is(td,th):last-child {
    display: flex;
}
body .woocommerce-MyAccount-content a {
    text-decoration: none;
}
.wd-action-btn.wd-style-text .wd-action-text{
	color: #fff !important;
}
.wd-action-btn .wd-action-icon:before{
	color: #fff !important;
}
.woocommerce-form-login label{
	color: #fff !important;
}
.page-id-12 #wd-88f5ed5a,
.page-id-12 .register p,
.page-id-12 .register label{
	color: #000 !important;
}
.whb-main-header > .whb-header-bottom {
    z-index: 2 !important;
}
.home .grid-columns-3 {
        display: grid !important;
    margin-bottom: 60px !important;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}
.home h2.wp-block-heading {
	    font-size: 40px;
    line-height: 1.2em;
}

.wd-header-search-form .searchform input[type="text"] {
        color: #fff !important;
    }
/* Checkout - Your Order section */
.woocommerce-checkout #order_review,
.woocommerce-checkout #order_review * {
    color: #000 !important;
}

/* Product link */
.woocommerce-checkout #order_review .cart-product-label-link,
.woocommerce-checkout #order_review .cart-product-label-link * {
    color: #000 !important;
    text-decoration: none;
}

/* Product title */
.woocommerce-checkout #order_review .cart-product-label {
    color: #000 !important;
}

/* Quantity */
.woocommerce-checkout #order_review .product-quantity {
    color: #000 !important;
}

/* Variations */
.woocommerce-checkout #order_review .variation,
.woocommerce-checkout #order_review .variation *,
.woocommerce-checkout #order_review .item-variation-name,
.woocommerce-checkout #order_review .item-variation-value,
.woocommerce-checkout #order_review .item-variation-value p {
    color: #000 !important;
}

/* Prices */
.woocommerce-checkout #order_review .woocommerce-Price-amount,
.woocommerce-checkout #order_review .woocommerce-Price-amount *,
.woocommerce-checkout #order_review .woocommerce-Price-currencySymbol,
.woocommerce-checkout #order_review bdi {
    color: #000 !important;
}

/* Table headings */
.woocommerce-checkout #order_review th,
.woocommerce-checkout #order_review td {
    color: #000 !important;
}

/* Shipping progress message */
.woocommerce-checkout .wd-shipping-progress-bar,
.woocommerce-checkout .wd-shipping-progress-bar * {
    color: #000 !important;
}
.woocommerce-checkout .product-quantity,
.woocommerce-checkout strong.product-quantity {
    color: #000 !important;
}
.product-additional-galleries .wd-action-text,
.product-additional-galleries .wd-action-icon,
.product-additional-galleries .wd-action-icon::before {
    color: #000 !important;
}
/* WoodMart Action Buttons */
.wd-action-btn a,
.wd-action-btn .wd-action-text,
.wd-action-btn .wd-action-icon,
.wd-action-btn .wd-action-icon::before,
.wd-action-btn .wd-check-icon,
.wd-action-btn .wd-check-icon::before {
    color: #000 !important;
    fill: #000 !important;
}


/* Share links */
.pswp__share-tooltip a {
    color: #000000 !important;
}

@media (max-width: 767px) {
.wd-grid-g {
	    display: flex !important;
    flex-direction: column;
}
}