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

/* ----------------------------- */
body {
    position: relative;
    overflow-x: hidden !important;
    line-height: 1.8;
}

h1,
h2,
h3,
h4,
h5,
h6,
input,
textarea,
body,
.nav li a {
    font-family: var(--wd-entities-title-font);
}

input[type=text],
input[type=email],
input[type=password],
input[type=search],
input[type=number],
input[type=url],
input[type=tel],
input[type=date],
select,
:root textarea,
textarea,
.select2-selection {
    background-color: rgba(255 255 255 / 10%) !important;
    border: 1px solid #7F6921 !important;
    font-size: 14px;
    border-radius: 16px !important;
    box-shadow: unset;
}

:root {
    --nav-color: #FFF !important;
}

.mb-0,
.mb-0 p {
    margin-bottom: 0;
}

.text-accent {
    color: var(--e-global-color-accent);
}

.text-secondary {
    color: var(--e-global-color-secondary);
}

.text-red {
    color: #F20089;
}

.block {
    display: block !important;
}

.flex {
    display: flex;
}

.flex-wrap {
    flex-wrap: wrap;
}

.fw-light {
    font-weight: 300;
}

.fw-medium {
    font-weight: 500;
}

.fw-bold {
    font-weight: 600;
}

::selection {
    color: #FFF;
    background-color: #665233;
}

.line-shape-left::before {
    content: '';
    position: absolute;
    width: 10px;
    height: 100%;
    background-color: var(--e-global-color-accent);
    border-radius: 100px 0 100px 100px;
    right: 0;
}

.wd-cats-toggle {
    color: #FFF !important;
}

.wd-cats-toggle:hover,
.wd-cats-toggle.toggle-active {
    background-color: var(--e-global-color-accent) !important;
}

:root,
:root body {
    --wd-form-brd-color: #5F4F19;
    --wd-form-brd-color-focus: #5F4F19;
    --wd-form-chevron: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNSIgaGVpZ2h0PSIyNSIgZmlsbD0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2U9InJnYmEoMjU1LCAyNTUsIDI1NSwgMC42KSI+PHBhdGggZD0iTTYgOWw2IDYgNi02Ii8+PC9zdmc+);
    --wd-main-bgcolor: #100C01 !important;
    --color-white: #fff;
    --color-gray-100: #f7f7f7;
    --color-gray-200: #f1f1f1;
    --color-gray-300: #FFF;
    --color-gray-400: #a5a5a5;
    --color-gray-500: #FFF;
    --color-gray-600: #a5a5a5;
    --color-gray-700: #FFF;
    --color-gray-800: #FFF;
    --color-gray-900: #FFF;
    --bgcolor-black-rgb: 255, 255, 255;
    --bgcolor-white-rgb: 0, 0, 0;
    --bgcolor-white: #100C01 !important;
    --bgcolor-gray-100: #f7f7f7;
    --bgcolor-gray-200: #f7f7f7;
    --bgcolor-gray-300: #f1f1f1;
    --bgcolor-gray-400: #5F4F19;
    --brdcolor-gray-200: #5F4F19;
    --brdcolor-gray-300: #7F6921;
    --brdcolor-gray-400: #FFF;
    --brdcolor-gray-500: #FFF;
    --wd-form-color: #FFF;
    --wd-form-bg: rgba(255 255 255 / 10%);
}

.dev-banner,
.dev-banner img {
    border-radius: 20px;
    overflow: hidden;
}

