/*
 Theme Name:   Flatsome Child
 Theme URI:    https://flatsome3.uxthemes.com/
 Description:  Child theme for Flatsome
 Author:       UX Themes
 Author URI:   https://uxthemes.com
 Template:     flatsome
 Version:      1.0.0
*/
/* Bỏ viền + bo góc cho phân trang Flatsome - giữ icon mũi tên */
.nav-pagination > li > a,
.nav-pagination > li > span,
ul.page-numbers.nav-pagination > li > a.page-numbers,
ul.page-numbers.nav-pagination > li > span.page-numbers {
  border: 0 !important;
  border-radius: 0 !important;
}

/* Trạng thái current + hover: giữ nền/màu của theme, KHÔNG viền, bo góc nhẹ */
.nav-pagination > li > .current,
.nav-pagination > li > a:hover,
.nav-pagination > li > span:hover,
ul.page-numbers.nav-pagination > li > a.page-numbers:hover,
ul.page-numbers.nav-pagination > li > span.page-numbers:hover,
ul.page-numbers.nav-pagination > li > span.page-numbers.current{
  border: 0 !important;
  border-radius: 6px !important; /* bo góc nhẹ */
}


/* (Tuỳ chọn) Nếu muốn bỏ luôn nền khi hover/current, bỏ comment 2 dòng dưới */
/*
.nav-pagination > li > .current,
.nav-pagination > li > a:hover,
.nav-pagination > li > span:hover {
  background: transparent !important;
}
*/


/* Product card: viền 1px + radius nhẹ */
.product-small.box {
  border: 1px solid rgba(0,0,0,.08) !important; /* viền mảnh */
  border-radius: 10px !important;               /* bo góc nhẹ */
  overflow: hidden;                              /* để ảnh cắt theo bo góc */
  background: #fff;                              /* nhìn gọn gàng hơn */
}

/* Đảm bảo phần ảnh & text thừa hưởng bo góc */
.product-small.box .box-image,
.product-small.box .box-text {
  border-radius: inherit;
}

/* Tránh ảnh tự có radius/viền khác làm lệch */
.product-small.box .box-image img {
  border-radius: 0 !important;
  display: block;
}

