/**
* Theme Name: Sunic Child
* Description: This is a child theme of Sunic, generated by Merlin WP.
* Author: <a href="http://themelexus.com/">Themelexus</a>
* Template: sunic
* Version: 1.0.13
*/

.wc-block-components-button__text{
	z-index: 2;
}
.wc-block-cart-item__prices,
.sunic-product-pagination-wrap{
    display: none!important;
}
.sunic-sorting .woocommerce-ordering select{
    width: max-content!important;
	padding-right: 30px;
}
.product-img-wrap .product-image{
    opacity: 1!important;
}

/* cart/mini cart */
.woocommerce-mini-cart dl.variation dd,
.woocommerce-mini-cart dl.variation dd p,
.woocommerce-checkout .variation,
.woocommerce-checkout dl.variation dd,
.woocommerce-checkout dl.variation dd p{
    margin: 0;
}
.woocommerce-mini-cart .variation dt,
.wc-block-cart-item__product .wc-block-components-product-details:not(:last-child) .wc-block-components-product-details__name,
.woocommerce-checkout .cart_item dt,
.site-header-cart .tax_label,
.vat-field{
    display: none;
}
.woocommerce-mini-cart .variation dd{
    font-weight: 600;
}

/* checkout page */
.woocommerce-order-received .woocommerce-order-details .woocommerce-order-details__title{
    margin-top: 20px!important;
}
.woocommerce-checkout .woocommerce-info,
.woocommerce-checkout .woocommerce-form-coupon{
    margin-bottom: 0;
}
.woocommerce-checkout [name="apply_coupon"]{
	margin-left: 0!important;
}
.woocommerce-checkout [name="checkout"]{
    margin-top: 20px;
}
#place_order{
	justify-content: center;
}

/* SINGLE PRODUCT - FHD: thumbnail chạy dọc bên phải ảnh chính */
@media (min-width: 1200px) and (max-width: 1920px) and (max-height: 1100px) {

    /* giữ layout 2 cột chính như cũ */
    .single-product div.product .content-single-wrapper {
        display: flex !important;
        align-items: flex-start !important;
        gap: 30px !important;
    }

    /* giữ gallery gần size cũ */
    .single-product div.product .woocommerce-product-gallery {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) 92px !important;
        column-gap: 14px !important;
        align-items: start !important;
        width: 45% !important;
        max-width: 45% !important;
        float: left !important;
    }

    /* ảnh chính */
    .single-product div.product .woocommerce-product-gallery .flex-viewport {
        grid-column: 1 !important;
        margin: 0 !important;
        width: 100% !important;
    }

    /* vùng thumbnail chuyển sang cột phải */
    .single-product div.product .woocommerce-product-gallery .swiper.swiper-thumbs-horizontal {
        grid-column: 2 !important;

        width: 92px !important;
        max-width: 92px !important;
        margin: 0 !important;

        overflow-y: auto !important;
        overflow-x: hidden !important;
        align-self: stretch !important;
    }

    /* ép list thumb thành dọc */
    .single-product div.product .woocommerce-product-gallery .swiper.swiper-thumbs-horizontal .swiper-wrapper {
        display: flex !important;
        flex-direction: column !important;
        gap: 10px !important;

        transform: none !important;
        height: auto !important;
    }

    /* từng thumbnail */
    .single-product div.product .woocommerce-product-gallery .swiper.swiper-thumbs-horizontal .swiper-slide {
        width: 92px !important;
        height: 92px !important;
        margin-right: 0 !important;
        flex: 0 0 92px !important;
    }

    .single-product div.product .woocommerce-product-gallery .swiper.swiper-thumbs-horizontal .swiper-slide img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
    }

    /* phần nội dung bên phải vẫn giữ gần như cũ */
    .single-product div.product .summary.entry-summary {
        width: calc(50% - 10px) !important;
        max-width: 52% !important;
    }
}

@media (min-width: 1200px) and (max-width: 1920px) and (max-height: 1100px) {

    .single-product .woocommerce-product-gallery
    .swiper.swiper-thumbs-horizontal {
        position: relative !important;
        z-index: 50 !important;
        pointer-events: auto !important;
    }

    .single-product .woocommerce-product-gallery__trigger {
        z-index: 10 !important;
    }
}

/* single product */
.single-product div.product .woocommerce-product-gallery{
	max-width: 46%;
}
.single-product .summary{
	width: calc(50% - 10px);
	max-width: 52%;
}
.woocommerce-product-gallery__trigger{
	width: 100%!important;
	height: 88%;
	left: 0;
	right: unset!important;
	top: 0!important;
}
.woocommerce-product-gallery__trigger:before,
.rating_brands .product-brand,
.single-product .tagged_as{
	display: none!important;
}
.pswp__button:before{
    background-color: transparent;
}
.pswp__button--arrow--right{
	right: -30px;
}
.variations_form{
	position: relative;
}

/* =========================================================
   SINGLE PRODUCT - SIZE GUIDE
   Guide nằm ở hàng tiêu đề phía trên size buttons.
   Size buttons chia đều toàn bộ width hiện có.
   ========================================================= */


.single-product table.variations tr.proaths-size-row {
    width: 100% !important;
}

.single-product table.variations tr.proaths-size-row > th.label.proaths-size-label,
.single-product table.variations tr.proaths-size-row > td.label.proaths-size-label {
    width: 100% !important;
    max-width: 100% !important;

    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 16px !important;

    box-sizing: border-box !important;
    margin: 0 0 10px !important;
    padding: 0 !important;
}

.single-product
table.variations
tr.proaths-size-row
> th.label.proaths-size-label
> label,
.single-product
table.variations
tr.proaths-size-row
> td.label.proaths-size-label
> label {
    margin: 0 !important;
}

.single-product
table.variations
tr.proaths-size-row
.proaths-size-label
.sizeguide {
    position: static !important;
    inset: auto !important;
    transform: none !important;

    display: inline-block !important;
    flex: 0 0 auto !important;

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

    color: #111 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;

    white-space: nowrap !important;
    text-decoration: none !important;
    cursor: pointer;
}

.single-product
table.variations
tr.proaths-size-row
.proaths-size-label
.sizeguide::after {
    content: "";
    display: block;

    width: 100%;
    height: 2px;
    margin-top: 2px;

    background: #111;

    transform: scaleX(0);
    transform-origin: left center;
    transition: transform 300ms cubic-bezier(0.25, 0.8, 0.25, 1);
}

.single-product
table.variations
tr.proaths-size-row
.proaths-size-label
.sizeguide:hover::after {
    transform: scaleX(1);
}

.single-product table.variations tr.proaths-size-row > td.value.proaths-size-value {
    width: 100% !important;
    max-width: 100% !important;

    display: block !important;
    box-sizing: border-box !important;

    margin: 0 !important;
    padding: 0 !important;
}

.single-product
table.variations
tr.proaths-size-row
td.value.proaths-size-value
.variable-items-wrapper {
    width: 100% !important;

    display: grid !important;
    grid-template-columns: repeat(var(--pa-size-count, 5), minmax(42px, 1fr)) !important;
    gap: 8px !important;

    margin: 0 !important;
}

.single-product
table.variations
tr.proaths-size-row
td.value.proaths-size-value
.variable-items-wrapper
.variable-item {
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
}

/* Product meta: desktop cùng một hàng, màn hình hẹp tự wrap. */
.single-product .product_meta {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;

    column-gap: 20px !important;
    row-gap: 6px !important;

    border-top: 1px #e5e5e5 solid;
    margin-top: 10px;
    padding-top: 10px;
}

.single-product .product_meta > span,
.single-product .product_meta > .product-brand,
.single-product .product_meta > .posted_in,
.single-product .product_meta > .sku_wrapper {
    display: inline-flex !important;
    align-items: center !important;

    width: auto !important;
    margin: 0 !important;
}

