/*
 Theme Name:   Woodmart Child
 Theme URI:    https://www.eig-shop.com/
 Description:  Child theme for Woodmart by EIG
 Author:       EIG Developer
 Template:     woodmart
 Version:      1.0.0
*/

/* =================================================================
   تمام کدهای CSS سفارشی خودت را از این خط به بعد پیست کن:
   ================================================================= */
/* =================================================================
   1. General & Header Styles
   ================================================================== */
.whb-header-bottom {
    background-color: #ef4056;
}

.wd-page-title .title {
    font-size: 29px !important;
}

.header-info {
    white-space: nowrap;
}

@media (max-width: 768px) {
    .header-info {
        white-space: normal;
        display: flex;
        flex-direction: column;
        line-height: 1.6;
    }
}

/* =================================================================
   2. Typography & Persian Numbers (SS04)
   ================================================================== */
html, body, p, span, div, h1, h2, h3, h4, h5, h6, bdi, .wd-entities-title {
    -moz-font-feature-settings: "ss04";
    -webkit-font-feature-settings: "ss04";
    font-feature-settings: "ss04";
}

h1, h2, h3, h4, h5, h6, .widget-title, .title { 
    font-variation-settings: "wght" 700, "DOTS" 10; 
}

.wd-entities-title {
    font-variation-settings: "wght" 500, "DOTS" 4;
}

main .woocommerce-Price-currencySymbol {
    font-variation-settings: "wght" 400, "DOTS" 10;
    margin-right: 3px;
    color: #000;
}

main bdi {
    font-variation-settings: "wght" 500, "DOTS" 4;
}

p {
    line-height: 31px !important;
    text-align: justify !important;
}

/* =================================================================
   3. Media & Videos
   ================================================================== */
.wp-video {
    margin-bottom: 25px !important;
    margin-top: 25px !important;
    width: 720px;
    margin-right: auto;
    margin-left: auto;
}

.wd-grid-col .wp-video {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

img[data-lazyloaded] {
    width: auto !important;
    height: auto !important;
}

/* =================================================================
   4. Tables & Descriptions
   ================================================================== */
#tab-description table td {
    border: 1px solid #c0c0c0;
    padding: 5px;
}

#tab-description table {
    border-collapse: collapse;
}

#tab-description td, #tab-description th {
    border: 1px solid #eee;
    padding: 5px 10px;
    text-align: right;
}

#tab-description td p {
    padding: 0 !important;
    margin: 0 !important;
}

#tab-description .aligncenter {
    border: 1px #cacaca solid;
    border-radius: 10px;
    padding: 4px;
}

#tab-description a {
    border-bottom: 1px dashed red;
    font-weight: bold;
    color: green;
}

.page .type-page td { border: 1px #c4c4c4 solid !important; }
.page .type-page th { background-color: #e9e9e9; border: 1px #cbcbcb solid; }

.shop_table th, .shop_table td {
    padding: 10px !important;
    text-align: center !important;
}

/* =================================================================
   5. Comments Area
   ================================================================== */
.comment-form-email, .comment-form-url { display: none; }

.comments-area {
    border: 1px solid #d1d1d1;
    padding: 15px;
    border-radius: 5px;
    background-color: #fff;
    width: 100% !important;
    display: flex;
    flex-direction: column;
}

.comments-area .comments-title {
    text-transform: uppercase;
    font-size: 22px;
    border-bottom: 1px solid #d1d1d1;
    padding-bottom: 10px;
}

.comment-form-phone.uk-margin-top {
    flex: auto !important;
    width: 100% !important;
}

.comments-area .comment-body {
    position: relative;
    padding-right: 0 !important;
}

.comments-area .children .comment:last-child {
    padding-right: 30px;
    background: #f0f0f0;
    border-radius: 10px;
    padding-bottom: 5px;
    padding-left: 10px;
}

#comments {
    display: flex;
    flex-direction: column;
}

#respond {
    order: 2;
    border-bottom: 2px #d6d6d6 dashed;
    padding-bottom: 30px;
}

.comment-list, .navigation { order: 3; }

.product-tabs-inner .comment-respond {
    background-color: #f5f5f5;
    border: 1px #dbdbdb solid;
    border-radius: 10px;
    padding: 10px 10px 12px 10px !important;
}

.comment-respond p input, .comment-respond p textarea {
    background-color: #fff;
    border-color: #ff000052;
}

.comment-respond p textarea { min-height: 100px !important; }
.comment-respond #submit { width: 134px !important; }

@media only screen and (max-width: 600px) {
    .comment-respond #submit { width: 100% !important; }
}

