/*!
Theme Name: nongsanyenbai.vn
Theme URI: http://nongsanyenbai.vn/
Author: Lê Minh Thành
Author URI: https://leminhthanh.com/
Description:
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: shop

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

nongsanyenbai.vn is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
.woocommerce_before_shop_loop, .woocommerce-notices-wrapper{
    width: 100%;
    float: left;
}
.woocommerce_before_shop_loop{
    margin-bottom: 15px;
}
.woocommerce-result-count, .woocommerce-ordering{
    width: 50%;
    float: left;
}
.woocommerce-ordering{
    text-align: right;
}
.woocommerce-ordering select{
    padding: 7px;
}
.woocommerce-notices-wrapper{
    color: darkgrey;
}

.simpleCart_shelfItem .added_to_cart{
    display: none;
}

.blog_noibat .img_blog{
    object-fit: cover;
    width: 90px;
    height: 90px;
}

.footer .mid-footer .section{
    margin-bottom: 25px;
}

.footer .mid-footer .textwidget, .footer .mid-footer ul.menu{
    font-size: 16px;
}
.footer .mid-footer .textwidget p{
    margin-bottom: 5px;
}
.footer .mid-footer .textwidget strong, .footer .mid-footer .textwidget b{
    color: var(--main-color);
}

.footer .mid-footer ul.menu li{
    margin-bottom: 5px;
}

#section-copyright p{
    margin: 0;
}

.section_video{
    margin-top: 26px;
}
.section_video_container{
    position: relative;
    height: 0;
}
.section_video_container video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding-left: 15px;
    padding-right: 15px;
}

.single_variation_wrap .woocommerce-variation-price{
    margin-top: 7px;
    font-size: 16px;
}
.single_variation_wrap .woocommerce-variation-price del{
    color: #666;
}
.single_variation_wrap .woocommerce-variation-price ins{
    color: var(--main-color);
    text-decoration: none;
    font-weight: bold;
}

ul.woocommerce-error li{
    color: red;
}
ul.woocommerce-error li a{
    color: #666;
}

.woo-variation-swatches.wvs-show-label .variations th label{
    color: #212529;
}
.woo-variation-swatches.wvs-show-label .variations th{
    background-color: inherit;
    padding: 0;
}
.woo-variation-swatches.wvs-show-label .variations td{
    padding-left: 0;
}
.woo-variation-items-wrapper .reset_variations{
    padding-left: 4px;
}

.home-slider{
    overflow: hidden;
    position: relative;
}
.home-slider .swiper-pagination-bullet-active{
    background: var(--main-color);
}
.home-slider .swiper-button-prev:hover:after, .home-slider .swiper-button-next:hover:after{
    color: #fff !important;
}
.home-slider .swiper-button-prev{
    left: 20px;
}
.home-slider .swiper-button-next{
    right: 20px;
}

/* .section_kol-feedbacks */
.section_kol-feedbacks .kol-feedbacks-list {
    display: flex;
    flex-wrap: wrap;
    gap: 20px; /* spacing between items */
    justify-content: center; /* center the grid */
}

.section_kol-feedbacks .kol-feedbacks-item {
    flex: 1 1 calc(25% - 20px); /* 4 items per row, minus gap */
    max-width: calc(25% - 20px);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.section_kol-feedbacks lite-youtube {
    width: 100%;
    height: auto;
    background-color: #000; /* optional: black background while loading */
    border-radius: 8px; /* optional: rounded corners */
}

.section_kol-feedbacks .kol-feedbacks-title {
    text-align: center;
    margin-top: 10px;
    font-size: 16px;
    color: #333;
}
/* End: .section_kol-feedbacks */

.details-pro .woocommerce-message{
    padding: 10px 0;
}

ul.woocommerce-thankyou-order-details li{
    margin-bottom: 10px;
}
.woocommerce-customer-details address{
    line-height: 25px;
}
.woocommerce-customer-details--phone{
    margin-bottom: 0;
}
.woocommerce-customer-details .woocommerce-columns{
    margin-bottom: 0;
}

/* The alert message box */
#alert-message-box {
    display: none;
    padding: 20px;
    color: white;
    margin-bottom: 15px;
    border-radius: 7px;
}