@media (min-width:768px) {
    .product-grid-item .shop_attributes tbody {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width:1025px) {

    /* .post-single-page  #ez-toc-container {
display: none;
} */

    /* summary  */
    /* .dev-summary-col {
max-width: 630px;
} */

}

/* buttons  */
.elementor-button span.elementor-button-icon {
    display: flex;
    font-size: 22px;
}

.elementor-button-content-wrapper {
    align-items: center;
}

.elementor-button .elementor-button-content-wrapper {
    position: relative;
    z-index: 9;
    gap: 10px;
}

.dev-btn .elementor-button {
    font-size: 14px;
    font-weight: 600;
    padding: 12px 24px;
    border-radius: 10px;
    transition: all ease .3s;
    line-height: 1.3;
    height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
}

.circle-btn .elementor-button {
    border-radius: 100px;
}

.btn-primary a.elementor-button {
    background: var(--e-global-color-accent);
    color: #000 !important;
    fill: #000;
    border: 2px solid transparent;
    transition: all ease .3s;
}

.btn-primary a.elementor-button:hover {
    box-shadow: unset;
    background-color: #AA8C2C;
    border-color: var(--e-global-color-accent);
}

.wd-collapsible-button a.btn {
    font-size: 14px;
    font-weight: 600;
    padding: 12px 42px;
    border-radius: 10px;
    line-height: 1.3;
    height: 48px;
    background: var(--e-global-color-accent);
    color: #FFF !important;
    border: 2px solid #0054AF !important;
    box-shadow: 2px 2px 0 rgb(0 84 175);
}

.wd-collapsible-button a.btn:hover {
    box-shadow: unset;
    transform: translate(2px, 2px);
    background-color: #1263BC;
}

/* scroll down button  */
.scroll-down {
    background: rgba(255 255 255 / 30%);
    width: 33px;
    height: 33px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
    cursor: pointer;
    transition: all ease .3s;
}

.scroll-to-next-section {
    background: rgba(255 255 255 / 30%);
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
    cursor: pointer;
    transition: all ease .3s;
}

.scroll-to-next-section svg {
    width: 35px;
    height: 26px;
}

.scroll-to-next-section:hover,
.scroll-down:hover {
    background-color: rgba(255 200 87 / 80%)
}

/* title  */
.dev-heading .elementor-heading-title {
    font-size: 24px;
    font-weight: 800;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    line-height: 1.8;
    gap: 4px;
    z-index: 9;
}

.dev-heading.with-icon .elementor-heading-title::before {
    content: '';
    display: inline-flex;
    width: 18px;
    height: 40px;
    margin-left: 12px;
    background-image: url(/wp-content/uploads/2026/02/heading-icon.svg);
}

.dev-subheading p.elementor-heading-title {
    color: #5E5E64;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
}

.dev-show-more a.elementor-button {
    background-color: transparent;
    color: var(--e-global-color-accent);
    font-size: 12px;
    font-weight: 600;
    padding: 8px 4px;
    border-radius: 5px;
    transition: all ease .3s
}

/* header style  */
.whb-general-header>.container {
    border-bottom: 1px solid #403D34;
}

.whb-main-header .whb-general-header,
.whb-main-header .whb-header-bottom {
    background-color: transparent !important;
}

/* header  */
.whb-general-header form.searchform {
    width: 420px;
    margin-left: auto;
    margin-right: 24px;
}

.whb-general-header .wd-search-form .searchform input.s {
    border-radius: 10px !important;
    color: #000 !important;
    background-color: #FBFEFD !important;
    height: 48px;
    border: unset !important;
    font-size: 12px;
}

.whb-general-header .wd-search-form .searchform .searchsubmit {
    color: #000;
}

.whb-general-header .wd-search-form .searchform input.s::placeholder {
    color: #77777E;
}

.whb-general-header .wd-search-form .searchform input.s .wd-search-form .searchsubmit {
    color: #AEAEB2;
}

.whb-general-header .wd-button-wrapper:has(.dev-header-btn) {
    padding: 0;
}

.btn.dev-header-btn {
    background: var(--e-global-color-accent) !important;
    color: #FFF !important;
    border-radius: 10px;
    border: 2px solid #0054AF !important;
    box-shadow: 2px 2px 0 rgb(0 84 175);
    transition: all ease .3s;
}

.btn.dev-header-btn:hover {
    box-shadow: unset;
    transform: translate(2px, 2px)
}

body .wd-tools-element {
    --wd-header-el-color: #FFF;
    --wd-header-el-color-hover: var(--e-global-color-secondary);
    --wd-tools-icon-base-width: 20px !important
}

.whb-main-header .wd-header-my-account>a,
.whb-main-header .wd-header-wishlist>a,
.whb-main-header .wd-header-search>a,
.whb-main-header .wd-header-mobile-nav>a,
.whb-main-header .wd-header-cart>a {
    color: #FFF;
}

.whb-main-header .wd-header-cart>a {
    padding: 0 8px;
}

/* for header and toolbar  */
.wd-tools-element>a .wd-tools-icon {
    color: var(--e-global-color-secondary);
}

.whb-main-header .wd-tools-element .wd-tools-icon span.wd-tools-count {
    box-shadow: unset;
    background-color: transparent;
}

/* header bottom  */
.whb-flex-row.whb-header-bottom-inner {
    align-items: center;
}

.wd-header-main-nav .wd-nav li>a {
    color: var(--e-global-color-primary);
    font-size: 14px;
    font-weight: 500;
}

.wd-header-main-nav .wd-nav li>a:hover svg {
    fill: var(--e-global-color-accent);
}

.wd-nav>li:is(.wd-has-children, .menu-item-has-children)>a:after {
    margin-right: 8px;
    color: #AEAEB2;
}

.wd-header-main-nav .wd-nav[class*="wd-style-underline"] .nav-link-text:after {
    top: auto;
    bottom: -52px;
    height: 30px;
    background: linear-gradient(0deg, rgba(212 175 55 / 40%), transparent);
    border-bottom: 2px solid var(--e-global-color-accent);
}

/* menus  */
.whb-header-bottom .menu-item .nav-link-text {
    display: flex;
    align-items: center;
    gap: 10px;
}

/* sub menu */
.whb-header-bottom .wd-header-nav .wd-sub-menu .item-level-1>a {
    color: #738898;
    font-size: 13px;
    padding: 10px 0;
}

.whb-header-bottom .wd-header-nav .wd-dropdown-menu {
    border-radius: 12px;
    padding: 20px 40px;
    border: 1px solid #5F4F19;
    background-color: rgba(14 19 45 / 90%) !important;
}

.whb-header-bottom .wd-header-nav .wd-dropdown-menu ul.wd-sub-menu {
    width: 100% !important;
    height: auto;
}

/* my account menu  */
.wd-dropdown-menu.wd-design-default .menu-item-has-children>a:after {
    color: inherit;
    font-size: 8px;
    content: "\f129";
    margin-right: 3px;
}

.whb-header-bottom .wd-header-nav li.menu-item a:hover {
    color: var(--e-global-color-secondary) !important;
}

.wd-event-hover:hover .wd-dropdown {
    border-radius: 12px;
    padding: 12px 30px;
    border: 1px solid var(--e-global-color-accent);
    background-color: #1F1D18;
}

.wd-header-my-account .wd-sub-menu li>a {
    color: #FFF
}

/* mobile menu  */
.mobile-nav.wd-side-hidden {
    background-color: #00031A;
}

.mobile-nav .wd-heading {
    height: 50px !important;
    border-bottom: unset;
}

.mobile-nav .close-side-widget a {
    color: #FFF;
}

.mobile-nav .searchform input[type="text"] {
    height: 50px !important;
}

.mobile-nav .mobile-nav-tabs {
    background-color: #FFF
}

.mobile-nav .mobile-tab-title a {
    font-weight: 600;
    background-color: rgba(255 255 255 / 90%);
    border-radius: 8px;
    height: 45px;
    margin: 10px 4px;
}

.mobile-nav .mobile-tab-title.wd-active a {
    background-color: var(--e-global-color-accent);
    color: #FFF !important;
}

.mobile-nav .mobile-tab-title .nav-link-text::after {
    display: none;
}

.mobile-nav .wd-nav li.menu-item a.woodmart-nav-link {
    padding: 0 25px;
    border-color: rgba(74 61 19 / 70%) !important;
    color: #FFF;
}

.mobile-nav .wd-nav-opener {
    border-right: unset !important;
    border-color: rgba(74 61 19 / 70%) !important;
}

.mobile-nav .item-level-0.opener-page>a {
    background-color: var(--e-global-color-accent) !important;
    color: #FFF
}

.mobile-nav .wd-sub-menu li a {
    color: #FFF;
    font-size: 13px
}

.mobile-nav .item-level-1.opener-page>a {
    color: var(--e-global-color-accent);
    background-color: #FFF !important
}

.mobile-nav .item-level-0 a svg {
    transform: translate(5px, 5px)
}

.mobile-nav .item-level-0.opener-page a svg * {
    fill: #FFF
}

.mobile-nav .item-level-1.opener-page span.wd-nav-opener.wd-active {
    color: var(--e-global-color-accent);
    background-color: #000
}

.mobile-nav li.item-level-1>a::before {
    content: '';
    position: absolute;
    width: 8px;
    height: 8px;
    background-color: var(--e-global-color-accent);
    border-radius: 100px;
    right: 10px
}

.mobile-nav li.item-level-2>a::before {
    content: '';
    position: absolute;
    width: 8px;
    height: 8px;
    background-color: #DFE9F5;
    border-radius: 100px;
    right: 10px
}

.mobile-nav ul.wd-sub-menu>li a {
    min-height: 40px !important
}

.wd-toolbar {
    border: 1px solid #5F4F19;
    border-radius: 10px;
    background-color: #1F1D18 !important;
    color: #FFF;
    width: calc(100% - 32px);
    right: 20px !important;
    bottom: 10px !important;
}

.wd-tools-element:hover>a {
    color: var(--e-global-color-secondary);
}

/* product grid item  */
.product-grid-item .product-wrapper {
    border-radius: 20px !important;
    background-color: #1F1D18;
    box-shadow: unset !important;
    transition: all ease .3s !important;
    text-align: center;
    gap: 0;
}

.product-grid-item .content-product-imagin {
    display: none;
}

.product-grid-item .product-element-top {
    padding: 16px 16px 0;
}

.product-grid-item .product-image-link img {
    border-radius: 16px;
}

.product-grid-item .product-wrapper .wd-buttons {
    box-shadow: unset;
    inset-inline-end: auto;
    inset-inline-start: 12px;
    top: 12px;
    border-radius: 50px;
    background-color: #FFF;
}

.product-grid-item .wd-action-btn a {
    border-radius: 50px;
    width: 32px !important;
    height: 32px !important;
    color: #D4AF37;
    border: unset;
    right: 0;
}

.product-grid-item .wd-action-btn>a:before {
    font-size: 16px;
    transition: all ease .25s;
}

.product-grid-item .wd-action-btn>a:hover:before {
    color: var(--e-global-color-accent) !important
}

.product-grid-item .product-wrapper .product-element-bottom {
    padding: 16px !important;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 20px 10px;
    justify-content: space-between;
    align-items: center;
}

.product-grid-item .product-wrapper .wd-entities-title {
    font-size: 15px;
    line-height: 1.8;
    font-weight: 400;
    order: 1;
}

.product-grid-item .wd-product-sku {
    color: #808080 !important;
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    border-bottom: 1px solid #E6E6E6;
    padding-bottom: 10px;
}

.product-grid-item .wd-product-sku .wd-label {
    font-weight: 400 !important;
    color: #808080 !important
}

.product-grid-item .star-rating {
    display: none;
}

.product-grid-item .product-wrapper .wrap-price {
    order: 3;
    margin-top: 0 !important;
}

.product-grid-item .product-wrapper .price {
    display: flex;
    flex-flow: wrap;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: center;
    gap: 5px;
    margin: 0 auto;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
}

.product-grid-item .price .amount {
    color: #FFF;
    font-weight: 400;
}

.product-grid-item .price ins .amount span,
.product-grid-item .price .amount span {
    color: #B3B3B3;
    font-size: 12px;
    transform: rotate(270deg);
    display: inline-block;
    margin: 0 -5px 0;
}

.product-grid-item .price del,
.product-grid-item .price del .amount,
.product-grid-item .price del .amount span {
    font-size: 14px;
    color: #B3B3B3
}

.product-grid-item .product-wrapper .price strong {
    color: #CC0029;
    font-size: 18px;
}

.product-grid-item .product-element-bottom .hover-content-title {
    text-align: right;
    font-size: 13px;
    font-weight: 600;
}

.product-grid-item .product-element-bottom .hover-content-wrap {
    border-color: #5F4F19 !important;
    height: 50px;
    overflow: hidden;
}

.product-grid-item .shop_attributes tr th {
    color: #FFF;
    font-weight: 400;
    font-size: 13px;
}

.product-grid-item .shop_attributes tr td {
    color: var(--e-global-color-secondary);
    font-size: 13px;
}

.product-grid-item .product-image-link .product-labels {
    top: 0;
    right: auto;
    left: 0;
}

.product-grid-item .product-labels .product-label.onsale {
    background-color: var(--e-global-color-secondary);
    color: #000;
    min-width: 50px;
    height: 38px;
    border-radius: 14px 0 14px 0;
    font-size: 16px;
    display: flex;
    align-items: center;
}

.product-image-link .out-of-stock {
    background-color: #E6002E !important;
    color: #FFF !important;
    border-radius: 14px 0 14px 0;
    min-width: 50px;
    height: 38px;
    display: flex;
    align-items: center;
}

.wd-product.wd-hover-fw-button .wd-add-btn {
    order: 2;
    max-width: 98px;
    width: 100%;
}

.wd-product.wd-hover-fw-button .wd-add-btn>a {
    min-height: 40px;
    border-radius: 12px !important;
    max-width: 98px;
}

.wd-product.wd-hover-fw-button .wd-add-btn .add-to-cart-loop span {
    padding: 10px !important;
}

/* ----------------------  */

.wd-products .wd-nav-pagin-wrap[class*="wd-style-shape"] li.wd-active span {
    background-color: var(--e-global-color-accent);
    width: 24px;
}

.wd-products .wd-nav-pagin-wrap[class*="wd-style-shape"] span {
    background-color: #FFF5F7;
    border: unset
}

:is(.wd-cats, .wd-products, .wd-brands, .wd-single-gallery .wd-gallery-images) .wd-nav-arrows .wd-arrow-inner {
    color: #FFF;
    background-color: rgba(255 255 255 / 12%);
    border-radius: 8px;
    width: 44px;
    height: 44px;
}

.wd-nav-arrows .wd-arrow-inner:after {
    font-size: 18px;
}

:is(.wd-products, .wd-brands, .wd-single-gallery .wd-gallery-images) .wd-btn-arrow:not(.wd-disabled) .wd-arrow-inner:hover {
    background-color: var(--e-global-color-accent);
    /* color: var(--e-global-color-#); */
}

:is(.wd-cats, .wd-products, .wd-brands, .wd-single-gallery .wd-gallery-images) .wd-nav-arrows .wd-disabled .wd-arrow-inner {
    border-color: var(--e-global-color-accent);
    color: #CFCFCF !important;
    opacity: 0.8;
}

:is(.wd-products, .wd-brands) .wd-nav-arrows .wd-btn-arrow.wd-prev {
    margin-left: 8px;
}

:is(.wd-products, .wd-brands) .wd-nav-arrows .wd-btn-arrow.wd-next {
    margin-right: 8px;
}

.arrow-together .wd-products .wd-nav-arrows .wd-btn-arrow {
    top: -58px;
}

.arrow-together .wd-products .wd-nav-arrows .wd-btn-arrow.wd-next {
    inset-inline-start: calc(100% + -48px);
}

.arrow-together .wd-products .wd-nav-arrows .wd-btn-arrow.wd-prev {
    inset-inline-end: 48px;
}


/* ----------------------- footer -----------------------  */



.dev-list-style ul {
    list-style: none;
    padding: 0;
}

.dev-list-style ul li {
    position: relative;
    padding-right: 16px;
}

.dev-list-style ul li::before {
    content: '';
    position: absolute;
    width: 7px;
    height: 7px;
    background-color: var(--e-global-color-secondary) !important;
    right: 0;
    top: 10px;
    opacity: 1 !important;
    border-radius: 2px;
}

/* ----------------------- home page -----------------------  */


/* cta  */
.dev-cta-box>.e-con-inner {
    position: relative;
    background-image: linear-gradient(135deg, rgba(254 248 255 / 30%) 30%, transparent);
    border-radius: 20px;
    z-index: 1;
    padding: 30px;
    backdrop-filter: blur(30px);
}

.dev-cta-box>.e-con-inner::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: 20px;
    padding: 10px;
    background: linear-gradient(175deg, rgba(255 255 255 / 20%), transparent 50%);
    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
    z-index: -1;
}