.comment-respond label { font-size: 15px; }
.comment-respond .comment-reply-title.title { padding-bottom: 8px; margin: 9px; font-size: 18px; }
.comment-respond .comment-form-rating { background-color: #fff !important; }
.comment-respond .comment-notes { display: none; }
.comment-respond .stars { margin-top: 10px; }
.comment-respond .stars a { margin-left: 15px; }
.wd-single-reviews { padding-top: 0 !important; border-top: 0 !important; }
.comment-respond .stars a::before { font-size: 23px; }

.comment-reply-link {
    background-color: #000;
    color: #fff !important;
    font-size: 11px;
    padding: 3px 11px;
    border-radius: 5px;
    font-weight: initial !important;
}

.commentlist .review { border-radius: 7px !important; }

/* =================================================================
   6. Custom Components & Navigation
   ================================================================== */
.sub-cat-it a {
    background-color: #eee;
    width: 100%;
    display: block;
    text-align: center;
    padding: 10px;
    border-radius: 10px;
    color: #000;
    margin-bottom: 15px;
    font-weight: bold;
    font-size: 12px;
    border-right: 5px #aeaeae solid;
    border-left: 5px #aeaeae solid;
}

.mobile-pages-menu .wd-nav-opener { color: #ff0000; }

.sbt a, .sbt1 a {
    background-color: #ffff;
    width: 20%;
    display: block;
    text-align: center;
    padding: 10px;
    border-radius: 10px;
    color: #8b8b8b;
    margin-bottom: 15px;
    margin-top: 20px;
    font-weight: bold;
    font-size: 12px;
    border: 2px solid #dcdcdc;
}

.sbt1 a { width: 100%; }

@media only screen and (max-width: 600px) {
    .sbt a { width: 100%; }
    .bo-lo { font-size: 10px; }
}

.wd-carousel-wrap img {
    border: 2px solid rgba(0, 0, 0, 0.10);
    border-radius: 5px 5px 0 0;
    padding: 5px;
}

.page-title .title { font-size: 20px; }
.breadcrumbs a, .breadcrumbs .current { color: #b1b1b1 !important; }
.rankmath-custom-breadcrumb { font-size: 11px; }

.footer-container.color-scheme-light a { color: #fff !important; }
.footer-container.color-scheme-light a:hover { color: #787878 !important; }
.footer-container { border-top: 10px #d0021b solid; }

.vid-pro {
    width: 100%;
    height: auto;
    border-radius: 10px;
    border: 2px #d0021b solid;
}

.titr { border-bottom: 1px #d2d2d2 solid; padding-bottom: 10px; }
.titr span { background-color: aliceblue; padding-right: 5px; padding-left: 5px; }

article .entry-content .aligncenter {
    border: 1px #cacaca solid;
    border-radius: 10px;
    padding: 4px;
}

.reset_variations { background-color: red; color: #fff !important; padding: 4px; width: 74px; }
.single_variation_wrap bdi { font-size: 30px; }
.return-to-shop, .cart-empty.wd-empty-page, .woocommerce-mini-cart__empty-message.empty.title { text-align: center !important; }
.out-of-stock.product-label { display: none; }

@media screen and (min-width: 800px) {
    .custom-banner { height: 25% !important; }
}

/* =================================================================
   7. Shop & Products Custom Styling
   ================================================================== */
.single-product .wd-product {
    background-color: #f5faff !important;
    border: 1px solid #E5E5E5 !important;
    border-radius: 4px !important;
}

.archive .wd-page-content.main-page-wrapper,
.page .wd-page-content.main-page-wrapper,
.search .wd-page-content.main-page-wrapper { 
    background-color: #f4f7f9 !important; 
}

.archive .lnding-text, .page .lnding-text,
.archive .term-description, .page .term-description,
.archive .wd-term-desc, .page .wd-term-desc { 
    background-color: #fff; 
    border-top: 5px #f00 solid; 
    border-radius: 16px 16px 8px 8px; 
    padding: 10px; 
    margin-bottom: 20px !important; 
    border: 1px solid #d1d1d1;
    border-top: 5px #f00 solid;
}

.archive .lnding-text img, .page .lnding-text img { 
    border-radius: 10px; 
    border: 1px #b1b1b1 solid; 
    padding: 4px; 
    margin-top: 5px; 
    margin-bottom: 0; 
}

.archive .lnding-text .wp-video, .page .lnding-text .wp-video { margin-bottom: 0; }
.archive .wd-page-content table, .page .wd-page-content table { margin-bottom: 5px !important; }

.archive .wd-product, .page .wd-product, .search .wd-product { 
    background-color: #fff !important; 
    border: 1px solid #E5E5E5 !important; 
    border-radius: 4px !important; 
}

.archive .product-wrapper .product-element-bottom .wd-entities-title a,
.page .product-wrapper .product-element-bottom .wd-entities-title a,
.search .product-wrapper .product-element-bottom .wd-entities-title a { 
    height: 100px !important; 
}

.archive .product-wrapper .product-element-bottom .price,
.page .product-wrapper .product-element-bottom .price,
.search .product-wrapper .product-element-bottom .price { 
    margin-bottom: 5px !important; 
    display: block;
    padding-top: 0;
    width: 100%;
    text-align: center;
    font-size: 18px;
}

.archive .attachment-woocommerce_thumbnail,
.page .attachment-woocommerce_thumbnail,
.search .attachment-woocommerce_thumbnail { 
    border-radius: 10px !important; 
    border: 2px solid rgba(0, 0, 0, 0.10) !important; 
}

.archive .wd-product .woocommerce-Price-currencySymbol,
.page .wd-product .woocommerce-Price-currencySymbol,
.search .wd-product .woocommerce-Price-currencySymbol { 
    font-size: 13px; 
    color: #000; 
    font-weight: initial; 
}

.archive .button .addtocartbutton,
.page .button .addtocartbutton,
.search .button .addtocartbutton { 
    display: none; 
}

.archive .litre-value, .page .litre-value, .search .litre-value { 
    position: absolute; 
    top: 16px; 
    left: 15px; 
    background-color: #a0a0a0; 
    color: #fff; 
    border-radius: 3px; 
    padding: 5px 5px 2px 5px; 
    font-size: 12px; 
}

.archive .list-link a, .page .list-link a { 
    display: block; 
    background-color: #fff; 
    border: 2px #3333331a solid; 
    padding: 10px; 
    border-radius: 7px; 
}

.cart-widget-side.wd-side-hidden.wd-left.wd-opened { z-index: 5555555555; }
.cart-lx .info p { padding-bottom: 4px !important; text-align: center !important; }

.shop_table.woocommerce-checkout-review-order-table th,
.shop_table.woocommerce-checkout-review-order-table td,
.shop_table.woocommerce-checkout-review-order-table tr {
    border: 0 !important;
    border-radius: 0 !important;
    background-color: #fff !important;
}

.entry-content tr:nth-of-type(2n) td { background-color: #fff !important; }
.checkout-order-review { padding: 5px !important; }

.product-element-bottom .wd-entities-title a {
    padding: 10px;
    display: block;
    width: 100%;
    height: 170px;
    position: absolute;
    z-index: 1;
    color: #000 !important;
}

.product-wrapper .wd-entities-title { padding-bottom: 35px; }
.entry-content p a { font-weight: bold !important; color: #b12020 !important; }

.page .type-page .wd-products-element {
    margin-bottom: 30px;
    border-bottom: 1px #333 dashed;
    padding-bottom: 30px;
}

.button.addtocartbutton::before {
    content: "\f126";
    left: 8px;
    position: absolute;
    color: #679f38;
    background-color: white;
    text-align: right;
    border-radius: 4px;
    font-family: "woodmart-font";
    font-size: 18px;
    padding: 2px 8px 6px 6px;
    font-weight: normal;
}

.searchform.wd-style-default .s {
    border: 0 !important;
    background-color: #ebebeb !important;
    border-radius: 60px !important;
}

.woocommerce-pagination.wd-pagination { margin-top: 60px !important; }
.wd-nav { --nav-gap: 16px !important; }
.woocommerce-error { background-color: #007d0e !important; text-align: justify; }

.wd-nav-pagin.wd-clickable.wd-type-bullets.wd-horizontal {
    background-color: #0006;
    padding: 5px 10px;
    border-radius: 50px;
}

.wd-nav-pagin-wrap[class*="wd-style-shape"] li.wd-active span {
    border-color: #fff !important;
    background-color: #fff !important;
}

.wd-arrow-inner {
    background-color: #00000012;
    border-radius: 50px;
    padding: 0;
    margin: 0;
    height: 35px;
    width: 35px;
}

.wd-breadcrumbs.woocommerce-breadcrumb { font-size: 10px; }
.woocommerce-product-rating { font-size: 10px !important; }
.product_title.entry-title.wd-entities-title { font-size: 25px !important; font-weight: bold !important; }

.single-product-page p.price { width: 100%; display: block; }
.single-product-page del bdi { font-size: 13px !important; color: #ccc !important; display: block; margin-right: 10px; }
.single-product-page del span { font-size: 12px !important; color: #ccc !important; margin-left: 5px; }

.col.tr::before { content: "\f147a"; font-family: 'woodmart-font' !important; font-size: 30px; }
.col.sr::before { content: "\f183"; font-family: 'woodmart-font' !important; font-size: 30px; }
.col.et::before { content: "\f149"; font-family: 'woodmart-font' !important; font-size: 30px; }
.col.sl::before { content: "\f138"; font-family: 'woodmart-font' !important; font-size: 30px; }

.container.icon-sr .col { padding: 0 !important; }
.container.icon-sr p { margin: 0; font-size: 10px; }
.wd-term-desc img { border-radius: 14px; border: 1px #333 dotted; padding: 4px; }
.wd-product .star-rating { display: none !important; }