/*
 * Enter any custom CSS here.
 * This file will not be overwritten by theme updates.
*/
/* === GLOBAL BACKGROUND === */
body {
    background: radial-gradient(circle at top, #140707 0%, #050202 100%) !important;
    color: #f5eaea;
    font-family: 'Inter', sans-serif;
}

/* === TEXT === */
h1, h2, h3, h4 {
    color: #fff5f5 !important;
}

p, span, .text-muted {
    color: #c9b3b3 !important;
}

/* === NAVBAR === */
.navbar {
    background: rgba(25, 8, 8, 0.75) !important;
    backdrop-filter: blur(12px);
    border-bottom: 1px solid rgba(255, 60, 60, 0.12);
}

/* === CARDS / CONTAINERS === */
.card,
.product-card,
.panel,
div[class*="card"] {
    background: rgba(20, 8, 8, 0.55) !important;
    backdrop-filter: blur(10px);
    border-radius: 18px !important;
    border: 1px solid rgba(255, 60, 60, 0.12) !important;
    transition: border 0.2s ease, box-shadow 0.2s ease;
}

/* === CARD HOVER === */
.card:hover,
.product-card:hover,
div[class*="card"]:hover {
    transform: none !important;
    border: 1px solid rgba(255, 60, 60, 0.4) !important;
    box-shadow: 0 0 8px rgba(255, 60, 60, 0.2) !important;
}

/* === IMAGES === */
.card img,
.product-card img {
    border-radius: 14px !important;
}

/* === PRODUCT GROUPS === */
a[href*="/category"],
.category-card {
    background: rgba(20, 8, 8, 0.55) !important;
    border-radius: 20px !important;
    border: 1px solid rgba(255, 60, 60, 0.12) !important;
}

/* === GROUP HOVER === */
a[href*="/category"]:hover,
.category-card:hover {
    border: 1px solid rgba(255, 60, 60, 0.4) !important;
    box-shadow: 0 0 10px rgba(255, 60, 60, 0.2) !important;
}

/* === VARIANTS (CLEAN) === */
.pricing-option,
.option {
    background: rgba(20, 8, 8, 0.55) !important;
    border: 1px solid rgba(255, 60, 60, 0.15) !important;
    border-radius: 999px !important;
    box-shadow: none !important;
    animation: none !important;
    transform: none !important;
    transition: border 0.2s ease, box-shadow 0.2s ease;
}

/* === VARIANT HOVER === */
.pricing-option:hover,
.option:hover {
    border: 1px solid rgba(255, 60, 60, 0.45) !important;
    box-shadow: 0 0 6px rgba(255, 60, 60, 0.2) !important;
}

/* === VARIANT SELECTED === */
.pricing-option.active,
.option.active,
[aria-pressed="true"] {
    background: rgba(35, 12, 12, 0.7) !important;
    border: 1px solid rgba(255, 60, 60, 0.6) !important;
    box-shadow: 0 0 8px rgba(255, 60, 60, 0.25) !important;
}

/* === INPUTS / QUANTITY === */
input,
.quantity-selector {
    background: rgba(15, 5, 5, 0.6) !important;
    border: 1px solid rgba(255, 60, 60, 0.18) !important;
    border-radius: 12px !important;
    color: #fff0f0 !important;
}

/* === INPUT FOCUS === */
input:focus {
    border: 1px solid rgba(255, 60, 60, 0.5) !important;
    box-shadow: 0 0 6px rgba(255, 60, 60, 0.2) !important;
}

/* === BUTTON BASE === */
button,
.btn {
    background: rgba(255, 60, 60, 0.1) !important;
    border: 1px solid rgba(255, 60, 60, 0.25) !important;
    color: #f5dede !important;
    border-radius: 999px !important;
    padding: 10px 18px;
    font-weight: 500;
    transition: all 0.2s ease;
}

/* === BUTTON HOVER === */
button:hover,
.btn:hover {
    background: rgba(255, 60, 60, 0.18) !important;
    border: 1px solid rgba(255, 60, 60, 0.4) !important;
    box-shadow: 0 0 6px rgba(255, 60, 60, 0.2) !important;
}

/* === ADD TO CART (SUBTLE) === */
.btn-primary {
    background: rgba(255, 60, 60, 0.18) !important;
    border: 1px solid rgba(255, 60, 60, 0.35) !important;
    color: #ffffff !important;
}

/* === BUY NOW (MAIN CTA) === */
form button[type="submit"]:last-child {
    background: linear-gradient(90deg, #7a0f0f, #ff3c3c) !important;
    border: none !important;
    color: #ffffff !important;
    border-radius: 999px !important;
    box-shadow: 0 0 12px rgba(255, 60, 60, 0.5) !important;
}

/* === BUY NOW HOVER === */
form button[type="submit"]:last-child:hover {
    box-shadow: 0 0 18px rgba(255, 60, 60, 0.7) !important;
}

/* === LINKS === */
a {
    color: #ff6b6b !important;
}

a:hover {
    text-shadow: 0 0 6px rgba(255, 80, 80, 0.4);
}