@media (max-width: 740px) {
    .single-product
    table.variations
    tr.proaths-size-row
    > th.label.proaths-size-label,
    .single-product
    table.variations
    tr.proaths-size-row
    > td.label.proaths-size-label {
        gap: 10px !important;
    }

    .single-product
    table.variations
    tr.proaths-size-row
    td.value.proaths-size-value
    .variable-items-wrapper {
        grid-template-columns: repeat(auto-fit, minmax(52px, 1fr)) !important;
    }

    .single-product div.product .woocommerce-product-gallery{
        max-width: 100%;
    }

    .single-product .summary{
        width: 100%;
    }
}

/* for print style */
#cus-name-label,
#cus-num-label {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  user-select: none;
  pointer-events: none;
  z-index: 20;
  display: flex;
  justify-content: center;
  align-items: center;
  white-space: nowrap;
}
#cus-name-label.team-spn {
  top: 185px;
  width: 260px;
  height: 45px;
}
#cus-num-label.team-spn {
  top: 215px;
  width: 260px;
  height: 230px;
}
#cus-name-label.team-spn,
#cus-num-label.team-spn {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  overflow: visible !important;
  white-space: nowrap !important;
  font-size: 0 !important;
  line-height: 0 !important;
  color: transparent !important;
}
#cus-name-label.team-spn .svg-render-wrapper,
#cus-num-label.team-spn .svg-render-wrapper {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
  height: 100% !important;
}
#cus-name-label .svg-render-wrapper img,
#cus-num-label .svg-render-wrapper img {
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: auto !important;
  max-width: none !important;
  object-fit: contain !important;
  flex: 0 0 auto !important;
}
#cus-name-label img.svg-name-char {
  height: 28px !important;
  margin: 0 -1px !important;
}
#cus-num-label img.svg-num-char {
  height: 95px !important;
  margin: 0 3px !important;
}
#cus-name-label .svg-space,
#cus-num-label .svg-space {
  display: block !important;
  flex: 0 0 auto !important;
}

#cus-num-label.team-1s-jersey {
  -webkit-text-stroke: 3px red;
}


.product-add-to-cart-form{
    position: relative;
}
.cus-area-wrapper{
    position: relative;
}
.cus-field{
    font-size: .85em;
}
.cus-field:not(:last-child){
    margin-bottom: 20px;
}
.cus-field .cus-field-title {
    display: flex;
    justify-content: space-between;
}
.cus-field-title .confirm-cus {
    text-transform: uppercase;
    color: var(--e-global-color-dark);
    cursor: pointer;
}
.print-accept {
    cursor: pointer;
}
.cus-field .confirm-cus:before,
.print-accept:before{
    content: '';
    height: 12px;
    width: 12px;
    outline: 2px solid #1d2f6f;
    display: inline-block;
    margin: 0 10px -1px 0;
}
.cus-field.active .confirm-cus:before,
.print-accept.accepted:before{
    border: 2px solid #fff;
    background-color: #1d2f6f;
}
.cus-field-title .cus-price {
    color: var(--e-global-color-primary);
    opacity: .5;
}
.cus-field > p {
    color: var(--e-global-color-dark);
    margin: 5px 0 10px;
    opacity: .5;
}
.cus-field > input {
    width: 100%;
    padding: 10px;
    opacity: .5;
}
.cus-field > input.error {
    border-color: red;
}
.cus-field.active .cus-price,
.cus-field.active > p,
.cus-field.active > input
{
    opacity: 1;
}
#add-custom-cart{
    cursor: pointer;
	user-select: none;
}
#add-custom-cart.disabled {
    opacity: 0.5;
    pointer-events: none;
    cursor: not-allowed;
}

#pa-size-popup {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.55);
    z-index: 999999;
    display: flex;
    align-items: center;
    justify-content: center;
}
.pa-size-popup-box {
    background: #fff;
    padding: 35px 45px;
    min-width: 320px;
    text-align: center;
    box-shadow: 0 15px 45px rgba(0,0,0,0.25);
}
.pa-size-popup-text {
    font-size: 22px;
    font-weight: 700;
    color: #001b4d;
    margin-bottom: 25px;
}

/* HEADER MENU - giữ màu chữ */
.elementor-widget-sunic-nav-menu .main-navigation .primary-navigation > ul > li > a .menu-title {
    color: #000 !important;
}

.elementor-widget-sunic-nav-menu .main-navigation .primary-navigation > ul > li > a:hover,
.elementor-widget-sunic-nav-menu .main-navigation .primary-navigation > ul > li > a:hover .menu-title {
    color: #000 !important;
}

/* Ẩn arrow mặc định của menu có submenu */
.elementor-widget-sunic-nav-menu .main-navigation .primary-navigation > ul > li.menu-item-has-children > a::after {
    display: none !important;
}

/* Link text */
.elementor-widget-icon-list .elementor-icon-list-text {
    position: relative;
    display: inline-block !important;
    padding-bottom: 0px;
}
/* khóa toàn bộ hover màu xanh */
.elementor-widget-icon-list a:hover,
.elementor-widget-icon-list a:hover .elementor-icon-list-text,
.elementor-widget-icon-list .elementor-icon-list-text:hover {
    color: inherit !important;
}

/* Category title */
.category-product-link {
    position: relative;
    display: inline-block;
    color: #fff !important;
    text-decoration: none !important;
	padding-bottom: 5px;
    text-shadow:
        0 2px 8px rgba(0,0,0,0.8),
        0 2px 2px rgba(0,0,0,0.8);
}
/* khóa hover xanh */
.category-product-link:hover,
.category-product-link:focus,
.category-product-link:active {
    color: #fff !important;
    text-decoration: none !important;
}

/* Product title */
.product-block .woocommerce-loop-product__title {
    display: inline-block !important;
}
.product-block .woocommerce-loop-product__title a {
    position: relative;
    display: inline-block !important;
    width: fit-content;
    padding-bottom: 3px;
    color: #0D2968 !important;
    font-weight: 600 !important;
    font-size: 18px !important;
    text-decoration: none !important;
    line-height: 1.2;
}

/* giá */
.price {
    font-size: 17px !important;
}

/* Product card */
.product-block {
    position: relative;
}
/* đưa category lên góc trái hình */
.product-block .woocommerce-loop-category__title,
.product-block .posted_in,
.product-block .product-cat,
.product-block .product-category,
.product-block .product-categories,
.product-block .cat-links {
    position: absolute;
    top: 12px;
    left: 12px;
    z-index: 5;
    font-size: 14px;
    line-height: 1;
    color: #fff !important;
    background: rgba(13,41,104,1);
    padding: 5px 8px;
    border-radius: 4px;
}

/* Category badge */
.product-block .product-caption > div:first-child {
    position: absolute;
    top: 14px;
    left: 14px;
    z-index: 5;
    display: inline-flex;
    align-items: center;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    line-height: 1;
    padding: 4px 8px;
    background: #0D2968 !important;
    border-radius: 4px;
	transition:
        background 0.3s ease,
        color 0.3s ease,
        transform 0.3s ease;
}
/* text trắng */
.product-block .product-caption > div:first-child,
.product-block .product-caption > div:first-child a,
.product-block .product-caption > div:first-child span {
    color: #fff !important;
    opacity: 1 !important;
    -webkit-text-fill-color: #fff !important;
}
/* chỉ hover khi rê đúng vào badge */
.product-block .product-caption > div:first-child:hover {
    background: #fff !important;
    transform: translateY(-1px);
}
/* đổi text khi hover */
.product-block .product-caption > div:first-child:hover,
.product-block .product-caption > div:first-child:hover a,
.product-block .product-caption > div:first-child:hover span {
    color: #0D2968 !important;
    -webkit-text-fill-color: #0D2968 !important;
    font-weight: 900 !important;
}

