/*
Theme Name: Ambayuh2025
Template: twentytwentyfive
Version: 1.0
*/

.button.disabled {
  pointer-events: none;
  cursor: default;
  opacity: 0.7;
}

.stock.out-of-stock {
  display: none;
}

.amb-coming-soon {
  position: absolute;
  top: 10px;
  left: 10px;
  background: #B5522C;
  color: #fff;
  font-size: 12px;
  padding: 6px 10px;
  border-radius: 6px;
  z-index: 2;
}

/* Make product card relative so badge positions correctly */
.wc-block-grid__product,
.product {
  position: relative;
}

/* Hide mobile hero by default */
.hero-mobile {
  display: none;
}

/* On mobile: swap */
@media (max-width: 768px) {
  .hero-desktop {
    display: none;
  }

  .hero-mobile {
    display: block;
  }
}

.testimonials p {
  padding: 2rem;
  text-align: center;
}

/* Desktop: stack columns */
.amb-mobile-columns {
  flex-direction: row;
}

/* Mobile: show columns side by side */
@media (max-width: 768px) {
  .contact-us-container {
    display: flex;
  }
}

.amb-rotator-window {
  width: 100%;
  overflow: hidden;
  background-color: #000000;
}

.amb-rotator {
  display: flex;
  margin: 0;
  padding: 0;
  list-style: none;
  transform: translateX(-100%);
}

.amb-rotator li {
  flex: 0 0 100%;
  color: #ffffff;
  text-align: center;
  padding: 10px 16px;
  box-sizing: border-box;
}

/* Hide Site Title on mobile (keep logo visible) */
@media (max-width: 768px) {
  .wp-block-site-title {
    display: none !important;
  }
}

/* Homepage spacing */
.home .wp-site-blocks > * { margin-top: 0; }
.section-pad { padding: 56px 0; }
@media (max-width: 782px){ .section-pad { padding: 36px 0; } }

/* Announcement bar */
.amb-topbar { font-size: 14px; opacity: .9; }
.amb-topbar a { text-decoration: none; }

/* Clean product cards (Woo) */
.woocommerce ul.products li.product{
  border-radius: 16px;
  background: #fff;
  padding: 14px;
  transition: transform .18s ease, box-shadow .18s ease;
}
.woocommerce ul.products li.product:hover{
  transform: translateY(-3px);
  box-shadow: 0 12px 24px rgba(0,0,0,.08);
}

/* Buttons */
.wp-element-button, .woocommerce a.button{
  border-radius: 14px !important;
}

/* Header menu hover */
.wp-block-navigation a:hover {
    color: #B5522C;
    transition: color 0.2s ease;
}

/* Button hover */
.wp-element-button:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover {
    background-color: #9E4624 !important;
    transform: translateY(-2px);
    transition: all 0.2s ease;
}

.woocommerce ul.products li.product {
    border-radius: 16px;
    padding: 14px;
    background: #ffffff;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.woocommerce ul.products li.product:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 24px rgba(0,0,0,0.08);
}