/*!
Theme Name: binhvu
Theme URI: http://airgood.vn/
Author: Airgood.vn
Author URI: http://airgood.vn/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: binhvu
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/

.singular-content table {
    max-width: 100% !important;
}

/* Pagination Wrapper */
.woocommerce-pagination {
    display: flex;
    justify-content: center;
}

/* Remove default list styles */
.woocommerce-pagination ul.page-numbers {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    gap: 0;
}

.woocommerce-pagination ul.page-numbers li {
    margin: 0;
    padding: 0;
}

/* Page number links */
.woocommerce-pagination .page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    height: 40px;
    padding: 0 12px;
    font-size: 15px;
    line-height: 22px;
    color: #288AD6;
    background: #fff;
    border: 1px solid #288AD6;
    text-decoration: none;
    transition: all 0.2s ease;
    margin: 0 -1px 0 0;
    /* Overlap borders */
}

/* First item rounded left */
.woocommerce-pagination ul.page-numbers li:first-child(),
.woocommerce-pagination ul.page-numbers li:first-child .page-numbers {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}

/* Last item rounded right */
.woocommerce-pagination ul.page-numbers li:last-child(),
.woocommerce-pagination ul.page-numbers li:last-child .page-numbers {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}

/* Current page (active) */
.woocommerce-pagination .page-numbers.current {
    color: #fff;
    background: #288AD6;
    font-weight: 600;
    cursor: default;
    z-index: 1;
    position: relative;
}

/* Hover state */
.woocommerce-pagination .page-numbers:not(.current):hover {
    color: #fff;
    background: #288AD6;
    z-index: 2;
    position: relative;
}

/* Next/Prev arrows */
.woocommerce-pagination .page-numbers.next,
.woocommerce-pagination .page-numbers.prev {
    font-weight: normal;
}

/* Dots (if using) */
.woocommerce-pagination .page-numbers.dots {
    border: none;
    background: transparent;
    color: #888;
    cursor: default;
}

.woocommerce-pagination .page-numbers.dots:hover {
    background: transparent;
    color: #888;
}

/* Full width button style (như "Xem thêm") */
.woocommerce-pagination.full-width {
    max-width: 320px;
    margin: 24px auto;
}

.woocommerce-pagination.full-width .page-numbers {
    width: 100%;
    border-radius: 6px;
    gap: 8px;
}

.woocommerce-pagination.full-width .page-numbers::after {
    content: '';
    display: inline-block;
    width: 12px;
    height: 12px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 8 12'%3E%3Cpath fill='currentColor' d='M7.12 6.428a.61.61 0 0 0 0-.857L1.738.177a.604.604 0 1 0-.855.856L5.837 6 .883 10.966a.604.604 0 1 0 .855.857z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin-left: 8px;
}

/* Responsive */
@media (max-width: 640px) {
    .woocommerce-pagination .page-numbers {
        min-width: 36px;
        height: 36px;
        font-size: 14px;
        padding: 0 10px;
    }
}

#review_form .comment-form-rating p.stars a:before,
.woocommerce #reviews #comments ol.commentlist #respond .comment-form-rating p.stars a:before {
    font-family: star;
}

#comment,
#phone {
    width: 100%;
    border-radius: .25rem;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(229 231 235 / var(--tw-border-opacity));
    padding: .5rem;
    --tw-text-opacity: 1;
    color: rgb(51 51 51 / var(--tw-text-opacity));
    outline-style: solid;
    outline-width: 0;
}

#comment {
    height: 6rem;
}

#review_form .form-submit {
    margin-top: 15px;
}

#review_form #submit {
    height: 2.25rem;
    padding: 0 10px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: .25rem;
    --tw-bg-opacity: 1;
    background-color: rgb(0 152 219 / var(--tw-bg-opacity));
    font-weight: 600;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

#specifications table {
    max-width: 100%;
}

#specifications table tr {
    display: block;
    padding: .75rem 1rem;
}