ul.products li.product .woocommerce-loop-product__title,
ul.products li.product h3 {
    line-height: 1.1 !important;
    margin-bottom: 3px !important;
}
.product-block .product-caption {
	padding-top: 10px !important;
}

/* reset variations link */
a.reset_variations {
    display: none !important;
}
/* khi đã chọn size: mới hiện */
a.reset_variations[style*="visibility: visible"] {
    display: block !important;
    width: fit-content;
    margin-top: 8px;
    margin-left: 0;
    position: relative;
    color: #0D2968 !important;
    text-decoration: none !important;
}
/* underline */
a.reset_variations[style*="visibility: visible"]::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 100%;
    height: 2px;
    background: #0D2968;
    transform: scaleX(0);
    transform-origin: left center;
    transition: transform 0.3s ease;
}
a.reset_variations[style*="visibility: visible"]:hover::after {
    transform: scaleX(1);
}

.elementor-6001 {
    display: none !important;
}
.site-content {
    padding-top: 0 !important;
}

/* =========================
   PROATHS GLOBAL
========================= */
:root {
    --pa-blue: #1d2f6f;
    --pa-underline-height: 2px;
    --pa-underline-offset: 0px;
    --pa-underline-speed: 300ms;
    --pa-underline-easing: cubic-bezier(0.25, 0.8, 0.25, 1);
}

/* =========================================================
   PROATHS - SINGLE PRODUCT BUY AREA
   v5: one-row desktop actions + tooltip personalization.
   ========================================================= */

.single-product .product-add-to-cart-form {
    --pa-buy-area-width: 100%;
    position: relative;
    display: flex !important;
    flex-wrap: nowrap !important;
    width: var(--pa-buy-area-width) !important;
    max-width: 100% !important;
    gap: 10px;
    align-items: flex-end !important;
}

/* Quantity */
.single-product .product-add-to-cart-form .quantity_wrap {
    flex: 0 0 135px;
    width: 135px !important;
    max-width: 135px !important;
    margin: 0 !important;
    padding: 0 !important;
    order: 1;
}
.single-product .product-add-to-cart-form .quantity_label {
    display: block;
    margin: 0 0 12px 0 !important;
    padding: 0 !important;
}
.single-product .product-add-to-cart-form .quantity.buttons_added {
    width: 135px !important;
    height: 52px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Personalization: same secondary visual as Add to cart.
 * Subtitle becomes a hover tooltip so 3 CTAs fit without clipping. */
.single-product .product-add-to-cart-form .proaths-customize {
    position: relative !important;
    flex: 1 1 0;
    min-width: 0;
    order: 2;
    box-sizing: border-box;
    height: 52px;
    min-height: 52px;
    margin: 0 !important;
    padding: 0 14px !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    background: #fff !important;
    color: #0D2968 !important;
    border: 2px solid #0D2968 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    text-align: center;
    cursor: pointer;
    overflow: visible !important;
    transition: background-color .2s ease, color .2s ease, border-color .2s ease !important;
}
.single-product .product-add-to-cart-form .proaths-customize:focus,
.single-product .product-add-to-cart-form .proaths-customize:focus-visible,
.single-product .product-add-to-cart-form .proaths-customize:active {
    background: #fff !important;
    color: #0D2968 !important;
    border-color: #0D2968 !important;
    outline: none !important;
    box-shadow: none !important;
    transform: none !important;
}
.single-product .product-add-to-cart-form .proaths-customize:hover {
    background: #0D2968 !important;
    color: #fff !important;
    border-color: #0D2968 !important;
    outline: none !important;
    box-shadow: none !important;
    transform: none !important;
}
.single-product .product-add-to-cart-form .proaths-customize::before,
.single-product .product-add-to-cart-form .proaths-customize::after {
    content: none !important;
    display: none !important;
}
.single-product .proaths-customize-text {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 0;
    width: 100%;
    text-align: center;
}
.single-product .proaths-customize-text strong {
    display: block;
    color: inherit;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.15;
    white-space: nowrap;
}
.single-product .proaths-customize-text small {
    position: absolute;
    left: 50%;
    bottom: calc(100% + 28px);
    transform: translateX(-50%) translateY(4px);
    z-index: 40;
    display: block;
    width: max-content;
    max-width: 250px;
    padding: 7px 9px;
    background: #111827;
    color: #fff !important;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    font-size: 11px;
    font-weight: 500;
    line-height: 1.25;
    white-space: normal;
    text-align: center;
    transition: opacity .15s ease, transform .15s ease, visibility .15s ease;
}
@media (hover: hover) {
    .single-product .product-add-to-cart-form .proaths-customize:hover .proaths-customize-text small {
        opacity: 1;
        visibility: visible;
        transform: translateX(-50%) translateY(0);
    }
}
.single-product .proaths-customize-arrow { display: none !important; }

/* Main CTAs */
.single-product .product-add-to-cart-form .single_add_to_cart_button,
.single-product .product-add-to-cart-form .single_buy_now_button {
    order: 3;
    flex: 1 1 0;
    box-sizing: border-box !important;
    width: auto !important;
    min-width: 0 !important;
    height: 52px !important;
    min-height: 52px !important;
    margin: 0 !important;
    padding: 0 14px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 2px solid #0D2968 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    filter: none !important;
    opacity: 1 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    text-align: center;
    text-transform: uppercase !important;
    letter-spacing: .2px !important;
    cursor: pointer !important;
    white-space: nowrap;
    transition: background-color .2s ease, color .2s ease, border-color .2s ease !important;
}

/* Secondary Add-to-cart: same visual level as Personalization. */
.single-product .product-add-to-cart-form .single_add_to_cart_button,
.single-product .product-add-to-cart-form .single_add_to_cart_button.disabled,
.single-product .product-add-to-cart-form .single_add_to_cart_button.wc-variation-selection-needed,
.single-product .product-add-to-cart-form .single_add_to_cart_button:disabled {
    background: #fff !important;
    color: #0D2968 !important;
    border-color: #0D2968 !important;
    opacity: 1 !important;
    filter: none !important;
    cursor: pointer !important;
}
.single-product .product-add-to-cart-form .single_add_to_cart_button:hover,
.single-product .product-add-to-cart-form .single_add_to_cart_button.disabled:hover,
.single-product .product-add-to-cart-form .single_add_to_cart_button.wc-variation-selection-needed:hover,
.single-product .product-add-to-cart-form .single_add_to_cart_button:disabled:hover {
    background: #0D2968 !important;
    color: #fff !important;
    border-color: #0D2968 !important;
    transform: none !important;
    box-shadow: none !important;
}

/* Buy Now is the primary CTA on normal/promotion products. */
.single-product .product-add-to-cart-form .single_buy_now_button,
.single-product .product-add-to-cart-form .single_buy_now_button:disabled {
    background: #0D2968 !important;
    color: #fff !important;
    border-color: #0D2968 !important;
    opacity: 1 !important;
    filter: none !important;
    cursor: pointer !important;
}
.single-product .product-add-to-cart-form .single_buy_now_button:hover,
.single-product .product-add-to-cart-form .single_buy_now_button:disabled:hover {
    background: #fff !important;
    color: #0D2968 !important;
    border-color: #0D2968 !important;
    transform: none !important;
    box-shadow: none !important;
}

/* Preorder has no Buy Now, therefore ĐẶT HÀNG TRƯỚC becomes primary. */
body.single-product.proaths-psc-preorder-active .product-add-to-cart-form .single_add_to_cart_button,
body.single-product.proaths-psc-preorder-active .product-add-to-cart-form .single_add_to_cart_button.disabled,
body.single-product.proaths-psc-preorder-active .product-add-to-cart-form .single_add_to_cart_button.wc-variation-selection-needed,
body.single-product.proaths-psc-preorder-active .product-add-to-cart-form .single_add_to_cart_button:disabled {
    background: #0D2968 !important;
    color: #fff !important;
    border-color: #0D2968 !important;
}
body.single-product.proaths-psc-preorder-active .product-add-to-cart-form .single_add_to_cart_button:hover {
    background: #fff !important;
    color: #0D2968 !important;
}
body.single-product.proaths-psc-preorder-active .product-add-to-cart-form .single_buy_now_button {
    display: none !important;
}

/* No Sunic left-to-right fill layer. */
.single-product .product-add-to-cart-form .single_add_to_cart_button::before,
.single-product .product-add-to-cart-form .single_add_to_cart_button::after,
.single-product .product-add-to-cart-form .single_buy_now_button::before,
.single-product .product-add-to-cart-form .single_buy_now_button::after {
    content: none !important;
    display: none !important;
}

@media (min-width: 741px) {
    .single-product .product-add-to-cart-form > .quantity_wrap { flex: 0 0 135px !important; }
    .single-product .product-add-to-cart-form > .proaths-customize,
    .single-product .product-add-to-cart-form > .single_add_to_cart_button,
    .single-product .product-add-to-cart-form > .single_buy_now_button {
        flex: 1 1 0 !important;
        min-width: 0 !important;
    }
}

/* =========================
   POPUP BUTTON STYLE
========================= */
.pa-size-popup-btn,
.close-popup .elementor-button,
.elementor-element-9ced463 .elementor-button {
    box-sizing: border-box !important;
    width: 100%;
    height: 50px !important;
    padding: 0 24px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 2px solid var(--pa-blue) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    letter-spacing: .3px !important;
    text-transform: uppercase !important;
    transition: background-color .3s ease, color .3s ease, border-color .3s ease !important;
}
/* Confirm button */
.pa-size-popup-btn,
.elementor-element-9ced463 .elementor-button {
    background: var(--pa-blue) !important;
    color: #fff !important;
}
.pa-size-popup-btn:hover,
.elementor-element-9ced463 .elementor-button:hover {
    background: #fff !important;
    color: var(--pa-blue) !important;
}
/* Cancel button */
.close-popup .elementor-button {
    background: #fff !important;
    color: var(--pa-blue) !important;
}
.close-popup .elementor-button:hover {
    background: var(--pa-blue) !important;
    color: #fff !important;
}
/* Text inside popup buttons */
.pa-size-popup-btn *,
.close-popup .elementor-button *,
.elementor-element-9ced463 .elementor-button * {
    color: inherit !important;
}

/* =========================
   DISABLE THEME BUTTON EFFECTS
========================= */
.single-product .product-add-to-cart-form .single_add_to_cart_button::before,
.single-product .product-add-to-cart-form .single_add_to_cart_button::after,
.single-product .product-add-to-cart-form .single_buy_now_button::before,
.single-product .product-add-to-cart-form .single_buy_now_button::after,
.pa-size-popup-btn::before,
.pa-size-popup-btn::after,
.close-popup .elementor-button::before,
.close-popup .elementor-button::after,
.elementor-element-9ced463 .elementor-button::before,
.elementor-element-9ced463 .elementor-button::after {
    content: none !important;
    display: none !important;
}

/* =========================
   RELATED PRODUCT SWIPER FIX
========================= */
.single-product section.related.products .woocommerce.sunic-theme-swiper,
.single-product section.related.products .sunic-swiper,
.single-product section.related.products .swiper-wrapper,
.single-product section.related.products .swiper-slide {
    height: auto !important;
    min-height: 0 !important;
}
.single-product section.related.products .woocommerce.sunic-theme-swiper {
    overflow: hidden !important;
	margin-bottom: 50px;
}
.single-product section.related.products .swiper-wrapper {
    align-items: stretch !important;
}

p {
    margin-top: 5px;
    margin-bottom: 5px;
}
.elementor-element.elementor-element-3eef3d9 {
    gap: 10px 10px;
}
.product_group_action .woosw-btn,
.product_group_action .woosc-btn {
    background: transparent !important;
    background-color: transparent !important;
}
.single-product div.product .product_title {
    overflow: visible;
}

/* product description block */
.sunic-info-block table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}
.sunic-info-block table,
.sunic-info-block table tbody,
.sunic-info-block table tr,
.sunic-info-block table td {
  border: none !important;
}
.sunic-info-block table tr {
  border-bottom: 1px solid #e9e9e9 !important;
}
.sunic-info-block table td {
  padding: 5px 0 !important;
  vertical-align: top;
  font-size: 15px;
  line-height: 1.2;
}
.sunic-info-block table td:first-child {
  width: 20%;
  color: #555;
  padding-right: 5px !important;
}
.sunic-info-block table td:last-child {
  width: 75%;
  color: #333;
}

