@import url('https://fonts.googleapis.com/css2?family=Bree+Serif&family=Quicksand:wght@500;700&display=swap');

/* --- FUNDAL SI TEXT GLOBAL --- */
body, #wrapper, #main {
  font-family: 'Quicksand', sans-serif !important;
  background-color: #FAF7F2 !important;
  background-image: url('https://www.transparenttextures.com/patterns/parchment.png') !important;
  color: #4a3321 !important;
}

/* --- TITLURI (Bree Serif) --- */
h1, h2, h3, h4, .h1, .h2, .h3, .product-name, .product-title a {
  font-family: 'Bree Serif', serif !important;
  color: #8b4513 !important;
  font-weight: 400 !important;
  text-transform: none !important;
}

/* --- MENIU --- */
#_desktop_top_menu .top-menu > li > a {
  font-family: 'Quicksand', sans-serif !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  color: #4a3321 !important;
  text-transform: uppercase;
  letter-spacing: 1px;
}

/* --- BUTOANE --- */
.btn-primary, .add-to-cart, .btn-orange {
  font-family: 'Bree Serif', serif !important;
  background-color: #e67e22 !important;
  color: #fff !important;
  border: none !important;
  border-radius: 4px !important;
  padding: 12px 30px !important;
  font-size: 16px !important;
  text-transform: uppercase;
  transition: all 0.3s ease;
}

.btn-secondary, .btn-brown {
  font-family: 'Bree Serif', serif !important;
  background-color: #4a3321 !important;
  color: #fff !important;
  border-radius: 4px !important;
  padding: 12px 30px !important;
}

/* --- PRETURI --- */
.price, .current-price {
  font-family: 'Bree Serif', serif !important;
  color: #e67e22 !important;
  font-size: 1.2rem;
}

.product-description p, .category-description p {
  font-family: 'Quicksand', sans-serif !important;
  font-size: 15px;
  line-height: 1.6;
}

/* --- BUTON ADAUGA IN COS (fortat) --- */
.add-to-cart, 
.btn-primary.add-to-cart, 
button[data-button-action="add-to-cart"],
#add-to-cart-or-refresh .add-to-cart,
.product-add-to-cart .btn-primary {
  font-family: 'Bree Serif', serif !important;
  font-weight: 400 !important;
  font-size: 18px !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  background-color: #e67e22 !important;
  color: #ffffff !important;
  border-radius: 50px !important;
  border: none !important;
  padding: 15px 35px !important;
  box-shadow: 0 5px 0px #b35d10 !important;
  transition: all 0.2s ease !important;
  display: inline-block !important;
}

.add-to-cart:hover, 
.btn-primary.add-to-cart:hover {
  background-color: #d36d1a !important;
  transform: translateY(3px) !important;
  box-shadow: 0 2px 0px #b35d10 !important;
}

/* --- ASCUNDE TITLU CATEGORIE PARINTE --- */
body#category #main .block-category h1 {
  display: none !important;
}

/* --- LINK LIST STANGA --- */
#left-column .block-links {
  background: #fffcf5;
  border-radius: 15px;
  border: 1px solid #e7e1d7;
  padding: 20px;
  margin-bottom: 20px;
}

#left-column .block-links h3 {
  font-family: 'Bree Serif', serif !important;
  color: #8b4513 !important;
  text-transform: uppercase;
  font-size: 1.1rem;
  border-bottom: 2px solid #e67e22;
  padding-bottom: 10px;
}

/* =========================
   HERO (OVERLAY + CAPTION)
   ========================= */
.carousel,
.carousel .carousel-inner,
.carousel .carousel-item {
  position: relative !important;
}

.carousel .carousel-item::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(0,0,0,.62) 0%, rgba(0,0,0,.28) 60%, rgba(0,0,0,.08) 100%);
  z-index: 1;
  pointer-events: none;
}

.carousel .carousel-caption{
  z-index: 2 !important;
  text-align: left !important;
  left: 8% !important;
  right: auto !important;
  top: 50% !important;
  bottom: auto !important;
  transform: translateY(-50%) !important;
  max-width: 560px !important;
}

.carousel .carousel-caption h2,
.carousel .carousel-caption .h1,
.carousel .carousel-caption .display-1{
  font-family: 'Bree Serif', serif !important;
  font-weight: 400 !important;
  color: #ffffff !important;
  font-size: clamp(26px, 4vw, 44px) !important;
  line-height: 1.1 !important;
  margin: 0 0 12px 0 !important;
}

.carousel .carousel-caption p{
  color: rgba(255,255,255,.92) !important;
  font-size: 16px !important;
  line-height: 1.55 !important;
  margin: 0 0 16px 0 !important;
}

.carousel .carousel-caption a{
  display: inline-block !important;
  background: #e67e22 !important;
  color: #fff !important;
  text-decoration: none !important;
  padding: 12px 18px !important;
  border-radius: 10px !important;
  font-weight: 700 !important;
}

@media (max-width: 768px){
  .carousel .carousel-caption{
    left: 6% !important;
    right: 6% !important;
    max-width: none !important;
  }
}

/* ascunde sageti/puncte (daca ai 1 singur slide) */
.carousel .carousel-control-prev,
.carousel .carousel-control-next,
.carousel .carousel-indicators {
  display: none !important;
}