/**
 * Theme Name: Rey Child
 * Theme URI: http://reytheme.com/
 * Description: This is a child theme of Rey.
 * Author: Marius H.
 * Author URI:  https://twitter.com/mariushoria
 * Template: rey
 * Version: 1.0.0
 * License: General Public License
 * License URI: http://www.gnu.org/licenses/gpl.html
 * Text Domain: rey-child
 */

/* ==========================================================================
   Customizer Additional CSS (Migrated to style.css)
   ========================================================================== */

/* Khóa toàn bộ trang */
html,
body {
  overflow-x: hidden !important;
  width: 100%;
}
:root {
  /* Brand Colors */
  --brand-primary: #6A3F07;     /* Nâu Đất đậm */
  --brand-secondary: #906325;   /* Vàng Gold trung tính */
  --brand-accent: #916b36;      /* Vàng Gold sáng nhẹ */
  --brand-dark-hover: #523105;  /* Nâu đậm khi hover */
  --brand-dark: #353B40;        /* Xám tro đậm */
  --brand-text-muted: #7A7A7A;  /* Xám nhạt mô tả */
  --body-text-color: #787878;   /* Xám đen đọc văn bản */

  /* Bottom-right corner radius. Using clamp to provide a min. and max. value. */
  --right-corner: clamp(1rem, 2vw, 3rem);
	
  /* Variation form Popup */
  --loop-variation-pop-radius: 1rem;
	
  /* Mega Menu Dropdown */
  --mega-gs-radius: 5px 5px var(--right-corner) 5px;
	
  /* Load more products button */
  --load-more-btn-fz: 1rem;
  --load-more-btn-radius: 3rem;
  --load-more-btn-fw: 500;
	
  /* cart elements roundness */
  --cart-panel-radius: 50px;
}

/* Product Card - Various settings */
li.product {
  
  /* 	wishlist button */
  --wishlist-btn-catalog-shadow: none;
  --wishlist-btn-catalog-default-opacity: 1;
  --wishlist-btn-catalog-default-size: 1rem;
  
  /* Proto skin tweaks */
  --proto-th-bottom-distance: calc(var(--proto-hover-distance) * -1);
  --proto-th-bottom-shadow: none;
	--proto-loop-buttons-top: 1rem;
}

/* Desktop */
@media (min-width: 1025px) {
  /* Proto hover distance */
  --proto-hover-distance: 70px;
	/* Buttons Font Size */
  .woocommerce .button,
  li.product .button {
    --btn-font-size: 1rem;
  }
}

/* Product Card corner */
.product.rey-wc-skin--proto .rey-productInner {
  border-bottom-right-radius: var(--right-corner);
}

/* Add to cart button */
.product.rey-wc-skin--proto  .add_to_cart_button {
  width: 100%;
	font-weight: normal;
  border-bottom-right-radius: calc(var(--right-corner) / 2);
}


/* Product page */

/* Gallery image corner */
.woocommerce-product-gallery__image .__img {
  border-radius: 5px;
  border-bottom-right-radius: var(--right-corner);
}

/* Gallery nav. opacity */
.cascadeNav.--visible {
  opacity: 0.4;
}

/* Desktop height of Add to cart block and its components */

:root {
  --pdp-linked-title-fw: 500;
  --pdp-linked-title-color:var( --e-global-color-4d9efc1 );
  --pdp-linked-title-tt: none;
  --pdp-linked-title-mb: 0.7em;
  --pdp-linked-title-fz: 24px;
	--woocommerce-form-comp-heights: 3rem;
}

@media (min-width: 1025px) {
  :root {
    --woocommerce-form-comp-heights: 4rem;
    --pdp-linked-title-fz: 42px;
  }
}

/* Accordion item */
.rey-summaryAcc-accItem {
  font-size: 1rem;
  text-transform: uppercase;
  font-weight: 500;
}

/* Add to cart button & Quantity */
.rey-cartBtnQty {
  --pdp-qty-separator-display: none;
  --inline-distance: 10px;
  --qty-basic-bw: 0px;
  --qty-basic-br: 2rem;
  --pdp-btn-br: 2rem;
}

/* Product page wishlist button */
.rey-wishlistBtn.--pdp {
  --btn-bg-color: #fff;
  --btn-bd-w: 0;
  --btn-padding: 0;
  width: var(--woocommerce-form-comp-heights);
}

/* Variations styles */
.rey-swatchList .rey-swatchList-item--regular.--selected, .rey-swatchList .rey-swatchList-item--regular.--selected:hover {
    color: #fff;
	background-color: var(--brand-accent);}

/*==checkout==*/


.mb-4 >h3 {
	font-size:24px;
	color:black;
	padding-top: 2%;
	margin-bottom:2%
}

/*==checkout==*/
/*==cart==*/

/*==cart==*/


/*==POKA Product Single==*/
.--fixed-summary.--fixed-summary-cssfirst:not(.--fixed-gallery) .rey-product div.summary {
	font-size: 14px;}