.sunic-info-2-block table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}
.sunic-info-2-block table,
.sunic-info-2-block table tbody,
.sunic-info-2-block table tr,
.sunic-info-2-block table td {
  border: none !important;
}
.sunic-info-2-block table tr {
  border-bottom: 1px solid #e9e9e9 !important;
}
.sunic-info-2-block table td {
  padding: 5px 0 !important;
  vertical-align: top;
  font-size: 15px;
  line-height: 1.2;
}
.sunic-info-2-block table td:first-child {
  width: 50%;
  color: #555;
  padding-right: 5px !important;
}
.sunic-info-2-block table td:last-child {
  width: 50%;
  color: #555;
}

/* Title (Material & Washing, Size & Shape) */
.sunic-info-block h3 {
  font-weight: 600 !important;
  color: #111 !important;
  letter-spacing: 0.2px;
}
/* Nội dung bảng - cột trái */
.sunic-info-block table td:first-child {
  font-weight: 500 !important;
  color: #444 !important;
}
/* Nội dung bảng - cột phải */
.sunic-info-block table td:last-child {
  font-weight: 400;
  color: #222 !important;
}

/* Chữ "Size" bên trái */
table.shop_attributes th.woocommerce-product-attributes-item__label {
    font-size: 14px !important;
    font-weight: 400 !important;
    text-transform: none !important;
    text-align: left !important;
    vertical-align: middle !important;
    color: #666 !important;
    letter-spacing: 0 !important;
    font-family: inherit !important;
    padding: 1em !important;
}
/* Chữ S, M, L, XL bên phải */
table.shop_attributes td.woocommerce-product-attributes-item__value {
    font-size: 14px !important;
    font-weight: 400 !important;
    text-align: left !important;
    color: #666 !important;
}

/* ===== GLOBAL UNDERLINE TARGETS ===== */
.elementor-widget-sunic-nav-menu .main-navigation .primary-navigation > ul > li > a .menu-title,
.elementor-widget-icon-list .elementor-icon-list-text,
.category-product-link,
.product-block .woocommerce-loop-product__title a {
    position: relative;
    display: inline-block;
    text-decoration: none !important;
}

/* ===== GLOBAL UNDERLINE STYLE ===== */
.elementor-widget-sunic-nav-menu .main-navigation .primary-navigation > ul > li > a .menu-title::after,
.elementor-widget-icon-list .elementor-icon-list-text::after,
.category-product-link::after,
.product-block .woocommerce-loop-product__title a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: var(--pa-underline-offset);
    width: 100%;
    height: var(--pa-underline-height);
    transform: scaleX(0);
    transform-origin: left center;
    transition: transform var(--pa-underline-speed) var(--pa-underline-easing);
}

/* ===== GLOBAL UNDERLINE COLORS & OFFSETS ===== */
.elementor-widget-sunic-nav-menu .main-navigation .primary-navigation > ul > li > a .menu-title::after {
    background: #000;
    bottom: -1px;
}
.elementor-widget-icon-list .elementor-icon-list-text::after {
    background: #000;
    bottom: 0px;
}
.category-product-link::after {
    background: #fff;
}
.product-block .woocommerce-loop-product__title a::after {
    background: #0D2968;
}

