/*
 Theme Name:   Zita Pro Child
 Description:  Zita Pro Child Theme
 Author:       Zita
 Template:     zita-pro
 Version:      1.0.0
 Text Domain:  zita-child
*/



/********************
 * Header Menu for Mobile
 ********************/

/* Fix Mobile Header Menu to Always on top (Over Elementor Images) */
@media (max-width: 992px) {
  .site-header,
  .main-navigation-toggle,
  .zita-mobile-menu,
  .responsive-menu,
  .main-header-bar {
	/* force menu layer to very top */
    z-index: 999999 !important;
    position: relative !important;
  }
}




/********************
 * Product Display
 ********************/

/* "Sale!" Badge to Metallic Gold */
.woocommerce .products .product .onsale,
.woocommerce .onsale {
  background: linear-gradient(180deg, #C59B4E 0%, #825E22 100%) !important;
  color: #FFFFFF !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  font-size: 11px !important;
  
  /* sharp 8-pointed star shape */
  clip-path: polygon(50% 0%, 65% 15%, 85% 15%, 85% 35%, 100% 50%, 85% 65%, 85% 85%, 65% 85%, 50% 100%, 35% 85%, 15% 85%, 15% 65%, 0% 50%, 15% 35%, 15% 15%, 35% 15%) !important;
	
  /* Fits Text inside star */
  width: 55px !important;
  height: 55px !important;
  line-height: 55px !important;
  padding: 0 !important;
  text-align: center !important;
	
	/* Start POSITION CONTROLS */
  position: absolute !important;
  top: -15px !important;
  left: -25px !important;
}

/* Force All Product Images into Uniform Standard */
/* .woocommerce .products .product img {
/*  width: 100% !important;
/*  height: 320px !important;	            /* lock Image to same height */
/*  object-fit: contain !important;	    /* preserve stretching */
/*  background-color: #000000 !important;	/* fill empty space with black */
/*  padding: 0px !important;
/*}
*/

/* Product Category Text */
.woocommerce .products .product .woocommerce-loop-product__title,
.woocommerce .products .product .category {
  color: #A37E3B !important;
	font-size: 16px !important;
	font-weight: 600 !important;
}

/* WooCommerce Star Ratings to Gold */
.woocommerce .products .product .star-rating span::before,
.woocommerce .star-rating span::before {
  color: #C59B4E !important;
}

/* Product Regular Price */
.woocommerce .products .product .price,
.woocommerce .products .product .price .amount {
  color: #FFFFFF !important;
}

/* Sale Price Color */
.woocommerce .products .product .price del .amount {
  color: #777777 !important;
  font-size: 0.9em !important;
}

.woocommerce .products .product .price ins .amount {
  color: #C59B4E !important;
	font-size: 16px !important;
	font-weight: 600 !important;
}

/* Add to Cart's Button */
.woocommerce .products .product .button.add_to_cart_button {
  background: linear-gradient(180deg, #C59B4E 0%, #825E22 100%) !important;
  color: #FFFFFF !important;
  text-transform: uppercase !important;
  border-radius: 4px !important;
  border: none !important;
  box-shadow: inset 0px 1px 0px #E8CE8E !important;
}

/* Shopping Cart's Button: Hover */
.woocommerce .products .product .button.add_to_cart_button:hover {
  background: linear-gradient(180deg, #A37E3B 0%, #6B4C18 100%) !important;
  color: #FFFFFF !important;
}





/********************
 * Mini-Cart Display
 ********************/

/* "View Cart" Button (Left Side) - Sleek Dark Theme */
.widget_shopping_cart_content .buttons a:not(.checkout),
.woocommerce-mini-cart__buttons a:not(.checkout) {
    background-color: #222222 !important; 
    color: #ffffff !important;
    border: 1px solid #444444 !important;
}
.widget_shopping_cart_content .buttons a:not(.checkout):hover,
.woocommerce-mini-cart__buttons a:not(.checkout):hover {
    background-color: #666666 !important;
    color: #ffffff !important;
}


/* "Checkout" Button (Right Side) - Premium Metallic Gold */
.widget_shopping_cart_content .buttons a.checkout,
.woocommerce-mini-cart__buttons a.checkout {
    background-color: #D4AF37 !important; 
    color: #111111 !important;
    border: 1px solid #D4AF37 !important;
}
.widget_shopping_cart_content .buttons a.checkout:hover,
.woocommerce-mini-cart__buttons a.checkout:hover {
    background-color: #B49022 !important;
    color: #FFFFFF !important;
    border: 1px solid #D4AF37 !important;
}





/********************
 * Fix Dropdown Display not in center
 ********************

//* CENTER SELECT DROPDOWN ARROWS ON CHECKOUT */
/* 1. Set the main outer container height */
.woocommerce-checkout .select2-container--default .select2-selection--single {
    height: 40px !important;
    display: flex !important;
    align-items: center !important; /* Centers the inner content block vertically */
    border: 1px solid #000000 !important; /* Keeps your crisp border shape */
    border-radius: 4px !important;
    position: relative !important;
}

/* 2. Force the text container to sit perfectly in the middle */
.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 40px !important;    /* Matches height to perfectly center the text */
    padding-left: 12px !important;   /* Clean spacing on the left */
    padding-top: 0 !important;       /* Strip any weird top offsets */
    padding-bottom: 0 !important;    /* Strip any weird bottom offsets */
    color: #444444 !important;       /* Matches your Open Sans color style */
    display: block !important;
    width: 100% !important;
}