/*
 Theme Name: XW Navi Shirt
 Theme URI: https://ellieshirt.com
 Description: Child theme for Flatsome — EllieShirt
 Author: EllieShirt
 Author URI: https://ellieshirt.com
 Template: flatsome
 Version: 1.0.1
 Text Domain: xw-navi-shirt
*/

/* ======================== YOUR CUSTOM CSS ======================== */

.tooltipster-content,.tooltipster-arrow{display:none!important}
.form-flat input:not([type="submit"]),.form-flat textarea,.form-flat select{border-radius:3px!important;height:36px;font-size:13px;background:rgba(0,0,0,0);border-color:rgba(0,0,0,0.1)}
.nav-pagination>li>span,.nav-pagination>li>a{border-radius:3px!important}
.header-main{border-bottom:1px solid rgba(0,0,0,0.05);padding:0 10px;}
.header-main .nav > li > a{}
.header-bottom{border-bottom:1px solid rgba(0,0,0,0.05);}
[data-icon-label]:after{top:0}
.image-icon img{margin-left:3px;max-width:24px;}

.footer-widgets.footer.footer-1 p{margin-bottom:.3em}
img.mfp-img{background:#fff}
.woocommerce img.pswp__img,.woocommerce-page img.pswp__img{background:#fff}
.title__banner{line-height:1.1em!important;font-size:4.2em!important;}
.search__banner .submit-button{background:#ee2761!important;}

h1.shop-page-title{color:#666!important;margin-top:15px;text-shadow:none}
.is-nav-selected.is-selected a{border-color:#ee2761}
.shop-page-title.featured-title .title-overlay{background-color:#f6f6f9}
.category-page-title .breadcrumbs{margin-bottom:15px!important}
.shop-page-title .breadcrumbs a{color:#666;text-shadow:none;text-transform:none}
.shop-page-title .breadcrumbs .divider,.shop-page-title .breadcrumbs .breadcrumb_last{color:#888;text-shadow:none;text-transform:none;font-weight:500;}
.shop-page-title .page-title-inner{min-height:40px;padding-bottom:0!important;padding-top:0!important}
.shop-page-title .button.icon.circle{color:#c1c1c1}
.dark .form-flat select{border:1px solid #ccc;color:#494949!important}

.product-category:nth-child(4n+1) .box.box-category.box-text-middle.box-overlay{background-color:#ffc8c7;}
.product-category:nth-child(4n+2) .box.box-category.box-text-middle.box-overlay{background-color:#d7ebfa;}
.product-category:nth-child(4n+3) .box.box-category.box-text-middle.box-overlay{background-color:#beebd9;}
.product-category:nth-child(4n+4) .box.box-category.box-text-middle.box-overlay{background-color:#ffeabf;}

.box.box-category.box-text-middle.box-overlay .box-text{top:20%}
.box.box-category.box-text-middle.box-overlay .box-text .box-text-inner .header-title{color:#000;text-shadow:none;font-weight:700}
.box.box-category .box-image .overlay{background-color:rgba(0,0,0,0)}
.box.box-category .box-image{text-align:center}
.box.box-category .box-image img{width:150px;margin-top:50px}
.has-shadow.box:not(.box-overlay):not(.box-shade),.has-shadow .box:not(.box-overlay):not(.box-shade){border:1px solid #dfe6e9;padding:10px 0 0}

.box.product-small{padding-top:10px;}
.box.product-small .price-wrapper{text-align:left}
.box.product-small .price-wrapper span{font-size:15px;font-weight:600;color:#ee2761;margin:0 3px;}

/* Product Page */
.single-product .shop-container .container,.single-product .shop-container .product-container{max-width:1200px!important;margin-left:auto;margin-right:auto;}
.h1.product-title.product_title.entry-title{font-size:24px}
button.single_add_to_cart_button{height:60px;}
button#place_order{width:100%;height:50px;font-size:140%;text-transform:capitalize;background-color:#26c281!important;}
.product-info .sticky-add-to-cart-wrapper .single_add_to_cart_button{width:100%;font-size:130%;border-bottom:3px solid #1e9060;font-weight:600;text-transform:capitalize;}
.product-info .sticky-add-to-cart-wrapper .single_add_to_cart_button:hover{box-shadow:0 4px 5px 0 rgba(99,110,114,.14),0 1px 10px 0 rgba(99,110,114,.12),0 2px 4px 0 rgba(99,110,114,.2);}
.product-info .sticky-add-to-cart--active .single_add_to_cart_button{max-width:200px!important;font-size:100%}
.product-info .quantity.buttons_added,.product-info .quantity input[type="number"]{height:50px;}
.sticky-add-to-cart--active #tm-extra-product-options{display:none!important}
.sticky-add-to-cart--active .quantity.buttons_added,.sticky-add-to-cart--active .quantity input[type="number"]{height:auto;padding:0;}
.sticky-add-to-cart--active .quantity.buttons_added:after{display:none}
.sticky-add-to-cart--active button.single_add_to_cart_button{height:30px}
.sticky-add-to-cart--active .view-chart{display:none!important;}

.product-quick-view-container .single_add_to_cart_button{width:100%;margin:10px 0;font-size:120%;}
.product-quick-view-container .view-chart{display:none}
.product-quick-view-container .button.brnhmbx-bfm-button{display:none!important;}

[data-icon-label]:after{width:70%;}
p.name.product-title{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin:10px 3px;}

.view-chart{background:url("assets/images/size-chart.png") no-repeat center center;margin:5px 0;display:inline-block;line-height:2.5em;width:120px;background-size:100px 22px;}
.view-chart:hover{box-shadow:none}
.view-chart span{width:100px;visibility:hidden;padding:0;line-height:0;}

.custom__product_list_widget li span.product-title{display:none}
.custom__product_list_widget li{margin:5px!important}
.custom__product_list_widget li img{width:60px!important;height:60px!important}

.variations_form.cart{border:1px solid #edeff3;border-bottom:0;padding:25px 15px 15px;border-radius:5px 5px 0 0;background:#f6f6f9;margin:15px 0 0;}
.variations tr td:first-child{padding-right:10px!important;}
.variations select{height:44px;font-size:16px;text-transform:capitalize;}
.variations label{font-size:14px;}
.woocommerce-variation-price span{font-size:24px;color:#ee2761;}
td.value.woo-variation-items-wrapper{padding:8px 0;}
.variations ul[data-attribute_name="attribute_pa_color"] li,.variations ul[data-attribute_name="attribute_pa_color"] li span,.variations ul[data-attribute_name="attribute_pa_color"] li span:after{border-radius:100%!important;}
.variations ul[data-attribute_name="attribute_pa_size"] li.selected{box-shadow:0 0 0 2px #0984e3!important;background:#0984e3!important;color:#fff;}
.variations ul[data-attribute_name="attribute_pa_style"] li.selected{box-shadow:0 0 0 2px #0984e3!important;background:#0984e3!important;color:#fff;}

a.button.checkout.wc-forward{width:100%}
.woocommerce-billing-fields,.woocommerce-shipping-fields__field-wrapper{border:1px solid #e0e0e0;background:#fbfbfb;padding:20px;border-radius:5px;margin-bottom:15px}
.checkout.woocommerce-checkout .col-inner.has-border{background:#fbfbfb;border:1px solid #e0e0e0;border-radius:5px}
.breadcrumbs a.current,.breadcrumbs a:hover{color:#000;}

/* Review */
.star-rating:before{color:#FFC107!important;}
.stars a.active,.star-rating:before,.woocommerce-page .star-rating:before,.star-rating span:before{color:#FFC107!important}
.ivole-reviews-grid .ivole-review-card .star-rating::before{content:'\e006\e006\e006\e006\e006'!important;}
.ivole-reviews-grid .ivole-review-card .star-rating span::before{content:'\e005\e005\e005\e005\e005'!important;}

.cart-sidebar-content{padding:20px 0 10px}
.cart-sidebar-content p{margin-bottom:0}
.woocommerce-cart-form{background-color:#f9f9f9;padding:15px;border-radius:5px;border:1px solid #e0e0e0}
.cart_totals .button{height:50px;line-height:50px}
.cart-collaterals{background:#f9f9f9;padding:20px 20px 0!important;border-radius:5px;border:1px solid #e0e0e0}
.woocommerce-checkout .section__orther-products{display:none}
.section__orther-products{margin-top:30px;padding-top:20px;border-top:1px solid #f0f0f0;}
.section__orther-products h2{text-align:center;font-weight:500;}
.section__orther-products .divider{margin:20px auto 40px;}

/* Cart Page */
.woocommerce-cart-form .product-price{display:none;}
.woocommerce-cart-form .product-name .variation{}
.woocommerce-cart-form .product-name .variation dt{display:none}
.woocommerce-cart-form .product-name .variation dd{display:none}
.woocommerce-cart-form .product-name .variation dd.variation-Size{display:block;color:#494949;font-weight:bold;font-size:15px;}
.woocommerce-cart-form th.product-subtotal{color:transparent}
.woocommerce-cart-form .product-name a{display:none}

.custom-remove__cart-left{padding-top:0!important;margin-bottom:20px;}
.custom-remove__cart-left h2,.custom-remove__cart-left .woocommerce-shipping-totals.shipping,.custom-remove__cart-left .order-total,.custom-remove__cart-left .product-name,.custom-remove__cart-left .wc-proceed-to-checkout{display:none;}
.custom-remove__cart-left .cart-subtotal{font-size:20px;}
.custom-remove__cart-left .cart-subtotal th,.custom-remove__cart-left .cart-subtotal td{border-bottom:none}
.custom__cart-right .checkout-button{display:block;height:60px;line-height:60px;font-size:20px;width:100%;background:#26c281!important;}
.continue-shopping a{color:#666!important;}
.continue-shopping:hover a{color:#fff!important;background:#666!important;border-color:#666!important}

/* Checkout */
.page-checkout .checkout.woocommerce-checkout .woocommerce-shipping-fields{display:none;}
.page-checkout .checkout.woocommerce-checkout .woocommerce-additional-fields{display:none;}
.page-checkout table.shop_table.woocommerce-checkout-review-order-table th.product-name{display:none}
.page-checkout table.shop_table.woocommerce-checkout-review-order-table th.product-total{display:none}
.page-checkout #order_review_heading{border-bottom:1px solid #e0e0e0;padding-bottom:10px}
.page-checkout label.shipping__list_label span.woocommerce-Price-amount.amount{visibility:visible}
.page-checkout .cart_item .product-name .variation{display:inline;color:#494949}
.page-checkout .cart_item .product-name .variation dt:before{content:'\25CF';color:#494949;padding-right:4px}
.page-checkout .cart_item .product-name .variation dt.variation-Style{display:none}
.page-checkout .cart_item .product-name .variation dd.variation-Style{display:block;font-weight:700;line-height:1.8}
.page-checkout .cart_item .product-name .product-quantity:before{content:'\25CF';color:#494949;padding-right:4px}
.page-checkout .cart_item .product-thumbnail{width:30px;height:30px}
.page-checkout .checkout-sidebar.sm-touch-scroll{background:#fbfbfb;padding:10px 15px;border:1px solid #e0e0e0;border-radius:3px}
.page-checkout .view-chart{display:none}

/* Footer */
.footer .widget .widget-title{color:#fff;font-size:16px;line-height:1.5;}
.footer .widget_text{margin-bottom:0}
.footer{padding:50px 0 20px}
#footer,#footer a{color:#fff;font-size:14px;}
.back-to-top.button{background:transparent;border:1px solid #ee2761;color:#ee2761!important;border-radius:2px}
.back-to-top.button:hover{color:#fff!important}
.footer-custom{padding-bottom:0}
.footer-custom .img-inner img{width:150px}
.footer-custom .img{margin-bottom:5px!important}
.absolute-footer.text-center ul{line-height:20px;font-size:14px}
.absolute-footer{padding:1px 0 15px;border-top:1px solid rgba(255,255,255,0.15);}
.absolute-footer.text-center ul li a{color:#677886}
.absolute-footer.text-center ul li a:hover{text-decoration:underline;color:#f8f9fb}

/*************** ADD MOBILE ONLY CSS HERE  ***************/
/* PHONE SMALL */
@media (min-width:0px) and (max-width:320px){
  .product-info .sticky-add-to-cart-wrapper .single_add_to_cart_button{width:auto;height:60px;}
}

/* PHONE */
@media (min-width:321px) and (max-width:512px){
  .product-info .sticky-add-to-cart-wrapper .single_add_to_cart_button{width:auto;height:32px;}
  .title__banner{line-height:1.4em!important;font-size:3em!important;}
  .search__banner input{}
}

/* IPAD */
@media (min-width:513px) and (max-width:768px){
  .product-info .sticky-add-to-cart-wrapper .single_add_to_cart_button{width:auto;height:60px;}
}

/* IPAD PRO */
@media (min-width:769px) and (max-width:1024px){
  .product-info .sticky-add-to-cart-wrapper .single_add_to_cart_button{width:auto;height:60px;}
}

@media screen and (min-width:850px){
  .vertical-thumbnails .col{width:70%!important;}
}

/* ======================== PERFORMANCE ADD-ONS ========================
   Các rule dưới giúp giảm CLS/LCP nhưng KHÔNG đổi giao diện hiện tại
--------------------------------------------------------------------- */

/* Giữ khung ảnh vuông để giảm CLS (PDP) */
.woocommerce-product-gallery__image,
.woocommerce-product-gallery__wrapper img{aspect-ratio:1/1}

/* (Tuỳ chọn) Style cho nút View All nếu bạn đổi sang class thay vì inline-style */
.single-product .button.view-all-related{
  background-color:#000;color:#fff;padding:10px 25px;border-radius:5px;font-weight:bold;
}

/* Hai nút cạnh nhau trên trang sản phẩm */
.single-product form.cart {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: .5rem;
}
.single-product form.cart .single_add_to_cart_button:not(.single_buy_now_button) {
  grid-column: 1 / span 1; /* Add to Cart */
}
.single-product form.cart .single_buy_now_button {
  grid-column: 2 / span 1; /* Buy Now */
  background:#111; color:#fff;
}

/* Hai nút cạnh nhau trên desktop */
.single-product form.cart,
.single-product form.cart .variations_button {           /* variable có .variations_button */
  display: flex;
  gap: 12px;
  align-items: stretch;
}
.single-product form.cart .single_add_to_cart_button,
.single-product form.cart .single_buy_now_button {
  flex: 1 1 0;
}

/* Style Buy Now */
.single-product .single_buy_now_button { background:#111; color:#fff; }

/* Mobile: xếp dọc */
@media (max-width: 768px){
  .single-product form.cart,
  .single-product form.cart .variations_button { flex-direction: column; }
}

/* Ẩn Buy Now trong sticky bar để tránh trùng */
.sticky-add-to-cart--active .single_buy_now_button{ display:none; }