/* ===== GLOBAL UNDERLINE HOVER ANIMATION ===== */
.elementor-widget-sunic-nav-menu .main-navigation .primary-navigation > ul > li > a:hover .menu-title::after,
.elementor-widget-icon-list a:hover .elementor-icon-list-text::after,
.category-product-link:hover::after,
.product-block:hover .woocommerce-loop-product__title a::after,
.product-block:focus-within .woocommerce-loop-product__title a::after {
    transform: scaleX(1);
}

/* ===== CENTER BOX MEGA MENU ===== */
.primary-navigation .has-mega-menu > ul.sub-menu.mega-menu.custom-subwidth {
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important;
}

/* ===== PRODUCT TITLE COLOR ON HOVER ===== */
.product-block:hover .woocommerce-loop-product__title a,
.product-block .woocommerce-loop-product__title a:hover,
.product-block .woocommerce-loop-product__title a:focus,
.product-block .woocommerce-loop-product__title a:active {
    color: #0D2968 !important;
    text-decoration: none !important;
}

.elementor-widget-sunic-product-categories .category-title .category-product-link::after{
    height: 4px;
    background: rgba(255,255,255,0.95);
    box-shadow:
        0 2px 8px rgba(0,0,0,0.8),
        0 2px 2px rgba(0,0,0,0.8);
    bottom: -3px;
}

#masthead {
    z-index: 9999 !important;
    width: 100% !important;
    background: rgba(255,255,255,0.9);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    box-shadow: 0 4px 18px rgba(0,0,0,0.08);
}
.elementor-element .confirm-cus {
	padding-left: 2px !important;
}

/* ===== PREORDER POPUP BUTTONS ===== */
.proaths-preorder-actions{
    display:flex;
    gap:16px;
    justify-content:center;
    margin-top:24px;
}
.proaths-preorder-actions button{
    box-sizing:border-box !important;
    width:100%;
    max-width:160px;
    height:50px;
    padding:0 24px;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    font-size:14px;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:0;
    border-radius:0 !important;
    transition:all .2s ease;
    cursor:pointer;
}

/* BUTTON XÁC NHẬN */
#proaths-preorder-confirm{
    background:#1D2F6F !important;
    color:#fff !important;
    border:2px solid #1D2F6F !important;
}
#proaths-preorder-confirm:hover:not(:disabled),
#proaths-preorder-confirm:focus:not(:disabled){
    background:#fff !important;
    color:#1D2F6F !important;
    border-color:#1D2F6F !important;
    transform:none !important;
    box-shadow:none !important;
}

/* BUTTON HỦY */
#proaths-preorder-cancel{
    background:#fff !important;
    color:#1D2F6F !important;
    border:2px solid #1D2F6F !important;
}
#proaths-preorder-cancel:hover,
#proaths-preorder-cancel:focus{
    background:#1D2F6F !important;
    color:#fff !important;
    border-color:#1D2F6F !important;
    transform:none !important;
    box-shadow:none !important;
}

/* DISABLED */
#proaths-preorder-confirm:disabled{
    opacity:.45;
    cursor:not-allowed;
}

/* Tắt lớp hover xanh chạy của theme */
.proaths-preorder-actions button::before,
.proaths-preorder-actions button::after{
    display:none !important;
    content:none !important;
}

/* ===== PREORDER CHECKBOX + POLICY LINK ===== */
.proaths-preorder-confirm-row{
    display:flex;
    align-items:flex-start;
    gap:8px;
    color:#555;
    line-height:1.6;
}
/* Ẩn checkbox gốc */
#proaths-preorder-agree{
    appearance:none !important;
    -webkit-appearance:none !important;
    width:16px !important;
    height:16px !important;
    min-width:16px !important;
    margin:5px 6px 0 0 !important;
    border:2px solid #1D2F6F !important;
    border-radius:0 !important;
    background:#fff !important;
    cursor:pointer;
    position:relative;
}
/* Ô vuông nhỏ bên trong khi checked */
#proaths-preorder-agree:checked::after{
    content:"";
    width:8px;
    height:8px;
    background:#1D2F6F;
    position:absolute;
    top:2px;
    left:2px;
}
/* Text + link */
.proaths-preorder-confirm-row a {
	font-weight: 400 !important;
    color: var(--e-global-color-secondary) !important;
    box-shadow: none;
    text-decoration: none !important;
}
.proaths-preorder-confirm-row a:hover{
    color: var(--e-global-color-primary) !important;
}

.proaths-preview-img-wrap #cus-name-label {
    color: var(--custom-font-color) !important;
    font-size: var(--custom-name-font-size) !important;
}
.proaths-preview-img-wrap #cus-num-label {
    color: var(--custom-font-color) !important;
    font-size: var(--custom-num-font-size) !important;
}

.proaths-preview-img-wrap {
    position: relative;
}
.proaths-preview-disclaimer {
    position: absolute;
    left: 5px;
    right: 5px;
    bottom: 5px;
	padding: 10px 10px;
	text-align: center;
    line-height: 1.35;
    color: #fff;
    background: rgba(0, 0, 0, 0.7);
    z-index: 30;
}
.elementor-6038 {
    font-size: 16px;
    line-height: 1.6;
}
.single-product .woocommerce-tabs ul.tabs {
	margin-bottom: 10px !important;
}

/* ===================================================
   MEDIA QUERIES (Giữ riêng biệt để tránh lỗi Responsive)
=================================================== */

/* MOBILE RESPONSIVE (max-width: 768px) */
@media (max-width: 768px) {
  body.single-product div.product div.summary,
  body.single-product .summary,
  body.single-product .summary.entry-summary,
  body.single-product div.summary.entry-summary {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    flex-basis: 100% !important;
    float: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }
  body.single-product .content-single-wrapper {
    display: block !important;
  }
  body.single-product div.product div.images,
  body.single-product .woocommerce-product-gallery {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
  }

  body.dialog-lightbox-body,
  body.dialog-prevent-scroll {
    overflow-x: hidden !important;
  }

  /* Popup wrapper */
  .dialog-lightbox-widget,
  .dialog-lightbox-container,
  .dialog-widget,
  .dialog-widget-content,
  .dialog-message {
    width: 100vw !important;
    max-width: 100vw !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow-x: hidden !important;
  }
  .elementor-popup-modal .dialog-widget-content {
    overflow-y: auto !important;
    border-radius: 0 !important;
  }
  .elementor-popup-modal .dialog-message {
    overflow-y: auto !important;
  }

  /* Reset container */
  .elementor-popup-modal .elementor,
  .elementor-popup-modal .elementor-section,
  .elementor-popup-modal .elementor-container,
  .elementor-popup-modal .e-con,
  .elementor-popup-modal .e-con-inner,
  .elementor-popup-modal .cus-area-wrapper {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow-x: hidden !important;
    box-sizing: border-box !important;
  }

  /* Layout mobile */
  .elementor-popup-modal .cus-area-wrapper,
  .elementor-popup-modal .elementor-element-8d7fe17 {
    display: flex !important;
    flex-direction: column !important;
  }

  /* Image box */
  .elementor-popup-modal .proaths-preview-img-wrap,
  .elementor-popup-modal .elementor-element-939f124 {
    order: 1 !important;
    position: relative !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: unset !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }
  .elementor-popup-modal img.proaths-preview-img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    display: block !important;
  }

  /* Form box */
  .elementor-popup-modal .cus-field-wrapper,
  .elementor-popup-modal .elementor-element-3eef3d9 {
    order: 2 !important;
    width: 100% !important;
    max-width: 100% !important;
    position: relative !important;
    transform: none !important;
    padding: 16px 8px !important;
    margin: 0 !important;
    background: #fff !important;
    box-sizing: border-box !important;
    overflow: visible !important;
    box-shadow: none !important;
  }

  /* Input field */
  .elementor-popup-modal .cus-field {
    background: #fff !important;
    border: 1px solid #ddd !important;
    border-radius: 8px !important;
    padding: 14px 12px !important;
    margin-bottom: 12px !important;
  }