/* testimonial video item*/
.dev-video-item,
.dev-testimonial-video {
    border-radius: 12px;
    overflow: hidden;
    position: relative;
}

:is(.dev-video-item, .dev-testimonial-video) .elementor-custom-embed-play {
    background-color: var(--e-global-color-accent);
    display: flex;
    border-radius: 100px;
    outline: 20px solid rgba(255 255 255 / 10%);
    box-shadow: 0 0 12px rgba(255 255 255 / 60%);
    width: 52px;
    height: 52px;
    align-items: center;
    justify-content: center;
}

:is(.dev-video-item, .dev-testimonial-video) .elementor-custom-embed-play svg {
    width: auto;
    height: 20px;
    opacity: 1;
}

.dev-testimonial-content {
    background-color: rgba(255 255 255 / 40%);
    backdrop-filter: blur(8px);
    padding: 10px 0;
    width: calc(100% - 40px);
    right: 20px;
    border-radius: 20px;
    text-align: center;
    position: absolute;
    bottom: 25px;
}

.dev-testimonial-content--name .elementor-heading-title {
    color: #000 !important;
    font-size: 16px;
    font-weight: 600 !important;
}

.dev-testimonial-content span {
    font-size: 16px !important;
    font-weight: 400;
    color: #000 !important;
}

/* End Home Page  */

/* ----------------------- single product page  -----------------------  */

.woocommerce-breadcrumb>a:first-child {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.wd-el-breadcrumbs .elementor-widget-container {
    display: flex;
    direction: rtl;
}

.wd-breadcrumbs>:is(span, a):last-child {
    color: var(--e-global-color-primary) !important;
}

/* summary  */

.wd-single-brands .wd-product-brands img {
    width: 140px;
    height: 50px;
    object-fit: cover;
}

.single-product .wd-content-layout {
    padding-top: 0;
}

.woocommerce-product-details__short-description ul {
    margin-bottom: 0;
}

.dev-short-attrs.wd-single-attrs .shop_attributes tr {
    gap: 10px;
}

.dev-short-attrs.wd-single-attrs .shop_attributes tr::before {
    content: '';
    width: 24px;
    height: 24px;
    background: url(/wp-content/themes/woodmart-child/images/tick-square.svg);
}

.wd-single-price .elementor-widget-container {
    display: inline-flex;
}

.wd-single-price .price {
    display: flex;
    flex-direction: column;
    text-align: right;
}

.wd-single-price .price .amount {
    font-size: 18px;
    color: var(--e-global-color-secondary);
}

.wd-single-price .price ins .amount span,
.wd-single-price .price .amount span {
    color: #B3B3B3;
    font-size: 15px;
    display: inline-block;
}

.wd-single-price .price del,
.wd-single-price .price del .amount {
    font-size: 16px;
    color: #F2F2F3;
    font-weight: 400;
}

.wd-single-add-cart .quantity {
    width: 100%;
}

.wd-single-add-cart .cart .quantity input[type="number"] {
    width: calc(100% - 92px)
}

/* :is(.product-quantity, .cart) .quantity {
    background-color: #191405;
    padding: 8px;
    align-items: center;
    border-radius: 6px;
} */

:is(.product-quantity, .cart) .quantity input[type="button"] {
    color: var(--e-global-color-primey) !important;
    border-radius: 4px !important;
    width: 42px;
    height: 42px !important;
    max-height: 42px;
    font-size: 28px;
    font-weight: 300;
}

:is(.product-quantity, .cart) .quantity input[type="button"]:hover {
    background-color: #645422 !important;
}

:is(.product-quantity, .cart) .quantity input[type="number"] {
    border-radius: 4px !important;
    border: unset !important;
    height: 42px;
    font-size: 18px !important;
    margin: 0 4px;
}

.single-product .single_add_to_cart_button {
    width: 100%;
    height: 38px;
    font-size: 14px;
    border-radius: 10px;
    flex-direction: row-reverse;
    transition: all ease .3s;
    background: var(--e-global-color-accent);
    color: #000 !important;
    fill: #000;
    border: 2px solid transparent;

}

.single-product .single_add_to_cart_button:hover {
    box-shadow: unset;
    background-color: #AA8C2C;
    border-color: var(--e-global-color-accent);
}

.single-product .single_add_to_cart_button:not(.loading)::before {
    font-family: "woodmart-font";
    margin-right: 8px;
    font-weight: 400;
    transition: all ease .3s;
    opacity: 1;
    position: relative;
    font-size: 18px;
}

.variations_form table.variations {
    text-align: right;
}

table.variations th.label {
    padding: 10px 0 10px 10px !important;
}

table.variations label {
    color: var(--e-global-color-secondary);
    font-size: 16px;
    font-weight: 600;
}

[class*="wd-swatches"].wd-bg-style-2 .wd-swatch.wd-bg,
[class*="wd-swatches"].wd-text-style-2 .wd-swatch.wd-text {
    box-shadow: unset !important;
}

.wd-single-add-cart [class*="wd-swatches"].wd-bg-style-2 .wd-swatch.wd-bg,
.wd-single-add-cart [class*="wd-swatches"].wd-text-style-2 .wd-swatch.wd-text {
    border: 1px solid #5F4F19;
    box-shadow: unset !important;
    border-radius: 10px;
    height: 40px;
    padding: 6px;
}

.wd-single-add-cart [class*="wd-swatches"].wd-bg-style-2 .wd-swatch.wd-bg.wd-active,
.wd-single-add-cart [class*="wd-swatches"].wd-bg-style-2 .wd-swatch-wrap.wd-active .wd-swatch.wd-bg,
.wd-single-add-cart [class*="wd-swatches"].wd-text-style-2 .wd-swatch.wd-text.wd-active,
.wd-single-add-cart [class*="wd-swatches"].wd-text-style-2 .wd-swatch-wrap.wd-active .wd-swatch.wd-text {
    border: 2px solid var(--e-global-color-secondary);
}

.wd-reset-side-md .reset_variations {
    margin: 10px;
}

.wd-single-add-cart .stock.out-of-stock {
    color: var(--e-global-color-primary);
    border: 2px solid var(--e-global-color-accent);
    font-size: 16px;
    font-weight: 600;
    padding: 12px 22px;
    border-radius: 8px;
    line-height: 1.5;
    height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.wd-wtl-form {
    text-align: right;
    background-color: rgba(255 255 255 / 10%);
    padding: 24px !important;
}

.wd-wtl-form .wd-wtl-form-fields {
    justify-content: start;
}

/* -------------  */
.wd-single-gallery .wd-gallery-images {
    padding: 16px;
    background-color: #1F1D18;
    border-radius: 24px
}

.woocommerce-product-gallery .woocommerce-product-gallery__image {
    border-radius: 24px !important;
}

.wd-single-gallery .product-labels {
    top: 0 !important;
    inset-inline-end: 0px !important;
}

.wd-single-gallery .product-labels .product-label.onsale {
    background-color: var(--e-global-color-secondary);
    color: #000;
    min-width: 50px;
    height: 38px;
    border-radius: 14px 0 14px 0;
    font-size: 16px;
    display: flex;
    align-items: center;
}

.wd-single-gallery .wd-nav-arrows.wd-pos-sep .wd-next {
    inset-inline-start: calc(100% - 10px);
}

.wd-single-gallery .wd-nav-arrows.wd-pos-sep .wd-prev {
    inset-inline-end: calc(100% - 10px)
}

.wd-single-gallery .wd-gallery-thumb .wd-btn-arrow .wd-arrow-inner {
    background-color: transparent;
    padding: 10px;
}

.wd-single-gallery .wd-btn-arrow .wd-arrow-inner:after {
    font-size: 14px;
}

/* ------------------- single products tabs -------------------   */

.wd-single-tabs .wd-tab-wrapper {
    background-color: #1F1D18;
    border-radius: 24px;
    padding: 0 24px;
}

.wd-single-tabs .wd-tab-wrapper>.wd-all-open-title.title {
    background-color: var(--e-global-color-accent);
    display: inline-flex;
    padding: 10px;
    color: #000;
    border-radius: 12px;
    font-size: 20px;
    transform: translate(0px, -24px);
    margin-bottom: 10px;
}

#details-product .shop_attributes tbody {
    margin-bottom: 0
}

#details-product .shop_attributes tr {
    padding: 0;
    margin-bottom: 0;
    border-bottom: 1px solid;
    border-image: linear-gradient(90deg, rgba(33 121 217 / 70%), var(--e-global-color-secondary)) 1;
}

