/*
Theme Name: Stylso Elite
Template: astra
Version: 1.0
*/

/* ===== GLOBAL ===== */
body {
    background-color: #0b0b0b;
    color: #0a0a0a;
    font-family: 'Poppins', sans-serif;
}

a {
    color: #f5b800;
}

a:hover {
    color: #eda60c;
}

/* ===== HEADER BUTTON ===== */
.wholesale-btn a {
    background: #f5b800 !important;
    color: #000 !important;
    padding: 8px 18px !important;
    border-radius: 4px;
    font-weight: 600;
}

/* ===== HERO ===== */
.elite-hero {
    background: linear-gradient(135deg,#000,#1a1a1a);
    padding: 120px 20px;
    text-align: center;
}

.elite-hero h1 {
    color: #f5b800;
    font-size: 48px;
    font-weight: 800;
}

/* ===== PRODUCT ===== */
.woocommerce div.product {
    background: #111;
    padding: 40px;
    border: 1px solid #222;
}

.woocommerce div.product .price {
    color: #f5b800;
    font-size: 22px;
    font-weight: 700;
}

.button {
    background: #f5b800 !important;
    color: #000 !important;
    font-weight: 600;
}

.button:hover {
    background: #eda60c !important;
    color: #000 !important;
}

/* ===== FOOTER ===== */
.site-footer {
    background: #000;
    color: #999;
    padding: 60px 20px;
}
.elite-hero {
  height: 90vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #0a0a0a;
  text-align: center;
}

.fade-in {
  opacity: 0;
  animation: fadeUp 1s ease forwards;
}

.fade-in-delay {
  opacity: 0;
  animation: fadeUp 1s ease 0.5s forwards;
}

@keyframes fadeUp {
  from { opacity:0; transform: translateY(20px);}
  to { opacity:1; transform: translateY(0);}
}

.btn-primary {
  background: #f5b800;
  color: #000;
  padding: 14px 28px;
  border-radius: 3px;
  font-weight: 600;
}