.rey-summaryAcc-accItem {
	font-size: 0.8rem;}

/*==POKA Product Single==*/
/* Bo tròn góc dưới bên phải cho CẢ trường email VÀ nút submit */
.newsletter-signup {
  border-bottom-right-radius: 25px; /* Bạn có thể thay 8px bằng giá trị mong muốn */
}

/* Áp dụng transition cho MÀU CHỮ của nút */
.newsletter-signup .wpcf7-submit {
  transition: color 0.3s ease;
}

/* Đổi MÀU CHỮ khi hover */
.newsletter-signup .wpcf7-submit:hover {
  color: #074277;
  
  /* Xóa bỏ thay đổi background nếu có */
  background-color: transparent; /* Hoặc màu nền gốc của nút */
}
.rey-postComments {
display: none !important;
    }
.product-title { color: black !important; }

/*==css trang check đơn hàng client==*/
/* Normal State */
.z-order-button .button,
.button.btn-logout,
.button.btn-backto,
.button.zalo-tracking-next,
.button.button-primary.zalo-tracking-next {
  background-color: var(--brand-accent);
  color: white;
	padding: 10px 10px;
  border: none;
  transition: background-color 0.2s;
}

/* Hover & Focus State */
.z-order-button .button:hover,
.button.btn-logout:hover,
.button.btn-backto:hover,
.button.zalo-tracking-next:hover,
.button.button-primary.zalo-tracking-next:hover,
.z-order-button .button:focus,
.button.btn-logout:focus,
.button.btn-backto:focus,
.button.zalo-tracking-next:focus,
.button.button-primary.zalo-tracking-next:focus {
  background-color: var(--brand-dark-hover);
}

.page-number-box {
	padding-bottom: 7%;
	padding-top: 2%
}

.z_tracking_list_left h2 {
  font-size: 18px;
}


.login-box-btn {
  background-color: var(--brand-accent) !important;
  color: white !important;
  padding: 10px 10px !important;
  border: none !important;
  transition: background-color 0.2s !important;
  cursor: pointer !important;
}

.login-box-btn:hover {
  background-color: var(--brand-dark-hover) !important;
}

.zalo_tracking_box{
	margin-top: 4%;
	margin-bottom: 10%;
}

/*==css trang check đơn hàng client==*/

/*==fix model login by zalo==*/
/* Tăng z-index cho Magnific Popup overlay và content */
.mfp-bg {
  z-index: 99999 !important;
}

.mfp-wrap {
  z-index: 100000 !important;
}

.mfp-content {
  z-index: 100001 !important;
}

/* Đảm bảo modal Zalo OTP hiển thị trên cùng */
.devvn_otp_login {
  position: relative;
  z-index: 100002 !important;
}

/* Giảm z-index của account panel nếu cần */
.rey-accountPanel-wrapper {
  z-index: 1000 !important;
}

/*==fix model login by zalo==*/
/*==none hỏa tốc& sepay==*/
/* Ẩn radio + label + giá của Chuyển phát hỏa tốc */
#SHT-shipping,
#SHT-shipping + label,
#SHT-shipping + label + div {
    display: none !important;
}
/* Chiều cao helper của header trên Desktop và Mobile */
@media (min-width: 1025px) {
    #rey-siteHeader-helper {
        height: 150px !important;
    }
}
@media (max-width: 1024px) {
    #rey-siteHeader-helper {
        height: 70px !important;
    }
}
/*==none hỏa tốc& sepay==*/
.elementor-kit-187 h1 {
	color: var(--brand-accent) !important;}

/* Đồng bộ màu sắc cho cả 3 icon ở header (Search, User, Cart) */
.rey-headerSearch-toggle,
.rey-headerSearch-toggle svg,
.rey-headerAccount-btn,
.rey-headerAccount-btn svg,
.rey-headerCart,
.rey-headerCart svg {
    color: var(--brand-primary) !important;
}

.rey-headerSearch-toggle:hover,
.rey-headerSearch-toggle:hover svg,
.rey-headerAccount-btn:hover,
.rey-headerAccount-btn:hover svg,
.rey-headerCart:hover,
.rey-headerCart:hover svg {
    color: var(--brand-secondary) !important;
}

/* Di chuyển breadcrumbs lên phía trên hình ảnh sản phẩm (single product page) */
.summary .rey-breadcrumbs,
.summary .woocommerce-breadcrumb {
    display: none !important;
}

@media (min-width: 1025px) {
    .rey-productSummary {
        flex-wrap: wrap !important;
    }
    .rey-productSummary > .woocommerce-breadcrumb,
    .rey-productSummary > .rey-breadcrumbs {
        display: none !important;
    }
}

@media (max-width: 1024px) {
    .rey-productSummary {
        padding-top: 5px !important;
    }
    .rey-productSummary > .woocommerce-breadcrumb,
    .rey-productSummary > .rey-breadcrumbs {
        margin-top: 5px !important;
        margin-bottom: 15px !important;
    }
}