#details-product .shop_attributes tr:nth-child(even) {
    border-image: linear-gradient(90deg, var(--e-global-color-secondary), rgba(33 121 217 / 70%)) 1;
}

#details-product .shop_attributes tr:last-child {
    border-bottom: 0
}

#details-product .shop_attributes tr th {
    padding: 16px 18px 16px 2px;
    height: 100%;
    font-size: 20px;
    color: var(--e-global-color-secondary);
}

#details-product .shop_attributes tr td {
    font-size: 18px;
    color: #FFF;
    text-align: right;
}

#details-product .shop_attributes tbody {
    border-right: 2px solid;
    border-image: linear-gradient(180deg, var(--e-global-color-secondary), rgba(33 121 217 / 70%)) 1;
}

#details-product .shop_attributes tbody tr::before {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    background: #FF4500;
    border-radius: 100px;
    box-shadow: 0 0 10px rgba(255 69 0 / 70%);
    right: -4px;
}

/* ---------------------------------  */

/* Review and comments */
.wd-rating-summary {
    display: flex;
    justify-content: center;
    background-color: rgba(255 255 255 / 10%);
    padding: 20px;
    border-radius: 20px;
    border: 2px solid #5F4F19;
}

.wd-rating-summary-heading {
    width: 50%;
    text-align: center;
    margin: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.wd-rating-summary-cont {
    width: 50%;
}

.wd-rating-summary .wd-progress-bar :is(.progress-area, .progress-bar) {
    height: 6px;
}

.wd-rating-summary .wd-progress-bar .progress-area {
    background-color: #C8C8CB;
}

#reviews .wd-review-style-2>li {
    background-color: #06183C;
    border: 1px solid #5F4F19;
}

#reviews .wd-review-style-2 .children {
    border-top: 0;
}

.wd-review-arguments .wd-pros .wd-argument-label {
    color: #195245;
}

.wd-review-arguments .wd-cons .wd-argument-label {
    color: #AD0023;
}

.wd-review-arguments {
    font-size: 13px;
}

.comment-form #submit {
    color: var(--e-global-color-accent);
    fill: var(--e-global-color-accent);
    background-color: var(--e-global-color-secondary);
    border: 2px solid var(--e-global-color-accent);
    font-size: 14px;
    font-weight: 600;
    padding: 12px 42px;
    border-radius: 8px;
    transition: all ease .3s;
    height: 48px;
}

.comment-form #submit:hover {
    color: #FFF;
    background-color: var(--e-global-color-accent);
}

.comment-form p.aiowps-captcha {
    max-width: 300px;
}

/* ------------------- End single products tabs -------------------   */

/* ----------------------- product archive -----------------------  */
.page-title .entry-title {
    font-size: 32px !important;
    font-weight: 700;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    line-height: 1.8;
    gap: 4px;
    z-index: 9;
}

.page-title .entry-title::before {
    content: '';
    display: inline-flex;
    width: 18px;
    height: 40px;
    margin-left: 12px;
    background-image: url(/wp-content/uploads/2026/02/heading-icon.svg);
}


.wd-content-area .filters-area.always-open {
    padding: 0;
    border: 0;
}

.wd-content-area .filters-inner-area.wd-grid-g {
    display: flex;
    width: 100%;
    align-items: center;
}

.wd-content-area .woodmart-woocommerce-sort-by {
    width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.wd-content-area .widget-title {
    font-size: 14px;
    margin-bottom: 0;
    width: auto;
    display: inline-flex;
    font-weight: 400;
    gap: 8px;
    align-items: center;
}

.wd-content-area .woocommerce-ordering-list ul {
    display: flex;
}

.wd-content-area .woocommerce-ordering-list ul li {
    margin-bottom: 0;
}

.wd-content-area .woocommerce-ordering-list a {
    padding: 0 12px;
    color: var(--e-global-color-primary);
    font-size: 13px;
    font-weight: 600;
}

.wd-content-area .woocommerce-ordering-list a.selected-order {
    color: var(--e-global-color-accent);
}

.woocommerce-result-count {
    font-size: 12px;
}

/* load more button in archive   */

.products-footer .wd-load-more {
    font-size: 14px;
    font-weight: 600;
    border-radius: 10px;
    transition: all ease .3s;
    line-height: 1.3;
    height: 48px;
    overflow: hidden;
    background: var(--e-global-color-accent);
    color: #000 !important;
    fill: #000;
    border: 2px solid transparent;
}

.products-footer .wd-load-more:hover,
.products-footer .wd-load-more.wd-load-more-loader {
    box-shadow: unset;
    background-color: #AA8C2C;
    border-color: var(--e-global-color-accent);
}

/* in search - no product  */
.no-products-footer {
    background-color: #1F1D18;
    padding: 40px 24px;
    border-radius: 8px;
    border: 1px solid var(--e-global-color-accent);
}

/* shop sidebar  */
.dev-shop-sidebar.wd-col-offcanvas-sm>.e-con {
    background: #1F1D18;
    border: 1px solid #5F4F19;
    border-radius: 20px;
    padding: 30px 20px;
}

.sidebar-widget.wd-widget .widget-title {
    font-size: 16px;
    position: relative;
    background-color: transparent;
    color: var(--e-global-color-secondary);
    margin-bottom: 20px;
    border-bottom: 1px solid #333333;
    padding-bottom: 16px;
}

.wd-widget.sidebar-widget:not(.widget_product_search, .widget_search) {
    background-color: #1F1D18;
    padding: 20px 16px !important;
    border-radius: 24px;
}

.sidebar-widget .wd-swatches-filter li.wc-layered-nav-term {
    padding: 4px 8px;
    background: rgba(255 255 255/ 5%);
    border: 1px solid rgba(255 255 255/ 15%);
    border-radius: 10px;
    color: #FFF;
    font-size: 14px;
}

.sidebar-widget .wd-swatches-filter li.wc-layered-nav-term a {
    color: inherit;
}

.wd-filter-list li .count {
    color: var(--e-global-color-accent);
    border: 0;
    font-size: inherit;
    background-color: transparent !important;
}

.sidebar-widget .wd-swatches-filter li.wc-layered-nav-term:hover,
.wd-filter-list .wc-layered-nav-term.wd-active {
    border-color: rgba(255 255 255/ 50%) !important;
    background: rgba(255 255 255/ 15%);
}

.widget_price_filter .price_label span {
    color: var(--e-global-color-secondary) !important;
}

/* stock-status */
.wd-widget-stock-status {
    display: flex;
    justify-content: space-between;
}

.wd-widget-stock-status .widget-title {
    color: #FFF !important;
    margin-bottom: 0;
}

.wd-widget-stock-status ul.wd-checkboxes-on a {
    font-size: 0;
}

.wd-widget-stock-status ul.wd-checkboxes-on a::before {
    height: 0;
    width: 0;
    visibility: hidden;
}

.wd-widget-stock-status ul.wd-checkboxes-on a {
    cursor: pointer;
    text-indent: -9999px;
    width: 60px;
    height: 26px;
    border: 1px solid #5F4F19;
    display: block;
    border-radius: 100px;
    position: relative;
}

.wd-widget-stock-status ul.wd-checkboxes-on a:after {
    content: '';
    position: absolute;
    top: 2px;
    left: 2px;
    width: 20px;
    height: 20px;
    background: #DDD;
    border-radius: 90px;
    transition: 0.3s;
}

.wd-widget-stock-status ul.wd-checkboxes-on .wd-active a::after {
    background: #FFC857;
}

.wd-widget-stock-status ul.wd-checkboxes-on .wd-active a::after {
    left: calc(100% - 2px);
    transform: translateX(-100%);
}

.wd-widget-stock-status ul.wd-checkboxes-on a:active:after {
    width: 30px;
}

/* ------------  */
/* ----------------------- cart - checkout - order -----------------------  */
.page-title.page-title-default {
    padding: 42px 0;
}

.woocommerce-cart-form {
    background: #1F1D18;
    border: 1px solid #5F4F19;
    border-radius: 20px;
    padding: 30px 20px;
}

.woocommerce-cart-form table th,
.woocommerce-cart-form table td {
    border-color: rgba(255 255 255 / 40%) !important;
}

.woocommerce-cart-form td.product-name a {
    /* color: #750017; */
}

.woocommerce-cart-form table td.product-subtotal .amount,
.cart-totals-inner .amount {
    color: #FFF;
}

.wd-coupon-form .button[name="apply_coupon"] {
    /* color: var(--e-global-color-accent);
background-color: var(--e-global-color-secondary);
border: 2px solid var(--e-global-color-accent); */
}

.wc-proceed-to-checkout .pre-invoice {
    width: 100%;
    background-color: #E5E8F0;
    color: #6E7FAB;
    border-radius: 8px;
}

.cart-content-wrapper .cart-totals-inner {
    background: #1F1D18;
    border: 1px solid #5F4F19 !important;
    border-radius: 20px !important;
    padding: 30px 20px !important;
}

.cart-totals-inner>h2 {
    font-size: 18px !important;
    margin-bottom: 20px;
    font-weight: 800;
}

.cart-totals-inner.wd-layout-2 tr:not(:last-child) {
    border-bottom: 1px solid rgba(255 255 255 / 50%)
}

/* end cart  */
div#customer_details {
    background: #1F1D18;
    border: 1px solid #5F4F19 !important;
    border-radius: 20px !important;
    padding: 30px 20px !important;
}