/* (Tuỳ chọn) Hover đổi màu viền nhẹ cho rõ tương tác */
.product-small.box:hover {
  border-color: var(--fs-color-primary, #2d6cdf) !important;
  box-shadow: 0 4px 12px rgba(0,0,0,.06);
}



/* =============== SINGLE PRODUCT: GALLERY =============== */
/* Bo góc nhẹ cho khung gallery + cắt nội dung theo góc */
.shop-container .product-main .product-gallery .woocommerce-product-gallery,
.shop-container .product-main .product-gallery .woocommerce-product-gallery .flickity-viewport,
.shop-container .product-main .product-gallery .woocommerce-product-gallery__wrapper,
.shop-container .product-main .product-gallery .woocommerce-product-gallery__image,
.shop-container .product-main .product-gallery .woocommerce-product-gallery__image img {
  border-radius: 10px !important;
  overflow: hidden !important; /* đảm bảo ảnh/video bị cắt theo bo góc */
}

/* Ngừa theme set radius=0 ở ảnh/video */
.shop-container .product-main .product-gallery img,
.shop-container .product-main .product-gallery video {
  border-radius: inherit !important;
  display: block;
}

/* =============== SINGLE PRODUCT: THUMBNAILS (nếu có) =============== */
.shop-container .product-main .product-gallery-stacked-thumbnails .col,
.shop-container .product-main .product-gallery-stacked-thumbnails .col a,
.shop-container .product-main .product-gallery-stacked-thumbnails .col .image-cover,
.shop-container .product-main .product-gallery-stacked-thumbnails .col img {
  border-radius: 8px !important;
  overflow: hidden !important;
}

/* =============== RELATED PRODUCTS: PRODUCT CARD =============== */
/* Viền 1px + radius nhẹ cho .product-small.box */
.shop-container .related-products-wrapper .product-small.box {
  border: 1px solid rgba(0,0,0,.08) !important;
  border-radius: 10px !important;
  overflow: hidden !important;  /* ảnh/video bên trong cắt theo góc */
  background: #fff;
}

/* Bên trong card thừa hưởng bo góc (ảnh/vid không tự đặt radius khác) */
.shop-container .related-products-wrapper .product-small.box .box-image,
.shop-container .related-products-wrapper .product-small.box .box-text {
  border-radius: inherit !important;
}

.shop-container .related-products-wrapper .product-small.box .box-image img,
.shop-container .related-products-wrapper .product-small.box .box-image video {
  border-radius: 0 !important; /* để bo góc lấy từ container cha */
  display: block;
}

/* (Tùy chọn) Hover nhấn nhẹ */
.shop-container .related-products-wrapper .product-small.box:hover {
  border-color: var(--fs-color-primary, #2d6cdf) !important;
  box-shadow: 0 4px 12px rgba(0,0,0,.06);
}

/* =============== PAGINATION: bo góc nhẹ cho current/hover (không viền) =============== */
.nav-pagination > li > .current,
.nav-pagination > li > a:hover,
.nav-pagination > li > span:hover,
ul.page-numbers.nav-pagination > li > a.page-numbers:hover,
ul.page-numbers.nav-pagination > li > span.page-numbers:hover,
ul.page-numbers.nav-pagination > li > span.page-numbers.current {
  border: 0 !important;
  border-radius: 6px !important; /* bo góc nhẹ */
}







/* Product info card: bo góc + viền 1px */
.shop-container .product-info .product-stacked-info{
  border: 1px solid rgba(0,0,0,.10) !important; /* viền 1px mảnh */
  border-radius: 10px !important;                /* bo góc nhẹ */
  overflow: hidden;                               /* để nội dung không tràn góc */
}

/* (tuỳ chọn) hover đổi màu viền nhẹ cho rõ tương tác */
.shop-container .product-info .product-stacked-info:hover{
  border-color: var(--fs-color-primary, #2d6cdf) !important;
}









/* Quantity block: bo góc trung bình + liền khối */
.shop-container .ux-quantity.quantity.buttons_added{
  display: inline-flex;                 /* nằm trên 1 dòng */
  align-items: stretch;
  border: 1px solid rgba(0,0,0,.12);   /* viền mảnh cho rõ khối */
  border-radius: 12px;                 /* bo góc trung bình */
  overflow: hidden;                     /* cắt góc phần tử con */
  background: #fff;                     /* đồng bộ nền */
}

/* Nút +/- */
.shop-container .ux-quantity .ux-quantity__button{
  border: 0 !important;
  background: transparent;
  padding: 0 12px;
  line-height: 1;
  min-width: 38px;
  height: 40px;
  box-shadow: none;
}

/* Ô nhập số */
.shop-container .ux-quantity .input-text.qty{
  border: 0 !important;                /* để liền khối */
  height: 40px;
  min-width: 56px;
  text-align: center;
  padding: 0 10px;
  box-shadow: none !important;
  background: transparent;
}

/* Viền phân cách nhẹ giữa các phần */
.shop-container .ux-quantity .ux-quantity__button--minus{
  border-right: 1px solid rgba(0,0,0,.08);
}
.shop-container .ux-quantity .ux-quantity__button--plus{
  border-left: 1px solid rgba(0,0,0,.08);
}

/* Trạng thái hover/focus */
.shop-container .ux-quantity .ux-quantity__button:hover{
  background: rgba(0,0,0,.03);
}
.shop-container .ux-quantity .ux-quantity__button:focus-visible,
.shop-container .ux-quantity .input-text.qty:focus-visible{
  outline: 2px solid var(--fs-color-primary, #2d6cdf);
  outline-offset: -2px; /* nằm gọn trong khối bo góc */
}

/* (Tuỳ chọn) thu nhỏ trên mobile */
@media (max-width: 480px){
  .shop-container .ux-quantity.quantity.buttons_added{
    border-radius: 10px;
  }
  .shop-container .ux-quantity .ux-quantity__button,
  .shop-container .ux-quantity .input-text.qty{
    height: 36px;
  }
}





/* Single product: hide "Add to cart" button only */
.single-product form.cart .single_add_to_cart_button{
  display: none !important;
}

/* Gọn khoảng cách khi chỉ còn nút Buy now */
.single-product form.cart .ux-buy-now-button{
  margin-left: 0 !important;
}



/* My Account orders: khối lớn bao bảng */
.touch-scroll-table{
  border: 1px solid rgba(0,0,0,.12) !important;  /* viền 1px mảnh */
  border-radius: 10px !important;                /* bo góc nhẹ */
  background: #fff;                               /* nền trắng sạch */
  overflow: auto;                                  /* giữ scroll ngang nếu có */
  padding: 8px;                                    /* đệm tránh chạm viền */
}

/* Bảng bên trong */
.touch-scroll-table .shop_table{
  margin: 0;
  border-collapse: separate;
  border-spacing: 0;
  width: 100%;
  text-align: center;          /* canh giữa mặc định cho toàn bảng */
}

/* Canh giữa & padding cho toàn bộ ô */
.touch-scroll-table .shop_table th,
.touch-scroll-table .shop_table td{
  text-align: center !important;
  vertical-align: middle !important;
  padding: 10px 12px;
}

/* Header nhạt để tách nền */
.touch-scroll-table .shop_table thead th{
  background: #fafafa;
}

/* Gạch ngang nhẹ giữa các hàng */
.touch-scroll-table .shop_table tbody tr{
  border-bottom: 1px solid rgba(0,0,0,.06);
}
.touch-scroll-table .shop_table tbody tr:last-child{
  border-bottom: 0;
}

/* ======= CỘT ACTIONS: ép canh giữa tuyệt đối ======= */
.touch-scroll-table .shop_table .woocommerce-orders-table__cell-order-actions{
  /* Dùng flex để center dù button có margin/float của theme */
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px;                 /* khoảng cách giữa các nút */
  flex-wrap: wrap;          /* xuống dòng đẹp trên màn nhỏ */
}

/* Gỡ những thứ có thể phá center */
.touch-scroll-table .shop_table .woocommerce-orders-table__cell-order-actions .button,
.touch-scroll-table .shop_table .woocommerce-orders-table__cell-order-actions .woocommerce-button{
  float: none !important;
  margin: 0 !important;
  display: inline-flex;     /* nút gọn với icon */
  align-items: center;
  justify-content: center;
}

/* (tùy chọn) đảm bảo min-width nút "View" và "Credits" đều nhau */
.touch-scroll-table .shop_table .woocommerce-orders-table__cell-order-actions .button{
  min-width: 84px;
}










/* Tạo khoảng cách giữa bảng và pagination */
.touch-scroll-table + .woocommerce-pagination,
.touch-scroll-table ~ .woocommerce-pagination{
  margin-top: 14px;            /* gap phía trên */
  padding-top: 4px;            /* nhẹ nhàng hơn nữa */
}

/* Canh giữa nút Next và tránh bị ảnh hưởng style bảng */
.woocommerce-pagination{
  display: flex;
  justify-content: center;
  background: transparent;
  border: 0;
}

/* Nếu vẫn thấy sát quá, tăng gap tại mobile */
@media (max-width: 600px){
  .touch-scroll-table + .woocommerce-pagination,
  .touch-scroll-table ~ .woocommerce-pagination{
    margin-top: 16px;
  }
}

/* ===== Order Downloads: khung + bo góc ===== */
.woocommerce-order-downloads{
  border: 1px solid rgba(0,0,0,.12) !important;
  border-radius: 10px !important;
  background: #fff;
  padding: 10px;
  overflow: auto;
}

/* Bảng bên trong */
.woocommerce-order-downloads .shop_table.order_details{
  width: 100%;
  margin: 0;
  border-collapse: separate;
  border-spacing: 0;
  text-align: center; /* mặc định canh giữa */
}

/* Ô bảng: canh giữa + padding */
.woocommerce-order-downloads .shop_table.order_details th,
.woocommerce-order-downloads .shop_table.order_details td{
  text-align: center !important;
  vertical-align: middle !important;
  padding: 10px 12px;
  white-space: nowrap;
}

/* Header nhạt */
.woocommerce-order-downloads .shop_table.order_details thead th{
  background: #fafafa;
}

/* Ẩn header cột × */
.woocommerce-order-downloads .shop_table.order_details thead .wgt-remove{
  display: none !important;
}

/* —— FIX đường line mờ do theme —— */
/* Loại bỏ border-top của từng ô trong tbody (nguồn gây vạch mờ) */
.woocommerce-order-downloads .shop_table.order_details tbody td,
.woocommerce-order-downloads .shop_table.order_details tbody th{
  border-top: 0 !important;
  box-shadow: none !important;
  background-image: none !important;
}

/* Trên layout responsive (td:before) không vẽ line */
.woocommerce-order-downloads .shop_table.order_details tbody td:before{
  border: 0 !important;
  background: none !important;
  box-shadow: none !important;
}

/* ✅ Khôi phục line phân cách mỗi hàng */
.woocommerce-order-downloads .shop_table.order_details tbody tr{
  border-bottom: 1px solid rgba(0,0,0,.06) !important;
}
.woocommerce-order-downloads .shop_table.order_details tbody tr:last-child{
  border-bottom: 0 !important;
}

/* Cột actions & remove: center tuyệt đối, không có viền riêng */
.woocommerce-order-downloads .shop_table.order_details td.download-actions,
.woocommerce-order-downloads .shop_table.order_details td.wgt-remove{
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px;
  border-top: 0 !important;
  border-bottom: 0 !important;
  background: transparent !important;
}

/* Nút × gọn gàng, không viền/line */
.woocommerce-order-downloads .shop_table.order_details td.wgt-remove a{
  text-decoration: none !important;
  border: 0 !important;
  box-shadow: none !important;
  width: 28px; height: 28px;
  display: inline-flex; align-items: center; justify-content: center;
  border-radius: 6px;
}

/* Mobile: cho phép text dài xuống dòng nếu cần */
@media (max-width: 640px){
  .woocommerce-order-downloads .shop_table.order_details th,
  .woocommerce-order-downloads .shop_table.order_details td{
    white-space: normal;
  }
}


/* Viền + bo góc nhẹ cho khối Woo Thankyou */
body.woocommerce-order-received .woocommerce-order.row{
  position: relative;
  border-radius: 12px;              /* bo góc nhẹ */
  background: #fff;                 /* nền trắng (nếu theme trong suốt) */
  /* dùng box-shadow inset giả lập border để không bị ảnh hưởng bởi negative margin của .row */
  box-shadow:
    inset 0 0 0 1px #e5e7eb,        /* đường viền mảnh (#e5e7eb) */
    0 6px 14px rgba(17,24,39,.04);  /* bóng rất nhẹ để nổi khối */
  padding: 16px;                    /* khoảng cách trong khối */
  margin: 20px 0;                   /* cách trên/dưới */
  overflow: hidden;                 /* cắt gọn theo bo góc */
}

/* Mobile: giảm padding một chút */
@media (max-width: 768px){
  body.woocommerce-order-received .woocommerce-order.row{
    border-radius: 10px;
    padding: 12px;
    margin: 16px 0;
  }
}


body.woocommerce-order-received .woocommerce-order .woocommerce-order-details,
body.woocommerce-order-received .woocommerce-order .woocommerce-customer-details,
body.woocommerce-order-received .woocommerce-order .is-well.col-inner{
  border: 1px solid #eee;
  border-radius: 10px;
  background: #fff;
  padding: 12px;
}



/* Khung lớn */
body.woocommerce-checkout form.checkout.woocommerce-checkout > .row{
  position: relative;
  border-radius: 12px;
  background: #fff;
  box-shadow:
    inset 0 0 0 1px #e5e7eb,
    0 6px 14px rgba(17,24,39,.04);
  padding: 8px;                 /* chỉ padding mỏng cho khung lớn */
  margin: 20px 0;
  overflow: visible;            /* để PayPal popover không bị cắt */
}

/* Tạo khoảng đệm khỏi viền cha bằng cách tăng padding cho 2 cột */
body.woocommerce-checkout form.checkout.woocommerce-checkout > .row > .col{
  padding-left: 24px !important;
  padding-right: 24px !important;
  padding-top: 16px;
  padding-bottom: 16px;
}

/* Card con: thêm khoảng cách với mép cột */
body.woocommerce-checkout #customer_details,
body.woocommerce-checkout .checkout-sidebar,
body.woocommerce-checkout #order_review{
  border: 1px solid #eee;
  border-radius: 10px;
  background: #fff;
  padding: 12px;
  margin: 6px 0 12px;          /* tách khỏi mép cột/khung lớn */
}

/* Mobile: thu nhỏ đệm cho gọn */
@media (max-width: 768px){
  body.woocommerce-checkout form.checkout.woocommerce-checkout > .row{
    border-radius: 10px;
    padding: 6px;
    margin: 16px 0;
  }
  body.woocommerce-checkout form.checkout.woocommerce-checkout > .row > .col{
    padding-left: 16px !important;
    padding-right: 16px !important;
    padding-top: 12px;
    padding-bottom: 12px;
  }
}




/* ==== Khối Edit Account (My Account > Edit details) ==== */
body.woocommerce-account form.woocommerce-EditAccountForm.edit-account{
  position: relative;
  border-radius: 12px;
  background: #fff;
  box-shadow:
    inset 0 0 0 1px #e5e7eb,
    0 6px 14px rgba(17,24,39,.04);
  padding: 16px;
  margin: 20px 0;
}

/* Fieldset bên trong (Password change) như 1 thẻ con */
body.woocommerce-account form.woocommerce-EditAccountForm.edit-account fieldset{
  border: 1px solid #eee;
  border-radius: 10px;
  background: #fff;
  padding: 12px;
  margin-top: 8px;
}
body.woocommerce-account form.woocommerce-EditAccountForm.edit-account fieldset legend{
  font-weight: 600;
  padding: 0 6px;
}

/* ==== Bo góc & viền nhẹ cho TẤT CẢ input/select/textarea ==== */
body.woocommerce-account form.woocommerce-EditAccountForm.edit-account
  input.input-text,
body.woocommerce-account form.woocommerce-EditAccountForm.edit-account
  input[type="text"],
body.woocommerce-account form.woocommerce-EditAccountForm.edit-account
  input[type="email"],
body.woocommerce-account form.woocommerce-EditAccountForm.edit-account
  input[type="password"],
body.woocommerce-account form.woocommerce-EditAccountForm.edit-account
  textarea,
body.woocommerce-account form.woocommerce-EditAccountForm.edit-account
  select{
  border: 1px solid #e5e7eb;
  border-radius: 10px !important;   /* ghi đè theme đặt 0 */
  background: #fff;
  padding: 10px 12px;
  box-shadow: none;
}

/* Focus mềm mại */
body.woocommerce-account form.woocommerce-EditAccountForm.edit-account
  input:focus,
body.woocommerce-account form.woocommerce-EditAccountForm.edit-account
  textarea:focus,
body.woocommerce-account form.woocommerce-EditAccountForm.edit-account
  select:focus{
  border-color: #d1d5db;
  outline: none;
  box-shadow: 0 0 0 3px rgba(59,130,246,.12);
}

/* ==== Nhóm Password có nút “con mắt” ==== */
body.woocommerce-account form.woocommerce-EditAccountForm.edit-account .password-input{
  position: relative;
  display: block;
}
body.woocommerce-account form.woocommerce-EditAccountForm.edit-account .password-input input{
  padding-right: 44px;                 /* chừa chỗ cho nút */
  border-radius: 10px !important;      /* bo đủ bốn góc */
}
body.woocommerce-account form.woocommerce-EditAccountForm.edit-account .password-input .show-password-input{
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  width: 32px; height: 32px;
  border: 0; border-radius: 8px;
  background: transparent;             /* giữ style gốc của theme */
  cursor: pointer;
}

/* Nút Save changes bo góc */
body.woocommerce-account form.woocommerce-EditAccountForm.edit-account .woocommerce-Button.button{
  border-radius: 10px;
  padding: 12px 16px;
}

/* Mobile: đệm gọn hơn */
@media (max-width: 768px){
  body.woocommerce-account form.woocommerce-EditAccountForm.edit-account{
    border-radius: 10px;
    padding: 12px;
    margin: 16px 0;
  }
}









/* 1) (Tùy chọn) Nhúng Google Fonts – đặt ở <head> hoặc file CSS chung */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@700;800;900&display=swap');

/* 2) Style cho logo text */
.logo a{
  /* màu & layout giữ nguyên */
  color: var(--fs-color-primary);
  display: block;
  margin: 0;
  text-decoration: none;
  text-transform: uppercase;

  /* font đẹp + fallback */
  font-family: "Poppins", system-ui, -apple-system, "Segoe UI",
               Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  font-weight: 800;                 /* đậm vừa mắt */
  font-size: clamp(24px, 2.2vw, 36px);
  letter-spacing: .06em;            /* giãn nhẹ cho in hoa */
  line-height: 1.1;

  /* render mượt hơn */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  /* nhấn nhẹ giúp nổi bật trên nền phức tạp */
  text-shadow: 0 1px 0 rgba(0,0,0,.02);
}

/* 3) Hiệu ứng hover tinh tế (gạch chân nhỏ, không xô lệch) */
.logo a:hover{
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* 4) Nếu header có nền tối, bảo đảm tương phản (tùy theme) */
.header--dark .logo a,
.dark .logo a{
  color: #fff;
}



/* 6) Mobile tinh chỉnh cỡ chữ nếu cần */
@media (max-width: 480px){
  .logo a{ letter-spacing: .05em; }
}




/* ===== Woo Cart – border + radius (match GCC tokens) ===== */

/* Khối form chính */
.woocommerce-cart-form{
  border:1px solid var(--gcc-border);
  border-radius: var(--gcc-radius);
  background: var(--gcc-bg);
  box-shadow: 0 1px 3px rgba(0,0,0,.06);
  padding: 12px;
  margin: clamp(12px, 2vw, 20px) auto;
}

/* Wrapper cuộn trên mobile – giữ bo góc cho bảng */
.woocommerce-cart-form .cart-wrapper{
  border-radius: calc(var(--gcc-radius) - 2px);
  overflow: hidden; /* để table không “lọt” ra ngoài góc bo */
}

/* Bảng: bo góc + đường kẻ nhẹ */
.woocommerce-cart-form .shop_table{
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  border: 1px solid var(--gcc-border);
  border-radius: calc(var(--gcc-radius) - 2px);
  overflow: hidden; /* với một số theme cần thêm để áp radius */
  background: var(--gcc-bg);
}

/* Header bảng */
.woocommerce-cart-form .shop_table thead th{
  background: #fafafa;
  font-weight: 600;
  border-bottom: 1px solid var(--gcc-border);
  padding: 12px;
}

/* Ô dữ liệu */
.woocommerce-cart-form .shop_table td{
  border-top: 1px solid #f1f1f1;
  padding: 12px;
  vertical-align: middle;
}

/* Hàng sản phẩm hover nhẹ */
.woocommerce-cart-form .shop_table tr.cart_item:hover{
  background: #fcfcfc;
}

/* Hàng actions (Update/Continue) tách rõ với nội dung */
.woocommerce-cart-form .shop_table tr > td.actions{
  border-top: 1px solid var(--gcc-border);
  background: #fff;
  padding: 12px;
}

/* Nút và input số lượng đồng bộ radius */
.woocommerce-cart-form .ux-quantity .qty,
.woocommerce-cart-form .ux-quantity .button.is-form,
.woocommerce-cart-form .button{
  border-radius: var(--gcc-radius);
}

/* Icon remove sản phẩm nhìn gọn khi có viền */
.woocommerce-cart-form a.remove{
  width: 28px; height: 28px; line-height: 26px;
  border-radius: 999px;
  border: 1px solid var(--gcc-border);
}

/* Mobile: giảm padding để không phình */
@media (max-width: 600px){
  .woocommerce-cart-form{ padding: 10px; }
  .woocommerce-cart-form .shop_table thead th,
  .woocommerce-cart-form .shop_table td{ padding: 10px; }
}




/* ===== Woo Cart Sidebar — Cart totals (border + radius) ===== */
.cart-sidebar .cart_totals{
  border:1px solid var(--gcc-border);
  border-radius: var(--gcc-radius);
  background: var(--gcc-bg);
  box-shadow: 0 1px 3px rgba(0,0,0,.06);
  padding: 14px;
  overflow: hidden; /* giữ bo góc cho phần tử con (iframe PayPal, bảng) */
}

/* Tiêu đề */
.cart-sidebar .cart_totals h2{
  font-size: 1.15rem;
  font-weight: 700;
  margin: 6px 0 12px;
}

/* Bảng tổng */
.cart-sidebar .cart_totals .shop_table{
  width:100%;
  border:1px solid var(--gcc-border);
  border-radius: calc(var(--gcc-radius) - 2px);
  border-collapse: separate;
  border-spacing:0;
  overflow:hidden;
  background: var(--gcc-bg);
}

.cart-sidebar .cart_totals .shop_table th,
.cart-sidebar .cart_totals .shop_table td{
  padding: 10px 12px;
  border-top:1px solid #f1f1f1;
  vertical-align: middle;
}

.cart-sidebar .cart_totals .shop_table tr:first-child th,
.cart-sidebar .cart_totals .shop_table tr:first-child td{
  border-top:0;
}

.cart-sidebar .cart_totals .shop_table .order-total th,
.cart-sidebar .cart_totals .shop_table .order-total td{
  border-top:1px solid var(--gcc-border);
  font-weight:700;
}

/* Khu proceed/PayPal */
.cart-sidebar .wc-proceed-to-checkout{
  margin-top: 12px;
}

.cart-sidebar .checkout-button.button{
  width:100%;
  border-radius: var(--gcc-radius);
  height: 42px;
  line-height: 42px;
  font-weight:700;
}

/* PayPal smart button block khớp bo góc + full width */
.cart-sidebar .ppc-button-wrapper,
.cart-sidebar [id^="ppc-button-"],
.cart-sidebar .paypal-buttons{
  width:100% !important;
  border-radius: var(--gcc-radius);
  overflow:hidden;
}

/* Nhẹ nhàng hơn trên mobile */
@media (max-width:600px){
  .cart-sidebar .cart_totals{ padding:12px; }
  .cart-sidebar .cart_totals .shop_table th,
  .cart-sidebar .cart_totals .shop_table td{ padding:10px; }
}






/* Bo khối lớn nhất: .nav-dropdown */
.nav-dropdown{
  border: 1px solid var(--gcc-border, #e5e7eb);
  border-radius: var(--gcc-radius, 12px);
  background: var(--gcc-bg, #fff);
  box-shadow: 0 8px 22px rgba(0,0,0,.12);
  overflow: hidden;         /* đảm bảo con bị cắt theo góc bo */
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

/* Nếu theme có biến thể default, giữ nguyên nhưng có thể ưu tiên hơn */
.nav-dropdown.nav-dropdown-default{
  border-radius: var(--gcc-radius, 12px);
}

/* Dark mode nhẹ (tuỳ chọn) */
@media (prefers-color-scheme: dark){
  .nav-dropdown{
    background: #111;
    border-color: #2b2b2b;
    box-shadow: 0 10px 26px rgba(0,0,0,.35);
  }
}






/* --- Mini-cart buttons: unify look & feel --- */
.woocommerce-mini-cart__buttons.buttons .button,
.woocommerce-mini-cart__buttons.buttons .button.checkout{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  height:40px;
  padding:0 16px;
  border-radius:var(--gcc-radius,12px) !important;
  border:1px solid #111827 !important;
  background:#111827 !important;      /* SAME background for both */
  color:#fff !important;               /* SAME text color for both */
  line-height:1;
  font-weight:600;
  text-decoration:none !important;
  box-shadow:0 1px 2px rgba(0,0,0,.05);
  margin-right:8px;
  background-image:none !important;    /* kill theme gradients */
}

/* remove last margin */
.woocommerce-mini-cart__buttons.buttons .button:last-child{ margin-right:0; }

/* Hover & active */
.woocommerce-mini-cart__buttons.buttons .button:hover{
  background:#0b1220 !important;
  border-color:#0b1220 !important;
}
.woocommerce-mini-cart__buttons.buttons .button:active{
  transform:translateY(1px);
}

/* Mobile: full width stack */
@media (max-width:480px){
  .woocommerce-mini-cart__buttons.buttons{
    display:grid; grid-template-columns:1fr; gap:8px;
  }
  .woocommerce-mini-cart__buttons.buttons .button{ width:100%; margin-right:0; }
}










.gccqp-balance-display {
    display: inline-flex
;
    align-items: center;
    gap: 8px;
    padding: 6px 12px;
    border: 1px solid #e5e7eb;
    border-radius: 999px;
    background: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .04);
    font-weight: 700;
    color: #111827;
    line-height: 1;
}