/* =========================================================
   SINGLE PRODUCT BUY AREA - MOBILE
   ========================================================= */

.single-product .product-add-to-cart-form {
    width: 100% !important;
    max-width: 100% !important;

    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;

    gap: 10px !important;

    align-items: stretch !important;
}

/* Personalization */
.single-product
.product-add-to-cart-form
.proaths-customize {
    order: 1;

    width: 100% !important;
    flex: none;
}

/* Quantity */
.single-product
.product-add-to-cart-form
.quantity_wrap {
    order: 2;

    flex: none;

    width: 120px !important;
    max-width: 120px !important;
}

/* Add / Pre-order */
.single-product
.product-add-to-cart-form
.single_add_to_cart_button {
    order: 3;

    width: 100% !important;
    flex: none;
}

/* Buy now */
.single-product
.product-add-to-cart-form
.single_buy_now_button {
    order: 4;

    width: 100% !important;
    flex: none;
}



	
  /* FIX cứng input số lượng */
  .single-product input.qty.input-text.qty.text {
    width: 35px !important;
    min-width: 35px !important;
    max-width: 35px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin: 0 !important;
    flex: unset !important;
  }
  .single-product .quantity_buttons_added {
    display: grid !important;
    grid-template-columns: 25px 30px 25px !important;
    width: 80px !important;
    min-width: 80px !important;
    max-width: 80px !important;
  }
  .single-product .quantity_buttons_added .minus,
  .single-product .quantity_buttons_added .plus {
    width: 25px !important;
    min-width: 25px !important;
    max-width: 25px !important;
  }
	
  .proaths-custom-menu-toggle {
    position: absolute !important;
    top: 10px !important;
    right: 10px !important;
    z-index: 999 !important;
    width: 42px !important;
    height: 42px !important;
    min-height: 42px !important;
    padding: 0 !important;
    border-radius: 10px !important;
    border: 2px solid #1d2f6f !important;
    background: rgba(255,255,255,.92) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  .proaths-custom-menu-toggle .elementor-button-content-wrapper {
    justify-content: center !important;
  }
  .proaths-custom-menu-toggle i,
  .proaths-custom-menu-toggle svg {
    font-size: 18px !important;
    color: #1d2f6f !important;
    fill: #1d2f6f !important;
  }
  .proaths-custom-menu-toggle .elementor-button-icon {
    color: #1d2f6f !important;
  }

  .elementor-element-8d7fe17 {
    position: relative !important;
  }

  .proaths-custom-menu-panel {
    position: fixed !important;
    top: 5px !important;
    right: 5px !important;
    bottom: 5px !important;
    width: calc(100vw - 10px) !important;
    max-width: calc(100vw - 10px) !important;
    background: #fff !important;
    z-index: 99999 !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding: 20px 14px !important;
    border-radius: 12px !important;
    box-shadow: 0 12px 40px rgba(0,0,0,.25) !important;
    transform: translateX(110%) !important;
    transition: transform .28s ease !important;
  }
  body.proaths-custom-menu-open .proaths-custom-menu-panel {
    transform: translateX(0) !important;
  }

  .single-product .woocommerce-tabs {
	margin-top: 30px !important;
  }
  .col-full {
	padding: 0 8px !important;
  }
  .single-product .woocommerce-Tabs-panel .elementor-element {
	margin: 0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px !important;
  }
  .single-product .woocommerce-Tabs-panel .elementor-element:last-of-type {
	margin-top: 10px;
  }
	
  #quantity_6a0b132226a1f .input-text {
	width: 80px !important;
  }
	
  .sunic-info-block table td:first-child {
	width: 25%;
	color: #555;
	padding-right: 5px !important;
  }
  .sunic-info-block table td:last-child {
	width: 70%;
	color: #333;
  }
	
  /* Mobile: đổi bảng hướng dẫn giặt thành 1 cột */
  .sunic-info-2-block table,
  .sunic-info-2-block tbody,
  .sunic-info-2-block tr,
  .sunic-info-2-block td{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    border:0 !important;
    margin:0 !important;
    padding:0 !important;
  }
  .sunic-info-2-block table{
    border-collapse:separate !important;
    border-spacing:0 !important;
  }
  .sunic-info-2-block td{
    position:relative !important;
    padding:7px 0 !important;
    box-sizing:border-box !important;
  }
  .sunic-info-2-block td::after{
    content:"";
    display:block;
    width:100%;
    height:1px;
    background:#e5e5e5;
    position:absolute;
    left:0;
    bottom:0;
  }
  .sunic-info-2-block tr:last-child td:last-child::after{
    display:none !important;
  }
	
  .sunic-desc-info {
	margin-top: 10px;
  }
	
  /* Size buttons mobile có khoảng cách đều */
  .variable-items-wrapper.button-variable-items-wrapper{
    display:flex !important;
    flex-wrap:wrap !important;
    gap:5px !important;
  }
  .variable-items-wrapper.button-variable-items-wrapper .variable-item{
    margin:0 !important;
  }
	
  .content-single-wrapper {
	padding: 0 !important;
  }
}

/* HÀNG ĐẶT TRƯỚC LABEL */
.product-block .proaths-preorder-badge {
	position: absolute;
    top: 14px;
    right: 14px;
    z-index: 5;
    display: inline-flex;
    align-items: center;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
	line-height: 30px !important;
	padding: 0 8px;
	color: #000 !important;
    background: #FFD54F !important;
    border-radius: 4px;
	transition:
        background 0.3s ease,
        color 0.3s ease,
        transform 0.3s ease;
}

.elementor-6038 .elementor-element.elementor-element-4f0bf66 .elementor-heading-title {
	line-height: 1.6em !important;
	overflow: visible !important;
}

/* DESKTOP RESPONSIVE (min-width: 1025px) */
@media (min-width: 1025px) {
    /* Khung popup */
    .elementor-popup-modal .dialog-widget-content .elementor-6038 {
        min-height: 650px;
        max-height: 90vh;
        overflow: hidden !important;
    }
    /* Wrapper popup */
    .elementor-popup-modal .dialog-message {
        height: 90vh;
        overflow: hidden !important;
    }
    /* LEFT - Hình */
    .cus-area-wrapper {
        height: 650px;
        max-height: 90vh;
        overflow: hidden;
        position: sticky;
        top: 0;
    }
    .cus-area-wrapper img {
        width: 100%;
		max-height: 650px;
        object-fit: contain;
		height: auto !important;
    }
    /* RIGHT - Nội dung */
    .cus-field-wrapper {
        min-height: 650px;
        max-height: 90vh;
        overflow-y: auto;
        overflow-x: hidden;
        padding-right: 10px;
    }
    .cus-field-wrapper .elementor-widget-heading {
        overflow: visible !important;
    }
}

.svg-space{
    width:.35em;
    min-width:.35em;
    flex:0 0 .35em;
}

.proaths-product-extra {
    margin-top: 25px;
    padding-top: 20px;
    border-top: 1px solid #e5e5e5;
    font-size: 14px;
    line-height: 1.7;
    color: #333;
}

.proaths-product-extra p:last-child {
    margin-bottom: 0;
}

.single-product div.product table.variations tbody > tr + tr {
    display: block !important;
    margin-top: 20px !important;
}

/* Fix số lượng WooCommerce Cart Block */
.woocommerce-cart .wc-block-components-quantity-selector {
	display: inline-grid !important;
	grid-template-columns: 28px 40px 28px !important;
	align-items: center !important;
	width: 96px !important;
	min-width: 96px !important;
	height: 44px !important;
	border: 1px solid #c8c8c8 !important;
	border-radius: 2px !important;
	overflow: visible !important;
}

