/**
 * Theme Name: blocksy-child
 * Description: Blocksy Child theme
 * Author: Creative Themes
 * Template: blocksy
 * Text Domain: blocksy
 */


:root{
	--product-size: 150px;
}

.home-grid .elementor-container {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 35px;
	grid-auto-flow: column;
}

.home-grid .elementor-col-50 {
	width: 100%;
}

/* --- 商品卡片固定寬度 & 自動排列 --- */

.woocommerce ul.products {
  display: grid;
  grid-template-columns: repeat(auto-fit, var(--product-size));
  justify-content: center; /* 置中對齊 */
  gap: 20px;
  margin: 0 auto;
  max-width: 100%; /* 讓 grid 寬度自動等於內容寬 */
}

/* 固定商品卡片寬度 */
.woocommerce ul.products li.product {
  width: var(--product-size) !important; /* 固定寬度 */
  margin: 0 !important;
	flex-direction: column !important;
	justify-content: space-between;
}

/* 卡片rating */
.product-rating-number{
	color: var(--theme-palette-color-3) !important;
}

/* 卡片title */
.woocommerce-loop-product__title {
	text-align: left;
	margin-right: auto;
	margin-bottom: auto !important;
}

.product-rating-number{
	text-align: left;
	margin-top: 10px
}


img.wp-post-image {
  width: var(--product-size);
  height: var(--product-size);
  object-fit: cover;       /* 讓圖片自動裁切填滿 */
  object-position: center; /* 讓裁切位置居中 */
}


/* Contact information */
.contact-info {
	margin: 10px 10px;
	display: flex;
	align-items: center;
	gap: 10px;
}

.contact-text {
	margin: auto 0;
}


/* Single Commerce */
.ct-media-container {
  aspect-ratio: 1 / 1 !important;
}

.ct-media-container img.wp-post-image {
  height: 100%;
  object-fit: cover;
}

/* Form Elements */
select {
	background-color: var(--theme-palette-color-2) !important;
}

select:focus {
  background-color: var(--theme-palette-color-2) !important;
}

input[name="quantity"]:focus {
  background-color: var(--theme-palette-color-2) !important;
}

textarea[name="comment"]{
	background-color: var(--theme-palette-color-6) !important;
}

/* My Account Navigation */
.woocommerce-MyAccount-navigation {
    display:none !important;
}


/* Location */
form.customize-unpreviewable input {
	background-color: var(--theme-palette-color-2) !important;
}

form.customize-unpreviewable span{
	background-color: var(--theme-palette-color-2) !important;
}

span.select2-search.select2-search--dropdown{
	background-color: var(--theme-palette-color-2) !important;
}

span.select2-results li{
	background-color: var(--theme-palette-color-2) !important;
}

span.select2-search.select2-search--dropdown > input{
	background-color: var(--theme-palette-color-2) !important;
}

span.select2-search.select2-search--dropdown > input:focus{
	border-color: var(--theme-palette-color-4) !important;
}


div.woocommerce-MyAccount-content button {
	background-color: var(--theme-palette-color-6) !important;
}

div.woocommerce-MyAccount-content button:hover {
	background-color: var(--theme-palette-color-2) !important;
}


/* Add Account */
form.woocommerce-EditAccountForm span{
	background-color: var(--theme-palette-color-2) !important;
}

form.woocommerce-EditAccountForm input{
	background-color: var(--theme-palette-color-2) !important;
}

.xoo-ml-phone-cc + .select2.select2-container .select2-selection__rendered, .xoo-ml-phone-cc + .select2 .selection, .xoo-ml-phone-cc + .select2 .select2-selection 
{
	height: 100% !important;
}
span.select2-container .select2-selection--single .select2-selection__arrow {
	height: auto !important;
}

/* Add Account Dropdown */
.select2-dropdown {
	z-index:4 !important;
}


/* Cart */
.woocommerce-cart-form__contents .coupon input{
	background-color: var(--theme-palette-color-2) !important;
}

button[name="apply_coupon"] {
	background-color: var(--theme-palette-color-6) !important;
}

.woocommerce-message{
	background-color: var(--theme-palette-color-6) !important;
}

.woocommerce-info {
	background-color: var(--theme-palette-color-6) !important;
}

.checkout-button {
	background-color: var(--theme-palette-color-6) !important;
}

.ct-cart-content {
	background-color: var(--theme-palette-color-6) !important;
}

.ct-cart-content .product-title:hover {
	color: var(--theme-palette-color-3) !important;
}

span.onsale {
	background-color: var(--theme-palette-color-6) !important;
	border-radius: 4px;
}

/* Login Page */
.woocommerce-Input {
	background-color: var(--theme-palette-color-2) !important;
}
span.select2-selection.select2-selection--single {
	background-color: var(--theme-palette-color-2) !important;
}

.select2-results__option.select2-results__option--disabled {
	display: none !important;
}

button.woocommerce-button {
	background-color: var(--theme-palette-color-6) !important;
}

button.woocommerce-button:hover {
	background-color: var(--theme-palette-color-2) !important;
}

button.xoo-ml-login-otp-btn{
	background-color: var(--theme-palette-color-2) !important;
} 

button.xoo-ml-login-otp-btn:hover{
	background-color: var(--theme-palette-color-3) !important;
} 

button.xoo-ml-low-back{
	background-color: var(--theme-palette-color-2) !important;
}

button.xoo-ml-low-back:hover{
	background-color: var(--theme-palette-color-3) !important;
}

button.xoo-ml-open-lwo-btn{
	background-color: var(--theme-palette-color-2) !important;
}

button.xoo-ml-open-lwo-btn:hover{
	background-color: var(--theme-palette-color-3) !important;
}


/* Single Product */
input.wapf-input {
	background-color: var(--theme-palette-color-2) !important;
}

/* Select List */
select option{
	color: white;
}


/* Checkout Page */
div.woocommerce-billing-fields input{
	background-color: var(--theme-palette-color-2) !important;
}

textarea#order_comments{
	background-color: var(--theme-palette-color-2) !important;
}

button#place_order {
	background-color: var(--theme-palette-color-6) !important;
}

button#place_order:hover {
	background-color: var(--theme-palette-color-3) !important;
}

p.woocommerce-notice--success {
	background-color: var(--theme-palette-color-6) !important;
}