/*
 Theme Name:   Amiy Child
 Theme URI:    https://amiy.wpengine.com/
 Description:  Amiy Child Theme
 Author:       the WeDesignTech team
 Author URI:   https://wedesignthemes.com/
 Template:     amiy
 Version:      1.0.0
 Text Domain:  amiy-child
*/
/* 
.sticky-header-active::before {
	background-color: #0D1230;
} */
/* === Payment Section Wrapper === */
#payment.woocommerce-checkout-payment {
  background: #ffffff !important;
  border-radius: 12px !important;
  padding: 30px 20px !important;
  font-family: 'Inter', sans-serif !important;
  box-shadow: 0 2px 6px rgba(0,0,0,0.05) !important;
}

/* === Payment Methods List === */
.wc_payment_methods {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: grid !important;
  gap: 18px !important;
}

/* Remove bullets explicitly */
.wc_payment_methods li::marker,
.wc_payment_methods li::before {
  content: none !important;
}

/* === Payment Option Card === */
.wc_payment_method {
  position: relative !important;
  background: #FAFAFC !important;
  border: 2px solid #E0E0E8 !important;
  border-radius: 10px !important;
  padding: 16px 20px !important;
  transition: all 0.25s ease !important;
  cursor: pointer !important;
}

.wc_payment_method:hover {
  border-color: #FCC946 !important;
  box-shadow: 0 2px 10px rgba(252, 201, 70, 0.25) !important;
}

/* === Hide Default Woo Radio === */
.wc_payment_method input.input-radio {
  position: absolute !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* === Label Styling (alignment fix) === */
.wc_payment_method label {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin: 0 !important;
  font-weight: 600 !important;
  font-size: 1rem !important;
  color: #0B0B2B !important;
  cursor: pointer !important;
}

/* === Custom Radio Circle === */


/* === Selected (Active) State === */
.wc_payment_method input:checked + label::before {
  border-color: #FCC946 !important;
  background-color: #FCC946 !important;
  box-shadow: 0 0 0 3px rgba(252, 201, 70, 0.25) !important;
  background-image: radial-gradient(circle at center, white 40%, transparent 41%) !important;
}

.wc_payment_method input:checked + label {
  color: #FCC946 !important;
}

/* Highlight card when selected */
.wc_payment_method input:checked ~ .payment_box,
.wc_payment_method input:checked + label {
  background: #FFF9E6 !important; /* soft yellow tint */
  border-radius: 10px !important;
  border-color: #FCC946 !important;
}

/* === Payment Info Box === */
.payment_box {
  display: none !important;
  margin-top: 12px !important;
  border-left: 3px solid #FCC946 !important;
  padding-left: 10px !important;
  color: #5E5E73 !important;
  font-size: 0.9rem !important;
  line-height: 1.5 !important;
  background: #fff !important;
  border-radius: 6px !important;
}

/* === Payment Logos === */
.wc_payment_method label img {
  height: 20px !important;
  width: auto !important;
  margin-left: 5px !important;
  vertical-align: middle !important;
}

/* === Place Order Button === */
#place_order {
  width: 100% !important;
  background-color: #FCC946 !important;
  color: #0B0B2B !important;
  font-weight: 700 !important;
  border-radius: 8px !important;
  padding: 14px 20px !important;
  font-size: 1rem !important;
  border: none !important;
  cursor: pointer !important;
  transition: all 0.25s ease !important;
}

#place_order:hover {
  background-color: #e5b929 !important;
}

/* === Responsive === */
@media (max-width: 600px) {
  .wc_payment_method {
    padding: 14px !important;
  }

  .wc_payment_method label {
    font-size: 0.95rem !important;
  }

  #place_order {
    font-size: 0.95rem !important;
    padding: 12px !important;
  }
}

.woocommerce .wdt-header-icons-list .wdt-header-icons-list-item.search-item::after { 
	height: 1.4rem;
	width: 1px;
	background-color: #ffffff; 
	margin-left: 5px; 
	margin-right: 0;
}
.wdt-header-icons-list-item div[class*="menu-icon"] > a.wdt-search-icon > span svg { 
	height: 1em;
	width: 1em;
}
.shop-directory .shop-content h2 { 
    font-weight: 500 !important; 
    color: black;
}
.wdt-header-icons-list .wdt-header-icons-list-item.user-authlink-item{
	display: inline-flex;
}
.wdt-header-icons-list .wdt-header-icons-list-item.user-authlink-item svg{
	fill: #ffffff;
}
.archive.woocommerce ul.products li.product a img {
    height: 345px;
    object-fit: cover;
}
.woocommerce ul.products.product-padding-content li.product .product-details {
	background-color: transparent !important;  
}
.woocommerce ul.products li.product .product-details { 
    height: 172px;
}
.wdt-simple-faq .wdt-accordion-toggle-holder .wdt-accordion-toggle-description { 
	padding-top: 5px !important; 
}
.woocommerce-MyAccount-navigation > ul li, .woocommerce-account .woocommerce-MyAccount-navigation > ul li{
	border-color: rgba(0, 0, 0, .15);
}
.woocommerce-MyAccount-navigation > ul li a{
	color: black;
}

@media(max-width: 1540px){
	.wdt-header-menu .wdt-primary-nav > li > a { 
		padding: 8px 15px; 
	}
	.wdt-col { 
		padding: 0 0px !important; 
	}
	.wdt-post-entry .blog-entry .entry-title h4 {
		font-size: 25px;
	}
}
@media(max-width: 479px){
	.wdt-col, div[class*="wdt-col"], section[class*="wdt-col"], li[class*="wdt-col"] {
		width: auto !important;
	}
}

/* Make the image wrapper a positioning context. */
.uc_post_grid_style_one_item .uc_post_grid_style_one_image-wrapper,
.uc_image_carousel_container_holder,
.uc_post_grid_style_one_item { position: relative; }

/* The badge itself */
.bb-featured-badge{
  position: absolute;
  top: 8px;
  left: 8px;
  z-index: 5;
  display: inline-block;
  padding: 6px 10px;
  font-size: 12px;
  line-height: 1;
  font-weight: 700;
  color: #fff;
  background: #e91e63; /* change to match brand */
  border-radius: 4px;
  text-transform: uppercase;
  letter-spacing: .4px;
  box-shadow: 0 2px 6px rgba(0,0,0,.18);
}

/* Optional: star icon */
.bb-featured-badge::before{
  content: "★";
  margin-right: 6px;
}

/* If the widget swaps to a second image on hover, keep badge visible */
.uc_post_grid_style_one_item .uc_post_image,
.uc_post_grid_style_one_item .uc_post_image--second {
  position: relative;
}