#alert-message-box.error {
    background-color: #f44336;
}

#alert-message-box.success {
    background-color: #04AA6D;
}

#alert-message-box.info{
    background-color: #2196F3;
}

/* .product-action & .product-action-list */
.simpleCart_shelfItem .add-to-cart-box{
    display: none;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}
.simpleCart_shelfItem:hover .add-to-cart-box{
    display: block;
}
.add-to-cart-box p{
    text-align: center;
    margin: 0;
    padding: 10px 10px 15px 10px;
    background-color: var(--main-color);
}
.add-to-cart-box p:hover{
    background-color: var(--active-color);
}
.add-to-cart-box .add_to_cart{
    color: #fff;
    font-size: 16px;
}

/* Read more for product category */
@media (max-width: 767px) {
    .show-more:before {
        content: "" !important;
    }
}
.term-description{
    overflow: hidden;
}
/*.term-bottom .term-description{
    width: 100%;
}*/
.readmore {
    width: 90px;
    display: block;
    overflow: hidden;
    position: relative;
    line-height: 40px;
    font-size: 14px;
    color: #288ad6;
    margin: 10px auto;
    cursor: pointer;
}
.show-more:before {
    height: 55px;
    margin-top: -45px;
    content: -webkit-gradient(linear,0% 100%,0% 0%,from(#fff),color-stop(.2,#fff),to(rgba(255,255,255,0)));
    display: block;
}
.readmore:after {
    content: '';
    width: 0;
    right: 0;
    border-top: 6px solid #288ad6;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    display: inline-block;
    vertical-align: middle;
    margin: -2px 0 0 5px;
}
.term-description-excerpt ul{
    list-style: inherit;
    padding-left: 20px;
}
/* End: Read more for product category */

.section_related_products{
    margin-top: 15px;
}

/* .product-action-list */
.product-action-list .add-to-cart-box .add_to_cart{
    font-size: 12px;
}
.product-right .product-action-list .add-to-cart-box p{
    padding: 0 7px 5px 7px;
}

.products-view .seo-title{
    font-size: 2rem;
    margin-bottom: 1.5rem;
}

.post-body .wp-caption{
    margin: 0 auto;
}
.post-body .wp-caption .wp-caption-text{
    text-align: center;
    font-style: italic;
    margin-top: 0.5rem;
    margin-bottom: 1rem;
    font-weight: normal;
}
.post-body p:has(img) {
    text-align: center;
}
.post-body table, .post-body iframe{
    max-width: 100%;
}
.post-body table{
    margin-bottom: 1rem;
}
.post-body iframe {
    height: 100% !important;
    min-height: 500px;
}
.post-body ul, .post-body ol{
    list-style: inherit;
}

/* Phân trang cho trang danh mục bài viết */
.shop-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 30px 0;
    width: 100%;
}

.shop-pagination .page-numbers {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    margin: 0 5px;
    border-radius: 5px;
    background-color: #f5f5f5;
    color: #333;
    font-weight: 500;
    text-decoration: none;
    transition: all 0.3s ease;
}

.shop-pagination .page-numbers:hover {
    background-color: #e9e9e9;
}

.shop-pagination .page-numbers.current {
    background-color: #3F6104;
    color: #fff;
}

.section_slider{
    margin-top: 26px !important;
}

.header .custom-logo-link img{
    max-height: 90px;
    width: auto;
}

.header-menu-des{
    border-radius: 10px 10px 0 0;
}
.section_slider .home-slider{
    border-radius: 0 0 10px 10px;
}

.header-menu .element-is-sticky .header-menu-des{
    border-radius: 0 0 10px 10px;
}

@media (max-width: 767px) {
    .shop-pagination .page-numbers {
        width: 35px;
        height: 35px;
        margin: 0 3px;
    }
}

/* Table & desktop screen */
@media screen and (min-width: 1920px) {
    .section_video_container{
        padding-bottom: 25%;
    }
}

/* Table style */
@media screen and (max-width: 1919px) {
    .section_video_container{
        padding-bottom: 42%;
    }
}

/* Table & mobile style */
@media screen and (max-width: 1023px) {
    .woocommerce_before_shop_loop .woocommerce-ordering {
        text-align: left;
    }
    .woocommerce-result-count, .woocommerce-ordering {
        width: 100%;
    }

    .section_video_container{
        padding-bottom: 52.25%;
    }

    .backtop{
        right: 12px !important;
    }
}

/* Mobile style */
@media screen and (max-width: 480px) {
    .section_video_container{
        padding-bottom: 52.25%;
    }
}

/* Homepage redesign */
.shop-home-about,
.shop-home-solutions,
.shop-home-projects,
.shop-home-advantages,
.shop-home-news,
.shop-home-partners {
    padding: 56px 0;
    margin-bottom: 0;
}

.shop-home-heading {
    text-align: center;
    margin-bottom: 32px;
}

.shop-home-kicker {
    display: inline-block;
    margin-bottom: 10px;
    padding: 5px 12px;
    border-radius: 999px;
    background: #e7f6ee;
    color: var(--main-color);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    font-size: 16px;
}

.shop-home-heading h2 {
    margin-bottom: 0;
    font-size: 36px;
    line-height: 1.3;
}

.shop-home-heading p {
    margin-top: 10px;
    margin-bottom: 0;
    color: #4f5b67;
}

.shop-home-heading--inline {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    text-align: left;
}

.shop-home-heading--inline h2 {
    margin-bottom: 8px;
}

.shop-home-about {
    background: linear-gradient(180deg, #f3fbf7 0%, #ffffff 70%);
}

.shop-home-about__grid {
    display: grid;
    grid-template-columns: 1.2fr 1fr;
    gap: 30px;
    align-items: stretch;
    margin-bottom: 30px;
}

.shop-home-about__content,
.shop-home-about__visual {
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 14px 30px rgba(10, 70, 34, 0.08);
}

.shop-home-about__content {
    padding: 30px;
}

.shop-home-about__visual {
    overflow: hidden;
    min-height: 280px;
}

.shop-home-about__visual img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.shop-home-about__placeholder {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
    font-weight: 800;
    color: var(--main-color);
    background: radial-gradient(circle at top left, #f3bd01 0%, #fff3c4 45%, #ffffff 100%);
}

.shop-home-about__values .shop-home-about__values-item{
    margin-bottom: 20px;
}

.shop-home-value-card {
    height: 100%;
    border-radius: 12px;
    border: 1px solid #e7ecf1;
    background: #fff;
    padding: 18px;
}

.shop-home-value-card h3 {
    font-size: 24px;
    color: var(--main-color);
    margin-bottom: 8px;
}

.shop-home-value-card p {
    margin-bottom: 0;
    color: #4f5b67;
}

.shop-home-solutions {
    background: #eef6fb;
}

.shop-home-solutions .container {
    background: #fff;
    border-radius: 16px;
    padding-top: 24px;
    padding-bottom: 28px;
}

.shop-home-products-tabs {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    margin-bottom: 20px;
}

.shop-home-products-tab {
    border: 1px solid #9cc5b0;
    background: #fff;
    color: #2f4b3b;
    border-radius: 999px;
    min-height: 38px;
    padding: 8px 16px;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
}

.shop-home-products-tab.is-active {
    background: var(--active-color);
    border-color: var(--active-color);
    color: #fff;
}

.shop-home-products-pane {
    display: none;
}

.shop-home-products-pane.is-active {
    display: block;
}

.shop-home-products-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 20px;
}

.shop-home-products-grid__item {
    min-width: 0;
}

.shop-home-products-grid__empty {
    grid-column: 1 / -1;
}

.shop-home-product-card {
    margin-bottom: 20px;
}

.shop-home-product-card__thumb {
    display: block;
    aspect-ratio: 1 / 1;
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid #e6ecf2;
    background: #f3f7fb;
}

.shop-home-product-card__thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.shop-home-product-card h3 {
    margin: 10px 0 8px;
    font-size: 15px;
    line-height: 1.4;
    min-height: 42px;
}

.shop-home-product-card__price {
    color: var(--main-color);
    font-weight: 700;
    font-size: 15px;
}

.shop-home-product-card__price del {
    margin-left: 6px;
    color: #7d8790;
    font-size: 13px;
    font-weight: 500;
}

.shop-home-products-more {
    text-align: center;
    margin-top: 8px;
}

.shop-home-empty {
    text-align: center;
    color: #5f6f7f;
    margin: 0;
}

.shop-home-solution-card {
    display: block;
    border-radius: 16px;
    overflow: hidden;
    border: 1px solid #e8edf2;
    margin-bottom: 24px;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
    background: #fff;
}

.shop-home-solution-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 14px 26px rgba(16, 40, 70, 0.12);
}

.shop-home-solution-card__thumb {
    aspect-ratio: 16 / 10;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background: #eef4f9;
}

.shop-home-solution-card__thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.shop-home-solution-card__thumb span {
    color: var(--main-color);
    font-weight: 700;
}

.shop-home-solution-card h3 {
    font-size: 22px;
    margin: 16px 16px 8px;
}

.shop-home-solution-card p {
    margin: 0 16px 16px;
    color: #5a6773;
}

.shop-home-projects {
    background: linear-gradient(180deg, #f8fbfd 0%, #ffffff 100%);
}

.shop-home-project-card {
    margin-bottom: 24px;
    border-radius: 14px;
    background: #fff;
    overflow: hidden;
    border: 1px solid #e7edf2;
    height: calc(100% - 24px);
}

.shop-home-project-card__thumb {
    display: block;
    aspect-ratio: 16 / 11;
    overflow: hidden;
    background: #edf3f8;
}

.shop-home-project-card__thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.shop-home-project-card__content {
    padding: 18px;
}

.shop-home-project-card__content span {
    color: var(--main-color);
    font-size: 13px;
    font-weight: 700;
}

.shop-home-project-card__content h3 {
    font-size: 20px;
    margin-bottom: 8px;
}

.shop-home-project-card__content p {
    margin-bottom: 0;
    color: #5c6771;
}

.shop-home-advantages {
    background-color: #dff0fb;
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: cover;
}

.shop-home-testimonials {
    padding: 64px 0;
    background-size: cover;
    background-position: center;
}

.shop-home-testimonials .shop-home-heading h2,
.shop-home-testimonials .shop-home-heading p {
    color: #1f2f3f;
}

.shop-home-testimonials.has-bg .shop-home-heading h2,
.shop-home-testimonials.has-bg .shop-home-heading p {
    color: #fff;
}

.shop-home-testimonial-card {
    position: relative;
    margin-top: 54px;
    margin-bottom: 20px;
    border-radius: 14px;
    background: #fff;
    padding: 64px 18px 18px;
    border: 1px solid rgba(10, 134, 72, 0.2);
    text-align: center;
    min-height: 310px;
}

.shop-home-testimonial-card__avatar {
    position: absolute;
    top: -48px;
    left: 50%;
    width: 96px;
    height: 96px;
    transform: translateX(-50%);
    border-radius: 50%;
    overflow: hidden;
    border: 4px solid var(--main-color);
    background: #fff;
}

.shop-home-testimonial-card__avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.shop-home-testimonial-card h3 {
    margin-bottom: 2px;
    color: var(--main-color);
}

.shop-home-testimonial-card span {
    display: block;
    margin-bottom: 12px;
    color: #7b8897;
    font-size: 13px;
}

.shop-home-testimonial-card p {
    margin-bottom: 0;
    border-top: 1px solid #d8e3ec;
    padding-top: 12px;
    text-align: left;
    color: #33414f;
}

.shop-home-advantage-card {
    height: calc(100% - 24px);
    margin-bottom: 24px;
    border-radius: 14px;
    background: #fff;
    border: 1px solid #e3ebe6;
    padding: 20px;
    text-align: center;
}

.shop-home-advantage-card img {
    width: 56px;
    height: 56px;
    object-fit: contain;
    margin: 0 auto 12px;
}

.shop-home-advantage-card h3 {
    font-size: 21px;
    margin-bottom: 8px;
}

.shop-home-advantage-card p {
    margin-bottom: 0;
    color: #5b6771;
}

.shop-home-news{
    background: #f6fbf8;
}

.shop-home-news-card {
    height: calc(100% - 24px);
    margin-bottom: 24px;
    border: 1px solid #e7edf2;
    border-radius: 14px;
    overflow: hidden;
    background: #fff;
}

.shop-home-news-card__thumb {
    display: block;
    aspect-ratio: 16 / 10;
    background: #f0f5fa;
}

.shop-home-news-card__thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.shop-home-news-card__content {
    padding: 18px;
}

.shop-home-news-card__content span {
    color: var(--main-color);
    font-size: 14px;
    font-weight: 600;
}

.shop-home-news-card__content h3 {
    font-size: 21px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.shop-home-news-card__content p {
    margin-bottom: 0;
    color: #5b6874;
}

.shop-home-partners {
    background: #ffffff;
}

.shop-home-partners-slider .swiper-slide {
    height: auto;
}

.shop-home-partners-slider .swiper-slide a,
.shop-home-partners-slider .swiper-slide span {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #e8edf2;
    border-radius: 12px;
    height: 96px;
    padding: 10px;
    background: #fff;
}

.shop-home-partners-slider img {
    max-height: 56px;
    width: auto;
    object-fit: contain;
}

.shop-home-partners-slider .swiper-pagination {
    position: static;
    margin-top: 14px;
}

.shop-home-partners-slider .swiper-pagination-bullet-active {
    background: var(--main-color);
}

.shop-home-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 10px 18px;
    border-radius: 999px;
    border: 1px solid var(--main-color);
    color: #fff;
    background: var(--main-color);
    font-weight: 600;
}

.shop-home-btn:hover {
    color: #fff;
    background: #04693a;
}

.shop-home-btn--ghost {
    color: var(--main-color);
    background: transparent;
}

.shop-home-btn--ghost:hover {
    color: #fff;
}

@media screen and (max-width: 991px) {
    .shop-home-heading h2 {
        font-size: 30px;
    }

    .shop-home-about__grid {
        grid-template-columns: 1fr;
    }

    .shop-home-heading--inline {
        flex-direction: column;
        align-items: flex-start;
    }

    .shop-home-products-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media screen and (max-width: 767px) {
    .shop-home-about,
    .shop-home-solutions,
    .shop-home-projects,
    .shop-home-advantages,
    .shop-home-news,
    .shop-home-partners {
        padding: 42px 0;
    }

    .shop-home-heading h2 {
        font-size: 26px;
    }

    .shop-home-about__content {
        padding: 20px;
    }

    .shop-home-about__meta {
        grid-template-columns: 1fr;
    }

    .shop-home-products-tab {
        font-size: 12px;
        min-height: 34px;
        padding: 6px 12px;
    }

    .shop-home-product-card h3 {
        min-height: 0;
    }

    .shop-home-products-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 16px;
    }

    .shop-home-testimonials {
        padding: 48px 0;
    }
}

/* Popup-only: disabled style for Add To Cart */
.shop-variation-modal {
    --modal-atc-disabled-bg: #d1d5db;      /* xam nhat */
    --modal-atc-disabled-text: #111827;    /* chu den cho nen sang */
    --modal-atc-disabled-border: #c5cad3;
    --modal-atc-disabled-icon: #4b5563;
}

/* Trang thai disable chi trong popup */
.shop-variation-modal .single_product_add_to_cart.is-disabled,
.shop-variation-modal .single_product_add_to_cart:disabled {
    border-color: var(--modal-atc-disabled-border) !important;
    color: var(--modal-atc-disabled-text) !important;
    cursor: not-allowed !important;
    opacity: 1 !important;
    box-shadow: none !important;
}

/* Dong bo text/icon ben trong nut */
.shop-variation-modal .single_product_add_to_cart.is-disabled .text,
.shop-variation-modal .single_product_add_to_cart:disabled .text,
.shop-variation-modal .single_product_add_to_cart.is-disabled .text_1,
.shop-variation-modal .single_product_add_to_cart.is-disabled .text_2,
.shop-variation-modal .single_product_add_to_cart:disabled .text_1,
.shop-variation-modal .single_product_add_to_cart:disabled .text_2 {
    background: var(--modal-atc-disabled-bg) !important;
    color: var(--modal-atc-disabled-text) !important;
}

.shop-variation-modal .single_product_add_to_cart.is-disabled .icon svg path,
.shop-variation-modal .single_product_add_to_cart:disabled .icon svg path {
    fill: var(--modal-atc-disabled-icon) !important;
}