#order_review tr.woocommerce-shipping-totals {
    flex-direction: column;
    align-items: flex-start;
}

#shipping_method li {
    margin-bottom: 25px;
    font-size: 14px;
}

#order_review #shipping_method input.shipping_method {
    float: right;
    margin: 0 0 0 10px;
}

form.checkout .checkout-order-review {
    background: #1F1D18 !important;
    border: 1px solid #5F4F19 !important;
    border-radius: 20px !important;
    padding: 30px 20px !important;
}

.checkout-order-review .amount {
    color: #FFF;
}

.checkout-order-review::before,
.checkout-order-review::after {
    display: none;
}

#billing_country_field {
    display: none;
}

.woocommerce-thankyou-order-received {
    color: var(--e-global-color-primary) !important;
    background-color: #7F6921;
    border: 1px solid var(--e-global-color-accent) !important;
}

address {
    font-style: normal !important;
}

.shop_table .amount {
    color: #FFF;
}

/* my account  */
.wd-my-account-sidebar {
    border-radius: 12px;
    background-color: #1F1D18;
    border: 1px solid #5F4F19 !important;
    padding: 24px !important;
}

.woocommerce-MyAccount-title {
    position: relative;
    padding-right: 14px;
    font-weight: 600;
    border-bottom: unset !important;
    margin-bottom: 20px !important;
}

.woocommerce-MyAccount-title::before {
    /* content: ''; */
    position: absolute;
    width: 6px;
    height: 24px;
    background-color: var(--e-global-color-secondary);
    border-radius: 4px;
    right: 0;
}

.woocommerce-MyAccount-navigation ul li a {
    font-size: 14px;
    background-color: transparent !important;
}

.woocommerce-MyAccount-navigation ul li.is-active>a,
.woocommerce-MyAccount-navigation ul li a:hover {
    color: var(--e-global-color-accent) !important;
}

.wd-my-account-links a {
    background-color: #1F1D18 !important;
    color: var(--e-global-color-text) !important;
    box-shadow: unset !important;
    border: 1px solid transparent !important;
}

.wd-my-account-links a:hover {
    border-color: var(--e-global-color-accent) !important;
}

.woocommerce-MyAccount-content>p {
    font-size: 13px !important;
    color: var(--e-global-color-text);
    margin-bottom: 12px;
}

.woocommerce-orders-table thead tr th {
    /* background-color: #F0F2F5; */
    /* border-bottom: 2px solid #9BA8BB; */
}

table.woocommerce-orders-table {
    border-radius: 4px;
    overflow: hidden;
}

:is(.register, .login) .button {
    border: 2px solid var(--e-global-color-accent);
}

.wd-wishlist-head .wd-social-icons {
    display: none;
}

.wd-empty-page {
    font-size: 24px !important;
}

.page-title .title {
    font-size: 24px;
    color: var(--e-global-color-primary)
}


/* ----------------- */
.accordion-style .e-n-accordion-item-title {
    border: unset;
    padding: 0;
    outline: none;
}

.accordion-style details.e-n-accordion-item {
    border: 1px solid #5F4F19;
    background-color: #1F1D18;
    border-radius: 10px;
    padding: 16px 22px;
    --n-accordion-item-title-space-between: 20px;
}

.accordion-style details.e-n-accordion-item[open] {
    background-color: var(--e-global-color-accent);
    border-color: #0054AF;
    box-shadow: 4px 4px 0 rgb(0 84 175)
}

.accordion-style .e-n-accordion-item-title .e-n-accordion-item-title-text {
    font-size: 16px;
    font-weight: 600;
    color: #FFF;
    fill: #FFF
}

.accordion-style details.e-n-accordion-item .e-n-accordion-item-title .e-n-accordion-item-title-icon span>svg {
    fill: #FFF !important;
}

.accordion-style .e-n-accordion-item>.e-con {
    padding: 10px 0 0;
}

/* post card -- blog  */

.dev-posts .elementor-post .elementor-post__card {
    background: #1F1D18;
    border: 1px solid #5F4F19;
    border-radius: 20px;
    padding: 15px 20px;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    transition: all ease .3s;
}

.dev-posts .elementor-post a.elementor-post__thumbnail__link {
    margin-bottom: 16px;
    border-radius: 20px;
    overflow: hidden;
    order: 1;
}

.dev-posts .elementor-post .elementor-post__text {
    margin-top: 10px;
    padding: 0;
    order: 3;
}

.dev-posts .elementor-post__text .elementor-post__title {
    color: var(--e-global-color-primary);
    font-size: 16px;
    font-weight: 600;
    line-height: 1.8;
    margin-bottom: 0;
    transition: all ease .3s;
}

.dev-posts .elementor-post:hover .elementor-post__text .elementor-post__title {
    color: var(--e-global-color-secondary)
}

.dev-posts .elementor-post__text .elementor-post__title a {
    color: inherit;
}

.dev-posts .elementor-post .elementor-post__excerpt p {
    color: #FFF;
    font-size: 12px;
    line-height: 2;
}

.dev-posts .elementor-post .elementor-post__meta-data {
    color: var(--e-global-color-text);
    font-size: 12px;
    margin-top: 0 !important;
    order: 2;
    border: unset;
    padding: 0;
    width: fit-content;
    margin-right: 10px;
}

.dev-posts .elementor-post .elementor-post__badge {
    margin: 0;
    background-color: #40425A;
    color: var(--e-global-color-secondary);
    border: 1px solid #5F4F19;
    font-size: 12px;
    position: static;
    width: fit-content;
    order: 2;
}

.dev-posts .elementor-button-wrapper a.elementor-button-link {
    font-size: 14px;
    font-weight: 600;
    padding: 12px 42px;
    border-radius: 10px;
    line-height: 1.3;
    height: 48px;
    background: var(--e-global-color-accent);
    color: #FFF !important;
    fill: #FFF;
    border: 2px solid #0054AF !important;
    box-shadow: 2px 2px 0 rgb(0 84 175);
    transition: all ease .3s;
}

.dev-posts .elementor-button-wrapper a.elementor-button-link:hover {
    box-shadow: unset;
    transform: translate(2px, 2px);
    background-color: #1263BC;
}

/* woodmart blogc art style  */
.blog-design-masonry {
    /* margin-bottom: -50px; */
}

.blog-design-masonry .wd-post-date.wd-style-with-bg {
    inset-inline-start: auto;
    inset-inline-end: 16px;
    top: 16px;
    min-width: 40px;
    padding: 10px 6px;
}

.blog-design-masonry .wd-post-date span.post-date-day {
    font-size: 16px;
}

.blog-design-masonry .wd-post-title.post-title {
    font-size: 15px;
}

.blog-design-masonry .wd-post-content {
    transition: all ease .3s;
    border-radius: 24px;
    padding: 20px 10px;
}

.blog-design-masonry .wd-post-content .wd-post-read-more {
    background-color: #FFF;
    color: #000;
    padding: 8px 16px;
    border-radius: 8px;
    font-size: 14px;
    margin-top: 10px;
    opacity: 0;
    transition: all ease .3s;
}