.woocommerce-cart
.wc-block-components-quantity-selector
.wc-block-components-quantity-selector__input {
	display: block !important;
	position: relative !important;
	width: 40px !important;
	min-width: 40px !important;
	height: 42px !important;
	padding: 0 !important;
	margin: 0 !important;
	border: 0 !important;
	background: #fff !important;
	color: #111 !important;
	-webkit-text-fill-color: #111 !important;
	font-size: 14px !important;
	font-weight: 400 !important;
	line-height: 42px !important;
	text-align: center !important;
	opacity: 1 !important;
	visibility: visible !important;
	z-index: 5 !important;
}

.woocommerce-cart
.wc-block-components-quantity-selector
.wc-block-components-quantity-selector__button {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	position: relative !important;
	width: 28px !important;
	min-width: 28px !important;
	height: 42px !important;
	padding: 0 !important;
	border: 0 !important;
	background: #fff !important;
	color: #111 !important;
	-webkit-text-fill-color: #111 !important;
	opacity: 1 !important;
	z-index: 6 !important;
}

.woocommerce-cart
.wc-block-components-quantity-selector
.wc-block-components-quantity-selector__button--minus {
	order: 1 !important;
}

.woocommerce-cart
.wc-block-components-quantity-selector
.wc-block-components-quantity-selector__input {
	order: 2 !important;
}

.woocommerce-cart
.wc-block-components-quantity-selector
.wc-block-components-quantity-selector__button--plus {
	order: 3 !important;
}

.proaths-support-card a{
    transition:
        background-color .2s ease,
        color .2s ease,
        border-color .2s ease,
        box-shadow .2s ease,
        transform .2s ease;
}

.proaths-support-card a:hover{
    background:#0D2968;
    color:#fff !important;
    border-color:#0D2968;
    box-shadow:0 6px 18px rgba(13,41,104,.18);
    transform:translateY(-2px);
    text-decoration:none;
}

.proaths-support-card a:hover svg,
.proaths-support-card a:hover i{
    color:#fff !important;
    fill:#fff;
}

.proaths-support-card a:active{
    transform:translateY(0);
    box-shadow:none;
}

/* ==================================================
   TEAM NEW PRODUCTS
   4 products / row - Desktop
   ================================================== */

@media (min-width: 1025px) {

    .proaths-brand-products ul.products {
        display: grid !important;
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        gap: 20px !important;
    }

    .proaths-brand-products ul.products::before,
    .proaths-brand-products ul.products::after {
        display: none !important;
    }

    .proaths-brand-products ul.products li.product {
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        float: none !important;
        clear: none !important;
    }
}

/* =========================================================
   FHD - THUMBNAIL VERTICAL NAVIGATION
   ========================================================= */

@media (min-width: 1200px) and (max-width: 1920px) and (max-height: 1100px) {

    .single-product .woocommerce-product-gallery {
        position: relative !important;
    }

    /* Cột thumbnail có thể scroll nhưng ẩn scrollbar */
    .single-product .woocommerce-product-gallery
    .swiper.swiper-thumbs-horizontal {
        overflow-x: hidden !important;
        overflow-y: auto !important;

        scrollbar-width: none !important;
        scroll-behavior: smooth;
    }

    .single-product .woocommerce-product-gallery
    .swiper.swiper-thumbs-horizontal::-webkit-scrollbar {
        display: none !important;
    }

    /* Chừa vùng trên/dưới để arrow không che thumbnail */
    .single-product .woocommerce-product-gallery
    .swiper.swiper-thumbs-horizontal .swiper-wrapper {
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }


    /* ==========================
       ARROW
       ========================== */

    .single-product .proaths-thumb-nav {
        position: absolute !important;

        height: 30px !important;

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

        padding: 0 !important;
        margin: 0 !important;

        border: 0 !important;
        outline: 0 !important;

        background: rgba(255,255,255,.88) !important;

        cursor: pointer !important;

        z-index: 100 !important;

        opacity: 0;
        visibility: hidden;

        transition:
            opacity .2s ease,
            background .2s ease !important;
    }

    .single-product .proaths-thumb-nav.is-visible {
        opacity: 1;
        visibility: visible;
    }

    .single-product .proaths-thumb-nav:hover {
        background: #fff !important;
    }


    /* Tam giác lên */
    .single-product .proaths-thumb-prev::before {
        content: "";

        width: 0;
        height: 0;

        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-bottom: 7px solid #111;
    }


    /* Tam giác xuống */
    .single-product .proaths-thumb-next::before {
        content: "";

        width: 0;
        height: 0;

        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-top: 7px solid #111;
    }
}

/* =========================================================
   PROATHS - PRODUCT SHOP ACTION
   4 icon dọc bên trái + trượt từ trái vào khi hover
   ========================================================= */


/* ---------------------------------------------------------
   1. Khung ảnh làm mốc định vị
   --------------------------------------------------------- */
.product-block .product-transition {
    position: relative;
}


/* ---------------------------------------------------------
   2. Đưa toàn bộ GROUP ACTION sang bên trái
   và căn giữa theo chiều dọc của ảnh
   --------------------------------------------------------- */
.product-block .product-transition .group-action {
    position: absolute !important;

    left: 20px !important;
    right: auto !important;

    top: 50% !important;
    bottom: auto !important;

    transform: translateY(-50%) !important;

    width: auto !important;
    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: visible !important;

    z-index: 20;
}


/* ---------------------------------------------------------
   3. Shop Action
   Xếp 4 action thành cột dọc
   --------------------------------------------------------- */
.product-block .product-transition .group-action .shop-action {
    position: static !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;

    gap: 8px !important;

    width: 36px !important;
    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;

    overflow: visible !important;

    /* Trạng thái chưa hover */
    opacity: 0;
    visibility: hidden;

    transform: translateX(-30px) !important;

    transition:
        opacity 0.3s ease,
        transform 0.3s ease !important;
}


/* ---------------------------------------------------------
   4. Hover sản phẩm
   Trượt cả cụm từ trái vào
   --------------------------------------------------------- */
.product-block:hover .product-transition .group-action .shop-action {
    opacity: 1 !important;
    visibility: visible !important;

    transform: translateX(0) !important;
}


/* =========================================================
   5. ĐỒNG BỘ KÍCH THƯỚC 4 ACTION
   ========================================================= */


/* Add to cart - action đầu tiên là DIV .quantity_cart */
.product-block .product-transition .shop-action .quantity_cart {
    box-sizing: border-box !important;

    width: 36px !important;
    min-width: 36px !important;
    max-width: 36px !important;

    height: 36px !important;
    min-height: 36px !important;
    max-height: 36px !important;

    margin: 0 !important;
    padding: 0 !important;

    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;

    transform: none !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}


/* 3 action còn lại:
   Quick View / Wishlist / Compare */
.product-block .product-transition .shop-action > button {
    box-sizing: border-box !important;

    width: 36px !important;
    min-width: 36px !important;
    max-width: 36px !important;

    height: 36px !important;
    min-height: 36px !important;
    max-height: 36px !important;

    margin: 0 !important;
    padding: 0 !important;

    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;

    transform: none !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}


/* ---------------------------------------------------------
   6. Nội dung bên trong Add to cart
   Cho button/link bên trong DIV fill đúng 36x36
   --------------------------------------------------------- */
.product-block .product-transition .shop-action .quantity_cart > *,
.product-block .product-transition .shop-action .quantity_cart a,
.product-block .product-transition .shop-action .quantity_cart button {
    box-sizing: border-box !important;

    margin: 0 !important;
    padding: 0 !important;

    left: auto !important;
    right: auto !important;

    transform: none !important;
}


/* Link/Button thực tế của Add to cart */
.product-block .product-transition .shop-action .quantity_cart a,
.product-block .product-transition .shop-action .quantity_cart button {
    width: 36px !important;
    min-width: 36px !important;

    height: 36px !important;
    min-height: 36px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}


/* ---------------------------------------------------------
   7. Reset margin riêng theme đang gán
   quantity_cart gốc có margin-right: 8px
   --------------------------------------------------------- */