#specifications table tr:nth-child(odd) {
    --tw-bg-opacity: 1;
    background-color: rgb(245 245 245 / var(--tw-bg-opacity));
}

.images.wpgs-wrapper {
    padding-bottom: 0px;
}

.images.wpgs-wrapper .wpgs-image {
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(241 241 241 / var(--tw-border-opacity));
}

.wpgs_image {
    display: flex !important;
    aspect-ratio: 3 / 2;
    cursor: zoom-in;
    align-items: center;
    justify-content: center;
    padding: 1rem !important;
}

.thumbnail_image {
    padding: .375rem;
    display: flex !important;
    justify-content: center;
    align-items: center;
    aspect-ratio: 1 / 1;
}

.thumbnail_image.slick-current {
    box-shadow: none;
}

.product-description>ul ol,
.product-description>ul ul {
    display: flex;
    flex-direction: column;
    gap: .625rem;
    counter-reset: section;
}

.product-description ul+ol,
.product-description ul+ul {
    margin-top: 15px;
}

.product-description>ul ol li:before,
.product-description>ul ul li:before {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    width: 1.25rem;
    height: 1.25rem;
    align-items: center;
    justify-content: center;
    border-radius: 9999px;
    --tw-bg-opacity: 1;
    background-color: rgb(75 143 226 / var(--tw-bg-opacity));
    font-size: .75rem;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
    --tw-content: counter(section);
    content: var(--tw-content);
    counter-increment: section;
}

.product-description ul li {
    display: flex;
    flex-direction: column;
    gap: .625rem;
}

.payment-method-item input[type="radio"] {
    display: block !important;
}

/**
 * CSS cho trang Thank You (Order Received)
 * Phong cách: Xanh #0F468A, Cam #FB6D2E, Đỏ #000
 * Responsive cho mobile
 */

/* ========== WRAPPER ========== */
.thankyou-page {
    background: #f5f5f5;
    padding: 2rem 0;
    min-height: 60vh;
}

.thankyou-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1rem;
}