.blog-design-masonry .wd-post-content .wd-post-read-more a {
    color: inherit;
}

.blog-design-masonry:hover .wd-post-content .wd-post-read-more {
    opacity: 1;
}

.blog-design-masonry .wd-post-content .wd-post-read-more:hover {
    background-color: var(--e-global-color-accent)
}

.blog-design-masonry:hover .wd-post-content {
    background-color: rgba(255 255 255 / 30%);
    backdrop-filter: blur(12px);
    transform: translate(0, -50px);
}


/* gravity form  */
.gform-theme--api,
.gform-theme--framework {
    --gf-ctrl-color: #FFF;
    --gf-ctrl-bg-color-focus: rgba(255 255 255 / 20%);
    --gf-ctrl-bg-color-hover: rgba(255 255 255 / 20%);
}

.ginput_container input:focus,
.ginput_container textarea:focus {
    outline-color: var(--e-global-color-accent);
}

.ginput_counter {
    display: none;
}

.gform_wrapper .gform_footer .gform_button {
    color: #FFF !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    padding: 16px 52px !important;
    border-radius: 10px !important;
    outline: none !important;
    background: var(--e-global-color-accent) !important;
    box-shadow: unset !important;
    position: relative;
    border: 2px solid transparent;
    transition: all ease .3s !important;
}

.gform_footer input[type=submit]:hover {
    background-color: #AA8C2C !important;
    border-color: var(--e-global-color-accent) !important;
}

body .gform_wrapper .top_label div.ginput_container,
.ginput_container.ginput_container_textarea {
    margin: 0 !important;
}

.gform_wrapper label.gfield_label {
    font-size: 16px;
    font-weight: 400;
    color: var(--e-global-color-primary);
    margin-bottom: 10px;
}

.gform_wrapper .gform_drop_area {
    background-color: #F8F9FA;
    border: none;
    border-radius: 10px !important;
    box-shadow: unset;
    padding: 30px 0 !important;
    font-size: .8rem;
    outline: none;
}

.gform_wrapper .ginput_container_fileupload .gform_button_select_files {
    background-color: #C6C7C8 !important;
    box-shadow: unset !important;
    border: unset !important;
}

.gform-theme--framework .gfield:where(.gfield--type-fileupload, .gfield--input-type-fileupload) .gform_drop_area:before {
    color: var(--e-global-color-accent);
}

/* Gravity form checkbox and option  */
.gfield_radio input[type="radio"],
.gfield_checkbox input[type="checkbox"] {
    position: relative;
    color: var(--e-global-color-primary);
    width: 15px !important;
    height: 15px !important;
    border: 1px solid;
    cursor: pointer;
    border-radius: 2px !important;
}

.gfield_radio input[type="radio"]:checked,
.gfield_checkbox input[type="checkbox"]:checked {
    background-color: var(--e-global-color-accent);
}

.gfield_radio input[type="radio"]::before,
.gfield_checkbox input[type="checkbox"]::before {
    background-color: var(--e-global-color-accent) !important;
}

.gfield--type-radio .gchoice .gform-field-label {
    font-size: 14px;
    font-weight: 400;
    margin-right: 3px;
}

/* Gravity form Massage and errors */

.gform_confirmation_message {
    min-height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #1F1D18;
    border: 1px solid #5F4F19;
    color: var(--e-global-color-primary);
    font-weight: 600;
    border-radius: 20px;
}

.gform_wrapper li.gfield.gfield_error {
    background: transparent !important;
    border: none !important;
}

.validation_message {
    color: red !important;
    font-weight: normal !important;
    padding: 10px 0 0 0 !important;
}

.gform_wrapper div.validation_error {
    color: #d50000;
    border: none !important;
    background: rgba(255, 0, 0, 0.05);
    border-radius: 5px;
    padding: 15px 10px;
    font-family: iransans;
    font-weight: normal;
    margin: 0 !important;
}

.gform_wrapper .gfield_validation_message,
.gform_wrapper .validation_message {
    background-color: transparent !important;
    border: none !important;
    font-size: 13px !important;
}

.gform_wrapper .gfield_required {
    color: #FF0000 !important;
}

.gform_wrapper form .gform_footer.top_label {
    justify-content: flex-end;
    position: absolute;
    left: 16px;
    bottom: 16px;
    z-index: 9;
}

.gform_wrapper li.gfield.gf_list_3col ul.gfield_checkbox li,
.gform_wrapper li.gfield.gf_list_3col ul.gfield_radio li {
    margin: 0px 0 8px;
}

body .gform_wrapper ul li.gfield {
    margin-top: 25px !important;
}

html[dir=rtl] .gform_wrapper span.ginput_left,
html[dir=rtl] .gform_wrapper ul.gform_fields li.gfield {
    padding-left: 20px !important;
}

.ginput_container_phone input[type='tel']::placeholder {
    text-align: right;
}

.ginput_container_phone input {
    text-align: left;
}

/* new gravityform styles 2024 */
.gform_wrapper .gform_heading {
    display: none;
}

.gform-theme--foundation .gform_fields {
    grid-row-gap: 20px !important;
}

.gform_wrapper .ginput_container input {
    --gf-local-height: 50px !important;
    --gf-local-bg-color: rgba(255 255 255 / 10%);
}

.gform_wrapper .ginput_container textarea {
    --gf-local-bg-color: #F7F7F7 !important;
}

.gfield--type-section.field_description_below {
    border-color: #DDF4FF;
}

.gfield--type-section .gsection_title {
    margin: 20px 0 0;
    font-size: 22px;
}

/* gfield captcha */
.gfield_captcha_container {
    display: flex !important;
}

.gfield.gfield--type-captcha .gfield_label {
    margin-bottom: 0;
    font-weight: 600;
}

.gfield.gfield--type-captcha {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
}

.gfield_captcha_input_container {
    margin-right: 10px;
}

/* -------- End Gravity Forms -------- */
/* other pages  */
.hero-content-box {
    background: rgba(255 255 255 / 25%);
    backdrop-filter: blur(150px);
}

.contact-card {
    height: 100%
}

.contact-card .elementor-image-box-wrapper {
    background-color: #1F1D18;
    padding: 20px 10px;
    border-radius: 20px;
    position: relative;
    z-index: 9;
    height: 100%;
    border: 1px solid var(--e-global-color-accent);
}

/* .contact-card .elementor-image-box-wrapper::before {
content: '';
position: absolute;
inset: 0;
border-radius: inherit;
padding: 2px;
background: linear-gradient(180deg, rgba(255 255 255 / 50%), #1F1D18 70%);
-webkit-mask:
linear-gradient(#fff 0 0) content-box,
linear-gradient(#fff 0 0);
-webkit-mask-composite: destination-out;
mask-composite: exclude;
z-index: -1;
} */

.profile-card figure.elementor-image-box-img {
    background: url(/wp-content/themes/woodmart-child/images/profile-card-bg.svg) #012CA3 no-repeat bottom;
    border: 1px solid #FFF;
    border-radius: 40px;
    padding: 10px 10px 0;
}

.dev-counter-box {
    background-color: rgba(255 255 255 / 25%);
    padding: 60px 40px;
    border-radius: 40px;
    border: 1px solid #FFF;
    backdrop-filter: blur(80px);
}

/* single post  */
.single-post-hero .e-con-inner::before {
    content: '';
    position: absolute;
    width: calc(100% - 80px);
    height: 100%;
    background: #1A3B72;
    border-radius: 40px;
    left: 40px;
}

.single-post-hero .elementor-post-info__item--type-terms a.elementor-post-info__terms-list-item {
    background-color: var(--e-global-color-primary);
    color: #000;
    font-size: 14px;
    padding: 2px 10px;
    border-radius: 100px;
    box-shadow: 2px 2px 0 #000;
}

.single-post-hero .elementor-post-info__item--type-terms a.elementor-post-info__terms-list-item:hover {
    background-color: var(--e-global-color-secondary);
}

.dev-show-post-category-btn .elementor-heading-title {
    font-size: 14px;
    font-weight: 600;
    padding: 12px 22px 12px 54px;
    border-radius: 10px;
    transition: all ease .3s;
    line-height: 1.3;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--e-global-color-accent);
    color: #FFF !important;
    border: 2px solid #0054AF !important;
    box-shadow: 2px 2px 0 rgb(0 84 175);
    position: relative;
}

.dev-show-post-category-btn .elementor-heading-title:hover {
    box-shadow: unset;
    transform: translate(2px, 2px);
    background-color: #1263BC;
}

.dev-show-post-category-btn .elementor-heading-title a {
    padding: 14px 112px 14px 24px;
    position: absolute;
    left: 0;
    z-index: 1;
}

.dev-show-post-category-btn .elementor-heading-title a:not(:nth-child(1)) {
    display: none;
}

.dev-related-heading-post.dev-heading .elementor-heading-title span:not(:nth-child(1)) {
    display: none;
}



#ez-toc-container {
    border-radius: 10px;
    margin-top: 20px !important;
}

#ez-toc-container .ez-toc-title-container {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transform: translateY(-30px);
}