.product-block .product-transition .shop-action .quantity_cart,
.product-block .product-transition .shop-action .woosq-btn,
.product-block .product-transition .shop-action .woosw-btn,
.product-block .product-transition .shop-action .woosc-btn {
    margin: 0 !important;
}


/* ---------------------------------------------------------
   8. Đảm bảo icon nằm giữa từng ô
   --------------------------------------------------------- */
.product-block .product-transition .shop-action i,
.product-block .product-transition .shop-action svg {
    margin: 0 !important;
}
/* Chỉ ẩn thông báo thành công Add to Cart trên trang sản phẩm */
.single-product .woocommerce-message {
    display: none !important;
}

.single-product .woocommerce-message,
body.woocommerce-cart .woocommerce-message,
body.woocommerce-checkout .woocommerce-message {
    display: none !important;
}

/* =========================================================
   PROATHS ABOUT US - BUTTON STYLE
   Elementor Page ID: 7141
========================================================= */

[data-elementor-id="7141"] .proaths-about-btn .elementor-button {
    position: relative;
    overflow: hidden;

    min-height: 48px;
    padding: 14px 24px !important;

    border-radius: 0 !important;

    font-size: 14px;
    font-weight: 700;
    line-height: 1.2;

    background-image: none !important;
    box-shadow: none !important;

    transition:
        background-color .25s ease,
        color .25s ease,
        border-color .25s ease !important;
}

/* Tắt pseudo-element / hover effect của theme */
[data-elementor-id="7141"] .proaths-about-btn .elementor-button::before,
[data-elementor-id="7141"] .proaths-about-btn .elementor-button::after {
    content: none !important;
    display: none !important;
}

/* Text + icon luôn theo màu của button */
[data-elementor-id="7141"] .proaths-about-btn .elementor-button-text,
[data-elementor-id="7141"] .proaths-about-btn .elementor-button-icon {
    color: inherit !important;
}


/* =========================================================
   1. KHÁM PHÁ PROATHS
   2. KHÁM PHÁ ĐỘI TUYỂN

   Tĩnh:
   nền trắng
   viền xanh
   chữ xanh

   Hover:
   nền xanh
   viền xanh
   chữ trắng
========================================================= */

[data-elementor-id="7141"]
.proaths-about-btn--light .elementor-button,

[data-elementor-id="7141"]
.proaths-about-btn--dark .elementor-button {
    background-color: #FFFFFF !important;
    border: 1px solid #0D2968 !important;
    color: #0D2968 !important;
}

[data-elementor-id="7141"]
.proaths-about-btn--light .elementor-button:hover,

[data-elementor-id="7141"]
.proaths-about-btn--dark .elementor-button:hover {
    background-color: #0D2968 !important;
    border-color: #0D2968 !important;
    color: #FFFFFF !important;
}


/* =========================================================
   3. TRỞ THÀNH ĐỐI TÁC

   Tĩnh:
   nền xanh
   viền trắng
   chữ trắng

   Hover:
   nền trắng
   viền trắng
   chữ xanh
========================================================= */

[data-elementor-id="7141"]
.elementor-element-2c8d55ea .elementor-button {
    background-color: #0D2968 !important;
    border: 1px solid #FFFFFF !important;
    color: #FFFFFF !important;
}

[data-elementor-id="7141"]
.elementor-element-2c8d55ea .elementor-button:hover {
    background-color: #FFFFFF !important;
    border-color: #FFFFFF !important;
    color: #0D2968 !important;
}


/* =========================================================
   4. LIÊN HỆ PROATHS

   Tĩnh:
   nền trắng
   viền trắng
   chữ xanh

   Hover:
   nền xanh
   viền trắng
   chữ trắng
========================================================= */

[data-elementor-id="7141"]
.elementor-element-60226855 .elementor-button {
    background-color: #FFFFFF !important;
    border: 1px solid #FFFFFF !important;
    color: #0D2968 !important;
}

[data-elementor-id="7141"]
.elementor-element-60226855 .elementor-button:hover {
    background-color: #0D2968 !important;
    border-color: #FFFFFF !important;
    color: #FFFFFF !important;
}

.single-post .post-excerpt {
    display: none !important;
}

/* =========================================================
   PROATHS GLOBAL BUTTON RESET
   Disable Sunic left-to-right hover fill permanently
   ========================================================= */

button::before,
input[type="button"]::before,
input[type="reset"]::before,
input[type="submit"]::before,
.button::before,
.elementor-button::before,
button:hover::before,
input[type="button"]:hover::before,
input[type="reset"]:hover::before,
input[type="submit"]:hover::before,
.button:hover::before,
.elementor-button:hover::before {
    width: 0 !important;
    background-color: transparent !important;
}

/* Mã đơn hàng mặc định không hiển thị */
.pa-contact-form .pa-order-field {
    display: none;
}

/* =========================================================
   PRODUCT CARD — PRICE WEIGHT NORMALIZATION
   ========================================================= */

/* PRODUCT CARD — PRICE WEIGHT NORMALIZATION */
.product-block .price ins,
.products .product .price ins {
    font-weight: 600 !important;
    text-decoration: none !important;
    font-size: 20px !important;
    color: #D63638 !important;
}

.product-block .price,
.products .product .price {
    font-weight: 600;
	font-size: 20px !important;
}

/* Giá đang bán */
.product-block .price ins,
.products .product .price ins {
    font-weight: 600 !important;
    text-decoration: none !important;
	font-size: 20px !important;
}

/* Giá gốc */
.product-block .price del,
.products .product .price del {
    font-weight: 400 !important;
	font-size: 20px !important;
    opacity: .7;
}

/* Amount bên trong không tự bold thêm */
.product-block .price ins .woocommerce-Price-amount,
.products .product .price ins .woocommerce-Price-amount {
    font-weight: inherit !important;
}

.product-block .product-caption .price del {
	margin-bottom: 0px !important;
}

body.single-product .related ul.sunic-products{
	display: flex!important;
}
.header-group-action > div :before,
.header-group-action > div .count{
    transition: all .3s!important;
}
.header-group-action > div:hover :before
{
    color: var(--e-global-color-accent)!important;
}
.header-group-action > div:hover .count,
ul.products-list li.product-list .product-caption .quantity_cart .add_to_cart a[class*=product_type_]:hover{
     background-color: var(--e-global-color-accent);
}
.site-header-cart-side .widget_shopping_cart .buttons a.checkout,
ul.products-list li.product-list .product-caption .quantity_cart .add_to_cart a[class*=product_type_]{
    background-color: var(--e-global-color-primary);
}
.site-header-cart-side .widget_shopping_cart .buttons a.checkout:hover:before,
.widget_shopping_cart .buttons a:not(.checkout):hover:before{
    background-color: var(--e-global-color-accent)!important;
}
.widget_shopping_cart .buttons a:not(.checkout),
.wc-block-cart__submit-button,
[name="apply_coupon"]{
    border-style: solid!important;
    color: var(--e-global-color-primary)!important;
	border-width: 2px!important;
	border-color: var(--e-global-color-primary)!important;
}
.widget_shopping_cart .buttons a:not(.checkout):hover,
.wc-block-cart__submit-button:hover,
[name="apply_coupon"]:hover{
    border-color: var(--e-global-color-accent)!important;
	color: #fff!important;
}
#coupon_code{
	border-radius: 0!important;
}
#place_order{
    background-color: #0D2968 !important;
    color: #fff !important;
    border: 2px solid #0D2968 !important;
    transition: all 0.3s ease !important;
}

#place_order:hover,
#place_order:focus{
    background-color: #fff !important;
    color: #0D2968 !important;
    border-color: #0D2968 !important;
}

/* ONE STAR - viền đỏ cho số áo */
#cus-num-label[style*="1S Jersey"] {
    -webkit-text-stroke: 6px #e31b23;
    paint-order: stroke fill;
}