/* ========== SUCCESS BANNER ========== */
.thankyou-success {
    background: linear-gradient(135deg, #d1fae5 0%, #a7f3d0 100%);
    border-left: 5px solid #10b981;
    border-radius: 8px;
    padding: 1.5rem;
    margin-bottom: 2rem;
    display: flex;
    align-items: center;
    gap: 1rem;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.thankyou-success-icon {
    flex-shrink: 0;
}

.thankyou-success-icon svg {
    width: 48px;
    height: 48px;
    color: #10b981;
    stroke-width: 2.5;
}

.thankyou-success-content {
    flex: 1;
}

.thankyou-success-title {
    font-size: 1.5rem;
    font-weight: 700;
    color: #065f46;
    margin: 0 0 0.5rem 0;
}

.thankyou-success-desc {
    font-size: 0.95rem;
    color: #047857;
    margin: 0;
}

/* ========== LAYOUT ========== */
.thankyou-layout {
    display: grid;
    grid-template-columns: 1fr 380px;
    gap: 2rem;
    margin-bottom: 2rem;
}
header a, header span ,header p , header li , header div , nav a , nav li , nav span{
    color: #000 !important;
}
header input{
        border: 1px solid #000;
}
body.home{
    background: #f4f4f4;
}
.shadow-sm-block{
        margin-bottom: 20px;
    box-shadow: 0px 1px 20px 0px #88888826;
}
.img-style{
    width: 39px;
    position: absolute;
    top: 0px;
    border: none;
}
.aspect-square img:first-child{
        width: 100%;
    height: 100%;
    object-fit: cover;
}
/* ========== BOX STYLE ========== */
.thankyou-box {
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 8px;
    padding: 1.5rem;
    margin-bottom: 1.5rem;
}
footer .col-span-full img{
        width: 150px;
    height: 100px;
    object-fit: cover;
}
.thankyou-box-title {
    font-size: 1.125rem;
    font-weight: 700;
    color: #0F468A;
    margin: 0 0 1rem 0;
    padding-bottom: 0.75rem;
    border-bottom: 2px solid #FB6D2E;
}

/* ========== ORDER INFO ========== */
.thankyou-info-list {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.thankyou-info-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.875rem 0;
    border-bottom: 1px solid #f1f1f1;
}

.thankyou-info-item:last-child {
    border-bottom: none;
}

.thankyou-info-label {
    color: #666;
    font-size: 0.9375rem;
}

.thankyou-info-value {
    font-weight: 600;
    color: #333;
    font-size: 0.9375rem;
}

.thankyou-order-id {
    color: #0F468A;
    font-weight: 700;
    font-size: 1rem;
}

.thankyou-status {
    display: inline-block;
    padding: 0.25rem 0.75rem;
    background: #d1fae5;
    color: #065f46;
    font-size: 0.75rem;
    font-weight: 600;
    border-radius: 12px;
    text-transform: uppercase;
}

/* ========== PRODUCTS ========== */
.thankyou-products {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.thankyou-product {
    display: grid;
    grid-template-columns: 80px 1fr auto;
    gap: 1rem;
    padding: 1rem 0;
    border-bottom: 1px solid #f1f1f1;
}

.thankyou-product:last-child {
    border-bottom: none;
}

.thankyou-product-img {
    width: 80px;
    height: 80px;
    border: 1px solid #e5e5e5;
    border-radius: 6px;
    overflow: hidden;
}

.thankyou-product-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.thankyou-product-details {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.thankyou-product-name {
    font-size: 0.9375rem;
    font-weight: 600;
    color: #333;
    margin: 0;
    line-height: 1.4;
}

.thankyou-product-meta {
    font-size: 0.875rem;
    color: #666;
    margin: 0;
}

.thankyou-product-meta span {
    font-weight: 600;
    color: #333;
}

.thankyou-product-pricing {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.thankyou-product-price {
    font-size: 1rem;
    font-weight: 700;
    color: #000;
}

.thankyou-product-regular {
    font-size: 0.875rem;
    color: #999;
    text-decoration: line-through;
}

.thankyou-product-sale {
    font-size: 0.75rem;
    color: #FB6D2E;
    font-weight: 600;
}

.thankyou-product-total {
    display: flex;
    align-items: center;
    font-size: 1.125rem;
    font-weight: 700;
    color: #000;
    text-align: right;
}

/* ========== TOTALS ========== */
.thankyou-total-section {
    margin-top: 1.5rem;
    padding-top: 1.5rem;
    border-top: 2px solid #f1f1f1;
}

.thankyou-total-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.625rem 0;
    font-size: 0.9375rem;
}

.thankyou-total-final {
    margin-top: 0.75rem;
    padding-top: 1rem;
    border-top: 1px solid #e5e5e5;
    font-size: 1.125rem;
}

.thankyou-total-final strong {
    font-size: 1.5rem;
    font-weight: 700;
    color: #000;
}

/* ========== PAYMENT ========== */
.thankyou-payment {
    background: #f9fafb;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    padding: 1rem;
}

.thankyou-payment-method {
    font-size: 1rem;
    font-weight: 600;
    color: #0F468A;
    margin-bottom: 0.5rem;
}

.thankyou-payment-detail {
    font-size: 0.9375rem;
    color: #666;
    line-height: 1.6;
}

.thankyou-payment-detail p {
    margin: 0.5rem 0;
}

/* ========== CUSTOMER INFO ========== */
.thankyou-customer {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.thankyou-customer-item {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.thankyou-customer-label {
    font-size: 0.875rem;
    color: #666;
    font-weight: 500;
}

.thankyou-customer-value {
    font-size: 0.9375rem;
    color: #333;
    font-weight: 600;
}

.thankyou-customer-note .thankyou-customer-value {
    font-weight: 400;
    line-height: 1.5;
}

/* ========== ACTIONS ========== */
.thankyou-actions {
    text-align: center;
    padding-top: 1.5rem;
}

.thankyou-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.875rem 2rem;
    background: #FB6D2E;
    color: #fff;
    font-size: 1rem;
    font-weight: 600;
    text-decoration: none;
    border-radius: 6px;
    transition: all 0.3s ease;
    box-shadow: 0 2px 8px rgba(251, 109, 46, 0.25);
}

.thankyou-btn:hover {
    background: #e55d1e;
    box-shadow: 0 4px 12px rgba(251, 109, 46, 0.35);
    transform: translateY(-2px);
    color: #fff;
}

.thankyou-btn svg {
    width: 20px;
    height: 20px;
    stroke-width: 2.5;
}

/* ========== EMPTY STATE ========== */
.thankyou-empty {
    text-align: center;
    padding: 4rem 2rem;
    background: #fff;
    border-radius: 8px;
}

.thankyou-empty svg {
    width: 80px;
    height: 80px;
    color: #ccc;
    margin-bottom: 1.5rem;
}

.thankyou-empty h2 {
    font-size: 1.5rem;
    color: #666;
    margin: 0 0 1.5rem 0;
}

/* ========== RESPONSIVE - TABLET ========== */
@media (max-width: 1024px) {
    .thankyou-layout {
        grid-template-columns: 1fr;
    }

    .thankyou-sidebar {
        order: -1;
    }
}

/* ========== RESPONSIVE - MOBILE ========== */
@media (max-width: 768px) {
    .thankyou-page {
        padding: 1rem 0;
    }

    .thankyou-container {
        padding: 0 0.75rem;
    }

    .thankyou-success {
        flex-direction: column;
        text-align: center;
        padding: 1.25rem;
    }

    .thankyou-success-icon svg {
        width: 40px;
        height: 40px;
    }

    .thankyou-success-title {
        font-size: 1.25rem;
    }

    .thankyou-success-desc {
        font-size: 0.875rem;
    }

    .thankyou-layout {
        gap: 1rem;
    }

    .thankyou-box {
        padding: 1rem;
        margin-bottom: 1rem;
    }

    .thankyou-box-title {
        font-size: 1rem;
    }

    .thankyou-info-item {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.25rem;
        padding: 0.75rem 0;
    }

    .thankyou-product {
        grid-template-columns: 60px 1fr;
        gap: 0.75rem;
    }

    .thankyou-product-img {
        width: 60px;
        height: 60px;
    }

    .thankyou-product-total {
        grid-column: 2;
        justify-content: flex-start;
        margin-top: 0.5rem;
        font-size: 1rem;
    }

    .thankyou-product-name {
        font-size: 0.875rem;
    }

    .thankyou-product-price {
        font-size: 0.9375rem;
    }

    .thankyou-total-row {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.25rem;
    }

    .thankyou-total-final strong {
        font-size: 1.25rem;
    }

    .thankyou-btn {
        width: 100%;
        justify-content: center;
        padding: 1rem;
    }

    .thankyou-empty {
        padding: 3rem 1rem;
    }

    .thankyou-empty svg {
        width: 60px;
        height: 60px;
    }

    .thankyou-empty h2 {
        font-size: 1.25rem;
    }
}

/* ========== PRINT ========== */
@media print {

    .thankyou-actions,
    .thankyou-btn {
        display: none !important;
    }

    .thankyou-page {
        background: #fff;
        padding: 0;
    }

    .thankyou-box {
        box-shadow: none;
        border: 1px solid #ddd;
    }

    .thankyou-success {
        background: #fff;
        border: 2px solid #10b981;
    }
}

.grid-item {
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

@media (max-width: 768px) {
    .grid-item {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .grid-item {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
.singular-content h1{
        font-size: 25px;
    font-weight: bold;
}