#ez-toc-container .ez-toc-title-container .ez-toc-title {
    background-color: #FFF;
    color: #000;
    font-size: 14px;
    font-weight: 600;
    padding: 8px 20px;
    border-radius: 8px;
    border: 2px solid var(--e-global-color-accent);
    box-shadow: 2px 2px 0 var(--e-global-color-accent);
}

#ez-toc-container ul li {
    line-height: 2 !important;
}

#ez-toc-container ul:not([class^="ez-toc-list-level-"]) {
    margin: 0 12px 0 0;
}

/* ---- newletter ----   */
.newsletter-form .gform-body .gform_fields {
    gap: 0 !important;
}

.newsletter-form .gform_wrapper .gfield--type-email {
    grid-column: span 11;
}

.newsletter-form .gform_wrapper .ginput_container input {
    border: 1px solid #000 !important;
    box-shadow: unset !important;
    transform: unset;
    height: 46px !important;
    font-size: 14px !important;
    border-radius: 0 8px 8px 0 !important
}

.gform-theme--foundation .gfield--type-submit.gfield--width-half {
    grid-column: auto;
    width: 80px;
}

.newsletter-form #field_submit .gform-button {
    border: 1px solid #000 !important;
    box-shadow: unset !important;
    transform: unset;
    width: 80px !important;
    height: 46px !important;
    padding: 0 !important;
    font-size: 14px !important;
    border-radius: 8px 0 0 8px !important;
    background-color: var(--e-global-color-accent);
}

.newsletter-form #field_submit .gform-button:hover {
    background-color: #1263BC;
}

/* single post  */

/* blockquote  */
.post-single-page .wd-entry-content blockquote {
    background-color: #F4F4F4;
    padding: 20px 24px;
    border-radius: 8px;
}

.post-single-page .wd-entry-content blockquote li a {
    color: var(--e-global-color-accent);
    transition: all ease .3s;
}

.post-single-page .wd-entry-content blockquote ul {
    list-style: none;
    position: relative;
    padding-right: 12px;
}

.post-single-page .wd-entry-content blockquote ul::before {
    content: '';
    position: absolute;
    width: 6px;
    height: 100%;
    background-color: var(--e-global-color-accent);
    border-radius: 8px;
    right: 0;
}

.post-single-page .wd-entry-content blockquote ul li {
    position: relative;
    padding-right: 32px;
    margin-bottom: 5px;
    font-size: 14px;
    font-weight: 600;
}

/* -------------------  */
.post-single-page .wd-entry-content ul:not(blockquote ul, [class^="ez-toc-list"]) li:before {
    content: "";
    width: 7px;
    height: 7px;
    border-radius: 40px;
    background-color: var(--e-global-color-secondary);
    position: absolute;
    right: 5px;
    top: 10px;
    outline: 5px solid rgba(255 200 87 / 35%)
}

.post-single-page .wd-entry-content ul:not(blockquote ul, [class^="ez-toc-list"]) li {
    position: relative;
    padding-right: 30px;
    line-height: 2;
}

.post-single-page .wd-entry-content ul:not(blockquote ul, [class^="ez-toc-list"]) {
    line-height: 2;
    margin-top: 15px;
    margin-bottom: 15px;
    list-style: none;
    padding-right: 10px;
}

.post-single-page .wd-entry-content table {
    border-radius: 8px 8px 0 0;
    overflow: hidden;
    margin-top: 20px;
    margin-bottom: 20px;
    background-color: #1F1D18;
    width: 100% !important;
    text-align: center !important
}

.post-single-page .wd-entry-content table thead tr {
    background: var(--e-global-color-accent);
    color: #FFF;
    font-size: 15px
}

.post-single-page .wd-entry-content th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: center
}

.post-single-page .wd-entry-content td {
    padding: 12px 8px;
    text-align: center;
    font-size: 14px
}

.post-single-page .wd-entry-content tr:nth-child(even) {
    background-color: #1E2239;
}

.post-single-page .wd-entry-content tbody tr:hover {
    background-color: #00031A
}

.post-single-page .wd-entry-content {
    font-size: 16px;
}

.post-single-page .wd-entry-content:is(h2, h3, h4, h5, h6) {
    font-weight: 600;
    margin-bottom: 20px;
    color: var(--e-global-color-secondary);
}

.post-single-page .wd-entry-content h2 {
    font-size: 22px
}

.post-single-page .wd-entry-content h3 {
    font-size: 20px
}

.post-single-page .wd-entry-content h4 {
    font-size: 18px
}

.post-single-page .wd-entry-content :is(h5, h6) {
    font-size: 16px
}

.post-single-page .wd-entry-content a:not(:hover, blockquote a, .ez-toc-link, .lwptoc_item a) {
    color: #ffbc33;
}

.post-single-page .wd-entry-content iframe,
.post-single-page .wd-entry-content img {
    border-radius: 20px;
    margin: 20px 0;
}

.post-single-page .wd-entry-content img.aligncenter {
    margin: 20px auto;
}

.post-single-page .wd-entry-content .wp-video {
    border-radius: 8px;
    overflow: hidden;
    position: relative;
    margin: 20px 0;
}

@media (max-width:767px) {
    .post-single-page .wd-entry-content {
        font-size: 14px;
    }

    .post-single-page .wd-entry-content h2 {
        font-size: 22px
    }

    .post-single-page .wd-entry-content h3 {
        font-size: 20px
    }

    .post-single-page .wd-entry-content h4 {
        font-size: 18px
    }

    .post-single-page .wd-entry-content :is(h5, h6) {
        font-size: 16px
    }
}

/* kk-star-ratings  */
.kk-star-ratings {
    flex-direction: row-reverse;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
}

.kk-star-ratings .kksr-muted {
    display: none;
}

.kk-star-ratings .kksr-stars>div {
    gap: 15px;
    width: auto;
}

.kk-star-ratings .kksr-stars .kksr-icon {
    background-repeat: no-repeat;
    width: 70px !important;
    height: 65px !important;
}

.kk-star-ratings .kksr-stars .kksr-icon:hover {
    filter: brightness(1.1);
}

.kk-star-ratings .kksr-stars .kksr-star:nth-child(1) .kksr-icon {
    background-image: url(/wp-content/themes/woodmart-child/images/rating-emoji-1.svg) !important;
}

.kk-star-ratings .kksr-stars .kksr-star:nth-child(2) .kksr-icon {
    background-image: url(/wp-content/themes/woodmart-child/images/rating-emoji-2.svg) !important;
}

.kk-star-ratings .kksr-stars .kksr-star:nth-child(3) .kksr-icon {
    background-image: url(/wp-content/themes/woodmart-child/images/rating-emoji-3.svg) !important;
}

.kk-star-ratings .kksr-stars .kksr-star:nth-child(4) .kksr-icon {
    background-image: url(/wp-content/themes/woodmart-child/images/rating-emoji-4.svg) !important;
}

.kk-star-ratings .kksr-legend {
    font-size: 14px !important;
    font-weight: 600;
    margin: 0 auto;
}

/* post comments style  */
.comments-form-wrapper {
    display: flex;
    max-width: 1250px;
    width: 100%;
    margin: 0 auto;
    padding: 0 15px;
}

.comments-form-wrapper .comments-image-wrapper {
    display: flex;
    flex-direction: column;
    width: 35%;
    padding: 10px;
    align-items: center;
    justify-content: center;
}

.comments-form-wrapper .comments-title {
    font-size: 14px;
}

.comments-form-wrapper #respond {
    width: 65%;
    background: rgba(16 19 49 / 40%);
    border: 2px solid #5F4F19;
    border-radius: 40px;
    padding: 30px 20px;
}

.comments-form-wrapper #respond .cancel-comment-reply {
    margin-bottom: 20px;
}

.comments-form-wrapper li.comment #respond {
    margin: 40px 0;
}

.comments-form-wrapper #commentform .comment-form-fields {
    display: flex;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 30px;
}

.comments-form-wrapper #commentform .comment-form-fields .col-sm-6 {
    width: 50%;
}

.comments-form-wrapper #commentform label {
    display: none;
}

.comments-form-wrapper #commentform .comment-form-fields input {
    height: 55px;
}

.comments-form-wrapper #commentform .form-submit {
    position: absolute;
    bottom: 20px;
    left: 10px;
}

.comments-form-wrapper #commentform .comment-form-comment {
    position: relative;
}

.comment-form #submit {
    color: #FFF !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    padding: 9px 44px !important;
    border-radius: 10px !important;
    outline: none !important;
    background: var(--e-global-color-accent) !important;
    border: unset !important;
    position: relative;
    border: 2px solid #0054AF !important;
    box-shadow: 2px 2px 0 rgb(0 84 175) !important;
    transition: all ease .3s !important;
}

.comment-form #submit:hover {
    background-color: #1263BC !important;
    transform: translate(2px, 2px);
    box-shadow: unset !important;
}

/*commentlist*/
.comments-wrapper {
    position: relative;
    z-index: 9;
    margin-top: 40px;
    padding: 36px 25px;
}

