/* Điều Hòa Nam Anh — product tabs. */

/* =========================================================
   PRODUCT TABS - MODERN BLUE
   Flatsome + WooCommerce
========================================================= */

:root {
    --tab-blue: #0B72E7;
    --tab-blue-dark: #0756B8;
    --tab-blue-light: #EAF4FF;
    --tab-text: #172033;
    --tab-muted: #667085;
    --tab-border: #E5EAF0;
    --tab-bg: #F6F9FC;
}


/* =========================================================
   TAB SECTION
========================================================= */

.woocommerce-tabs {
	margin-top: 20px!important;
	border: none!important;
}

.description_tab.active a::before {
	display: none;
}

.reviews_tab.active a::before {
	display: none;
}

.single-product .woocommerce-tabs {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px 60px;
}


/* =========================================================
   TAB NAVIGATION
========================================================= */

.single-product .woocommerce-tabs .wc-tabs {
    position: relative;
    display: flex;
    align-items: center;
    gap: 8px;

    margin: 0 0 0 !important;
    padding: 8px !important;

    background: #F1F5F9;
    border: 1px solid var(--tab-border);
    border-radius: 14px;

    list-style: none;
}


/* Remove Flatsome line */

.single-product .woocommerce-tabs .wc-tabs:before,
.single-product .woocommerce-tabs .wc-tabs:after {
    display: none !important;
}


/* Tab item */

.single-product .woocommerce-tabs .wc-tabs > li {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}



/* Tab link */

.single-product .woocommerce-tabs .wc-tabs > li > a {
    position: relative;

    display: flex;
    align-items: center;
    justify-content: center;

    min-height: 48px;
    padding: 0 28px !important;

    border-radius: 9px;

    color: var(--tab-muted) !important;

    font-size: 14px;
    font-weight: 700;
    text-transform: none !important;
    letter-spacing: 0;

    transition:
        color .25s ease,
        background .25s ease,
        box-shadow .25s ease,
        transform .25s ease;
}


/* Hover */

.single-product .woocommerce-tabs .wc-tabs > li > a:hover {
    color: var(--tab-blue) !important;
    background: #fff;
}


/* Active tab */

.nam_anh_specifications_tab.active a::before {
  display: none;
}

.nam_anh_installation_tab.active a::before {
  display: none;
}

.nam_anh_certificate_tab.active a::before {
  display: none;
}

.single-product .woocommerce-tabs .wc-tabs > li.active > a {
    color: #fff !important;

    background: linear-gradient(
        135deg,
        var(--tab-blue),
        var(--tab-blue-dark)
    );

    box-shadow:
        0 6px 16px rgba(11,114,231,.22);

    transform: translateY(-1px);
}


/* Remove default Flatsome underline */

.single-product .woocommerce-tabs .wc-tabs > li > a:after {
    display: none !important;
}


/* =========================================================
   TAB PANELS
========================================================= */

.single-product .woocommerce-tabs .tab-panels {
    margin-top: 18px;

    background: #fff;

    border: 1px solid var(--tab-border);
    border-radius: 16px;

    box-shadow:
        0 8px 30px rgba(20,65,110,.06);

    overflow: hidden;
}


/* Panel */

.single-product .woocommerce-tabs .tab-panels .panel {
    margin: 0 !important;
    color: var(--tab-text);

    font-size: 15px;
    line-height: 1.8;
}


/* =========================================================
   DESCRIPTION
========================================================= */

.single-product #tab-description {
    color: #334155;
}


/* Description headings */

.single-product #tab-description h2 {
    position: relative;

    margin: 35px 0 15px;

    padding-left: 15px;

    color: var(--tab-text);

    font-size: 22px;
    line-height: 1.4;
    font-weight: 750;
}


.single-product #tab-description h2:first-child {
    margin-top: 0;
}


/* Blue heading indicator */

.single-product #tab-description h2:before {
    content: "";

    position: absolute;
    left: 0;
    top: 5px;

    width: 4px;
    height: calc(100% - 10px);

    border-radius: 10px;

    background: linear-gradient(
        to bottom,
        var(--tab-blue),
        #48A0F5
    );
}


/* Paragraph */

.single-product #tab-description p {
    margin-bottom: 17px;
}


/* Strong text */

.single-product #tab-description strong {
    color: #1E293B;
}


/* =========================================================
   DESCRIPTION IMAGE
========================================================= */

.single-product #tab-description img {
    display: block;

    max-width: 100%;
    height: auto;

    margin: 25px auto;

    border-radius: 12px;

    box-shadow:
        0 8px 25px rgba(15,45,80,.10);

    transition:
        transform .3s ease,
        box-shadow .3s ease;
}


.single-product #tab-description img:hover {
    transform: translateY(-2px);

    box-shadow:
        0 12px 30px rgba(15,45,80,.14);
}


/* =========================================================
   BLOCKQUOTE
========================================================= */

