/* Start custom CSS for shortcode, class: .elementor-element-d829092 *//* ==================================================
   EVORIA JEWELS - BRACELETS COLLECTION STYLING
   ================================================== */

/* 1. GRID LAYOUT (3 COLUMNS PC / 2 COLUMNS MOBILE) */
.ev-shop-grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 20px !important;
  width: 100% !important;
}

/* 2. CARD CONTAINER STYLING */
.ev-card {
  background: #ffffff !important;
  border: 1px solid #e8e4dc !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  transition: transform 0.25s ease, box-shadow 0.25s ease !important;
}

.ev-card:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 10px 24px rgba(0,0,0,0.06) !important;
  border-color: #c5a059 !important;
}

/* 3. MEDIA CONTAINER & FLOATING SALE BADGE */
.ev-card-media {
  position: relative !important;
  width: 100% !important;
  aspect-ratio: 1 / 1 !important;
  overflow: hidden !important;
}

.ev-badge-sale,
span.ev-badge-sale {
  position: absolute !important;
  top: 12px !important;
  left: 12px !important;
  background: linear-gradient(135deg, #c5a059 0%, #a37c3f 100%) !important;
  color: #ffffff !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 0.72rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.8px !important;
  text-transform: uppercase !important;
  padding: 5px 12px !important;
  border-radius: 20px !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2) !important;
  z-index: 10 !important;
  line-height: 1 !important;
  display: inline-block !important;
  border: 1px solid rgba(255, 255, 255, 0.3) !important;
}

/* 4. CARD BODY & TYPOGRAPHY */
.ev-card-body {
  padding: 16px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  flex-grow: 1 !important;
}

.ev-cat-name {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 0.7rem !important;
  font-weight: 700 !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  color: #c5a059 !important;
  margin-bottom: 6px !important;
}

.ev-prod-title,
.ev-prod-title a {
  font-family: 'Cinzel', Georgia, serif !important;
  font-size: 0.92rem !important;
  font-weight: 700 !important;
  color: #1a1a1a !important;
  text-decoration: none !important;
  line-height: 1.35 !important;
  min-height: 2.5em !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

.ev-prod-title a:hover {
  color: #c5a059 !important;
}

.ev-price-row,
.ev-price-curr {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 1.05rem !important;
  font-weight: 700 !important;
  color: #1a1a1a !important;
  margin: 6px 0 14px 0 !important;
}

.ev-price-old {
  color: #a0a0a0 !important;
  font-size: 0.85rem !important;
  text-decoration: line-through !important;
  margin-left: 6px !important;
}

/* 5. SOLID OBSIDIAN "ADD TO BAG" BUTTON */
.ev-card-actions {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  width: 100% !important;
  margin-top: auto !important;
}

.ev-btn-bag,
a.ev-btn-bag {
  flex-grow: 1 !important;
  height: 40px !important;
  background-color: #1a1a1a !important;
  color: #ffffff !important;
  border-radius: 8px !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 0.8rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.5px !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  border: none !important;
  cursor: pointer !important;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08) !important;
  transition: all 0.25s ease !important;
}

.ev-btn-bag:hover,
a.ev-btn-bag:hover {
  background-color: #c5a059 !important;
  color: #ffffff !important;
}

.ev-btn-quick,
a.ev-btn-quick {
  width: 40px !important;
  height: 40px !important;
  border-radius: 8px !important;
  border: 1px solid #e8e4dc !important;
  background: #ffffff !important;
  color: #555555 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-decoration: none !important;
  font-size: 0.9rem !important;
}

/* 6. MOBILE RESPONSIVENESS (2 COLUMNS) */
@media (max-width: 767px) {
  .ev-shop-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 12px !important;
  }

  .ev-card-body {
    padding: 10px !important;
  }

  .ev-btn-bag,
  a.ev-btn-bag {
    height: 36px !important;
    font-size: 0.72rem !important;
  }

  .ev-btn-quick,
  a.ev-btn-quick {
    width: 36px !important;
    height: 36px !important;
  }
}/* End custom CSS */