.comments-wrapper::before {
    content: '';
    position: absolute;
    width: calc(100% - 80px);
    height: 100%;
    background: linear-gradient(180deg, rgba(33 121 217 / 20%), rgba(0 3 26 / 20%));
    border-radius: 40px;
    left: 40px;
    top: 0;
    z-index: -1;
    backdrop-filter: blur(80px);
}

.comments-wrapper::after {
    content: '';
    position: absolute;
    width: 145px;
    height: 145px;
    background: url(/wp-content/themes/woodmart-child/images/circle-yellow.png);
    right: -5px;
    top: 200px;
    z-index: -2;
}

.comments-wrapper .your-comment-label {
    color: #000;
    background-color: #FFF;
    font-size: 16px;
    font-weight: 600;
    border-radius: 10px;
    padding: 4px 24px;
    display: inline-flex;
    margin-bottom: 30px;
}

ul.commentlist,
.commentlist ul {
    list-style: none;
    max-width: 1250px;
    margin: 0 auto;
    padding: 0;
}

.commentlist li.comment.depth-1:not(:last-child) {
    border-bottom: 1px solid #5F4F19;
    margin-bottom: 20px;
    padding-bottom: 20px;
}

/* header comment  */
.comment-author {
    display: flex;
    align-items: center;
    gap: 12px;
}

.comment-author .comment-info {
    display: flex;
    gap: 10px;
}

.comment-author .avatar {
    border-radius: 100px;
}

.comment-info cite.fn {
    font-size: 16px;
    font-weight: 600;
    font-style: normal;
}

.comment-author .comment-meta a {
    color: var(--e-global-color-secondary);
    font-size: 12px;
}

.commentlist .comment-body .comment_text {
    font-size: 14px;
    padding-right: 58px;
}

.comment-extra-options {
    display: flex;
    align-items: center;
    gap: 16px;
}

.comment .cld-like-dislike-wrap {
    margin-bottom: 0;
}

.comment .cld-like-dislike-wrap .cld-like-wrap {
    display: flex;
    margin: 0;
    gap: 5px;
    min-width: auto;
}

.comment .cld-like-dislike-wrap .cld-like-wrap a {
    display: inline-flex;
    align-items: center;
}

.comment .cld-like-dislike-wrap img {
    height: 18px;
}

.comment .reply a {
    display: flex;
    align-items: center;
    color: #FFF;
    background-color: rgba(33 121 217 / 40%);
    padding: 2px 8px;
    font-size: 12px;
    border-radius: 8px;
    gap: 1px;
}

.comment .reply a:hover {
    background-color: var(--e-global-color-accent);
}

.comment a.comment-edit-link {
    font-size: 12px;
}

@media (max-width:1400px) {
    .dev-gradient-bg::before {
        width: calc(100% - 20px);
        left: 10px;
    }

    .sp-details-product-section::after,
    .dev-gradient-bg-3::before,
    .single-post-hero .e-con-inner::before,
    .comments-wrapper::before,
    .dev-gradient-bg-2::before {
        width: calc(100% - 20px) !important;
        left: 10px !important;
    }
}

@media (max-width: 1024px) {


    .whb-main-header .whb-col-right,
    .whb-main-header .whb-mobile-right {
        /* margin: 0; */
    }

    header.whb-header {
        /* padding: 16px 16px 5px; */
    }

    .whb-main-header {
        /* border-radius: 10px; */
    }


    .home .wd-content-layout {
        /* padding-top: 10px; */
    }

    .whb-main-header .whb-column.whb-mobile-left {
        flex: 1 1 48%;
        font-size: 13px;
    }

    .dev-cta-box>.e-con-inner {
        padding: 20px !important;
    }

    .dev-counter-box .elementor-widget-counter:not(:last-child)::before {
        display: none;
    }

    .post-single-page .wd-entry-content {
        font-size: 14px;
    }

    .kk-star-ratings .kksr-stars .kksr-icon {
        width: 50px !important;
        height: 48px !important;
        background-size: 50px;
    }

    div#ez-toc-container {
        margin-top: 40px !important;
    }

    .sp-details-product-section::before {
        transform: scale(.6);
        right: 20px;
    }

    #details-product .shop_attributes tr th {
        font-size: 16px;
    }

    #details-product .shop_attributes tr td {
        font-size: 14px;
    }

    .dev-details-list-repeater .ae-acf-repeater-wrapper .ae-acf-repeater-item {
        padding: 10px 20px;
    }

    .dev-heading .elementor-heading-title {
        font-size: 18px;
    }

    /* --------------------  */

    .dev-scroll-posts .wd-posts::-webkit-scrollbar-thumb,
    .dev-scroll-posts .elementor-posts::-webkit-scrollbar-thumb,
    .wd-carousel-dis-mb .wd-carousel-wrap::-webkit-scrollbar-thumb {
        background-color: var(--e-global-color-accent);
        border-radius: 4px;
    }

    .dev-scroll-posts .wd-posts::-webkit-scrollbar-track,
    .dev-scroll-posts .elementor-posts::-webkit-scrollbar-track,
    .wd-carousel-dis-mb .wd-carousel-wrap::-webkit-scrollbar-track {
        background-color: #E6E6E6;
        border-radius: 4px;
    }

    .dev-scroll-posts .wd-posts::-webkit-scrollbar-corner,
    .dev-scroll-posts .elementor-posts::-webkit-scrollbar-corner,
    .wd-carousel-dis-mb .wd-carousel-wrap::-webkit-scrollbar-corner {
        background-color: #E6E6E6;
    }

    .dev-scroll-posts .wd-posts::-webkit-scrollbar,
    .dev-scroll-posts .elementor-posts::-webkit-scrollbar,
    .wd-carousel-dis-mb .wd-carousel-wrap::-webkit-scrollbar {
        height: 2px;
    }

    /* ------------ */
    .dev-scroll-posts :is(.elementor-loop-container.elementor-grid, .elementor-posts, .wd-posts) {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: scroll;
        margin: 0 -15px;
        padding: 0 15px 10px;
    }

    .dev-scroll-posts :is(.elementor-loop-container .e-loop-item, .elementor-posts .elementor-post, .blog-design-masonry) {
        min-width: 300px;
    }

}

@media (max-width:767px) {

    .dev-banner,
    .dev-banner img {
        border-radius: 12px;
    }

    .dev-btn .elementor-button {
        font-size: 12px;
    }

    .dev-mobile-xl a.elementor-button {
        padding: 4px 2px;
    }

    .elementor-button span.elementor-button-icon {
        font-size: 16px;
    }

    .elementor-button .elementor-button-content-wrapper {
        gap: 4px;
    }

    /* single products  */
    .wd-single-gallery .wd-gallery-images .wd-nav-arrows {
        display: none;
    }

    .wd-single-gallery .wd-gallery-thumb .wd-btn-arrow {
        display: none;
    }

    .wd-rating-summary {
        flex-direction: column;
    }

    .wd-rating-summary-heading,
    .wd-rating-summary-cont {
        width: 100%;
    }

    .wd-rating-summary .wd-rating-summary-main {
        font-size: 28px;
    }

    /* .wd-single-gallery .wd-gallery-images {
padding: 0;
} */

    .woocommerce-product-gallery {
        /* padding: 20px; */
    }

    .wd-btn-design-full.wd-single-add-cart {
        width: 100%;
    }

    .single-product .single_add_to_cart_button {
        min-width: 100%;
        width: 100%;
    }

    .sp-features .elementor-icon-box-wrapper {
        height: 100%;
        padding: 6px;
    }

    .dev-details-list-repeater .ae-acf-repeater-wrapper .ae-acf-repeater-item {
        padding: 10px 15px;
    }

    #details-product .shop_attributes tr th {
        font-size: 14px;
        padding: 12px 10px 12px 0;
    }

    #details-product .shop_attributes tr td {
        font-size: 13px;
    }

    /* archive 767  */
    .wd-content-area .widget-title {
        font-size: 0;
        gap: 0;
    }

    /* skypc  */


    .main-slider {
        border-radius: 26px;
    }

    .main-slider .e-n-carousel.swiper {
        border-radius: 20px;
    }

    .main-slider .swiper-slide img {
        border-radius: 20px;
    }

    .product-grid-item .product-wrapper .product-element-bottom {
        padding: 20px 10px !important;
    }

    .product-grid-item .product-element-top {
        padding: 16px 10px 0;
    }

    .sp-details-product-section::after,
    .dev-gradient-bg-3::before,
    .single-post-hero .e-con-inner::before,
    .dev-gradient-bg::before,
    .dev-gradient-bg-2::before,
    .comments-wrapper::before {
        border-radius: 20px !important;
    }

    .dev-counter-box {
        padding: 40px 20px;
    }

    .comments-form-wrapper {
        flex-direction: column;
    }

    .comments-form-wrapper.comments-image-wrapper {
        width: 100%;
    }

    .comments-form-wrapper #respond {
        width: 100%;
        border-radius: 20px;
    }

    .comments-form-wrapper #commentform .comment-form-fields {
        flex-wrap: wrap;
    }

    .comments-form-wrapper #commentform .comment-form-fields .col-sm-6 {
        width: 100%;
    }
}