.single-product #tab-description blockquote {
    position: relative;

    margin: 25px 0;
    padding: 18px 22px 18px 50px;

    border: 0 !important;
    border-left: 4px solid var(--tab-blue) !important;

    border-radius: 0 10px 10px 0;

    background: var(--tab-blue-light);

    color: #38516B;

    font-size: 14px;
}


.single-product #tab-description blockquote:before {
    content: "“";

    position: absolute;

    left: 15px;
    top: 6px;

    color: var(--tab-blue);

    font-size: 36px;
    font-weight: 800;
    line-height: 1;
}


/* =========================================================
   DESCRIPTION LIST
========================================================= */

.single-product #tab-description ul {
    margin: 20px 0 25px;
    padding: 18px 22px 18px 42px;

    background: #F8FAFC;

    border: 1px solid #E8EDF3;
    border-radius: 12px;
}


.single-product #tab-description li {
    margin-bottom: 8px;
    color: #475569;
}


.single-product #tab-description li:last-child {
    margin-bottom: 0;
}


.single-product #tab-description li::marker {
    color: var(--tab-blue);
}


/* =========================================================
   REVIEW TAB
========================================================= */


/* Review title */

.single-product .woocommerce-Reviews-title,
.single-product #tab-reviews h3 {
    color: var(--tab-text);

    font-size: 21px;
    font-weight: 750;
}


/* No reviews */

.single-product .woocommerce-noreviews {
    margin: 15px 0 25px;

    padding: 16px 20px;

    background: var(--tab-blue-light);

    border: 1px solid #D8EAFB;
    border-radius: 10px;

    color: #49647F;
}


/* Review form */

.single-product .review-form-inner {
    padding: 25px !important;

    border: 1px solid var(--tab-border) !important;
    border-radius: 14px;

    background: #FAFCFF;
}


/* Review form title */

.single-product #reply-title {
    color: var(--tab-text);

    font-size: 18px;
    font-weight: 700;

    margin-bottom: 20px;
}


/* Rating label */

.single-product .comment-form-rating label,
.single-product .comment-form-comment label {
    color: var(--tab-text);

    font-size: 14px;
    font-weight: 650;
}


/* Star rating */

.single-product #tab-reviews .stars a {
    color: #FDB022 !important;
}


/* Textarea */

.single-product #tab-reviews textarea {
    min-height: 130px;

    padding: 13px 15px;

    border: 1px solid #D9E2EC !important;
    border-radius: 10px !important;

    background: #fff;

    box-shadow: none !important;

    transition:
        border-color .2s ease,
        box-shadow .2s ease;
}


.single-product #tab-reviews textarea:focus {
    border-color: var(--tab-blue) !important;

    box-shadow:
        0 0 0 3px rgba(11,114,231,.10) !important;
}


/* Submit */

.single-product #tab-reviews #submit {
    min-height: 46px;

    padding: 0 25px;

    border: 0 !important;
    border-radius: 9px !important;

    background: linear-gradient(
        135deg,
        var(--tab-blue),
        var(--tab-blue-dark)
    ) !important;

    color: #fff !important;

    font-size: 14px;
    font-weight: 700;

    box-shadow:
        0 6px 16px rgba(11,114,231,.20);

    transition: all .25s ease;
}


.single-product #tab-reviews #submit:hover {
    transform: translateY(-2px);

    box-shadow:
        0 9px 22px rgba(11,114,231,.28);
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 849px) {

    .single-product .woocommerce-tabs {
        padding: 0 12px 40px;
    }


    .single-product .woocommerce-tabs .wc-tabs {
        gap: 5px;
        padding: 5px !important;

        border-radius: 11px;
    }


    .single-product .woocommerce-tabs .wc-tabs > li {
        flex: 1;
    }


    .single-product .woocommerce-tabs .wc-tabs > li > a {
        min-height: 44px;

        padding: 0 10px !important;

        font-size: 13px;
    }


    .single-product .woocommerce-tabs .tab-panels {
        margin-top: 12px;

        border-radius: 12px;
    }


    .single-product .woocommerce-tabs .tab-panels .panel {
        font-size: 14px;
        line-height: 1.75;
    }


    .single-product #tab-description h2 {
        font-size: 19px;

        margin-top: 28px;
    }


    .single-product #tab-description blockquote {
        padding: 15px 15px 15px 42px;
    }


    .single-product #tab-description ul {
        padding: 15px 15px 15px 35px;
    }


    .single-product #tab-reviews {
        padding: 25px 20px !important;
    }


    .single-product .review-form-inner {
        padding: 18px !important;
    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 480px) {

    .single-product .woocommerce-tabs .wc-tabs > li > a {
        min-height: 42px;

        padding: 0 5px !important;

        font-size: 12px;
    }


    .single-product .woocommerce-tabs .tab-panels .panel {
        padding: 22px 15px !important;
    }


    .single-product #tab-description h2 {
        padding-left: 12px;

        font-size: 18px;
    }


    .single-product #tab-description img {
        margin: 20px auto;

        border-radius: 9px;
    }

}