/* ======================================================
THEMES
Sistema de temas Mercadia
====================================================== */

/* ===== DEFAULT ===== */

body.theme-default{

--primary:#2563eb;
--primary-hover:#1d4ed8;

--bg:#f4f6f9;
--card:#ffffff;

--text:#1f2937;
--muted:#6b7280;
--border:#e5e7eb;

background:var(--bg);
color:var(--text);

}

/* ===== GADGETS / TECH ===== */

body.theme-gadgets{

--primary:#d4af37;
--primary-hover:#b8962e;

--bg:#0f172a;
--card:#111827;

--text:#f1f5f9;
--muted:#9ca3af;
--border:#1f2937;

background:#0f172a;
color:#f1f5f9;

}

body.theme-gadgets .card{
background:#111827;
border:1px solid #1f2937;
}

body.theme-gadgets .product{
border:1px solid #1f2937;
}

body.theme-gadgets .variant-select,
body.theme-gadgets .input{
background:#0f172a;
border:1px solid #1f2937;
color:#f1f5f9;
}

body.theme-gadgets .totals{
background:#111827;
}

/* ===== SPA / BEAUTY ===== */

body.theme-spa{

--primary:#9f7aea;
--primary-hover:#805ad5;

--bg:#f6f0ff;
--card:rgba(255,255,255,0.85);

--text:#2d3748;
--muted:#718096;
--border:#e9d8fd;

background:linear-gradient(180deg,#f6f0ff,#ffffff);
color:#2d3748;

}

body.theme-spa::before{

content:"";
position:fixed;
top:0;
left:0;
width:100%;
height:100%;

background:
radial-gradient(circle at 20% 30%, rgba(159,122,234,0.15), transparent 40%),
radial-gradient(circle at 80% 70%, rgba(159,122,234,0.15), transparent 40%);

pointer-events:none;
z-index:-1;

}

body.theme-spa .card{

background:rgba(255,255,255,0.85);
backdrop-filter:blur(8px);

border:1px solid #ece7ff;

box-shadow:0 20px 40px rgba(159,122,234,0.12);

}

body.theme-spa .product:hover{

border-color:#9f7aea;
background:rgba(159,122,234,0.05);

}

body.theme-spa .btn{

background:linear-gradient(135deg,#9f7aea,#805ad5);
box-shadow:0 10px 25px rgba(159,122,234,0.35);

}

body.theme-spa .btn-mini{

background:rgba(159,122,234,0.15);
border:1px solid rgba(159,122,234,0.25);
color:#805ad5;

}

/* ===== RACING ===== */

body.theme-racing{

--primary:#e10600;
--primary-hover:#b80500;

--bg:#0b0b0b;
--card:#111111;

--text:#f3f4f6;
--muted:#9ca3af;
--border:#1f2937;

background:#0b0b0b;
color:#f3f4f6;

}

body.theme-racing::before{

content:"";
position:fixed;
top:0;
left:0;
width:100%;
height:100%;

background:
linear-gradient(120deg,transparent 40%,rgba(225,6,0,0.07) 50%,transparent 60%);

pointer-events:none;
z-index:-1;

}

body.theme-racing .card{

background:#111111;
border:1px solid #1f2937;

border-radius:16px;

box-shadow:0 15px 40px rgba(0,0,0,.6);

}

body.theme-racing .product{

border:1px solid #1f2937;
border-radius:14px;

transition:.25s;

}

body.theme-racing .product:hover{

border-color:#e10600;
background:rgba(225,6,0,0.05);

transform:translateY(-2px);

}

body.theme-racing .btn{

background:linear-gradient(135deg,#e10600,#b80500);
box-shadow:0 8px 25px rgba(225,6,0,.45);

}

body.theme-racing .btn-mini{

background:rgba(225,6,0,.15);
border:1px solid rgba(225,6,0,.35);
color:#ff3b30;

}

/* ===== DENTAL ===== */

body.theme-dental{

--primary:#0ea5e9;
--primary-hover:#0284c7;

--bg:#f8fafc;
--card:#ffffff;

--text:#0f172a;
--muted:#64748b;
--border:#e2e8f0;

background:#f8fafc;
color:#0f172a;

}

body.theme-dental .card{
box-shadow:0 8px 20px rgba(0,0,0,0.04);
}

/* ===== STREET ===== */

body.theme-street{

--primary:#ef4444;
--primary-hover:#dc2626;

--bg:#111827;
--card:#1f2937;

--text:#f9fafb;
--muted:#9ca3af;
--border:#374151;

background:#111827;
color:#f9fafb;

}

body.theme-street .card{
background:#1f2937;
border:1px solid #374151;
}

/* ===== LUXURY ===== */

body.theme-luxury{

--primary:#d4af37;
--primary-hover:#b8962e;

--bg:#020617;
--card:#0f172a;

--text:#f8fafc;
--muted:#94a3b8;
--border:#1e293b;

background:#020617;
color:#f8fafc;

}

body.theme-luxury .card{
background:#0f172a;
border:1px solid #1e293b;
}

/* ===== HATS ===== */

body.theme-hats{

--primary:#d4af37;
--primary-hover:#c9a227;

--bg:#0f0f0f;
--card:#1a1a1a;

--text:#f5f5f5;
--muted:#b3b3b3;
--border:#2a2a2a;

background:
radial-gradient(circle at 20% 10%, rgba(212,175,55,0.06), transparent 40%),
radial-gradient(circle at 80% 80%, rgba(212,175,55,0.05), transparent 45%),
linear-gradient(180deg,#0f0f0f,#070707);

color:#f5f5f5;

}

body.theme-hats::before{

content:"";
position:fixed;
top:0;
left:0;
width:100%;
height:100%;

background:
radial-gradient(circle at 20% 30%, rgba(212,175,55,0.08), transparent 40%),
radial-gradient(circle at 80% 70%, rgba(212,175,55,0.08), transparent 40%);

pointer-events:none;
z-index:-1;

}

body.theme-hats .card{

background:#1a1a1a;
border:1px solid #2a2a2a;

border-radius:18px;

box-shadow:
0 20px 40px rgba(0,0,0,.6),
0 0 0 1px rgba(212,175,55,.05) inset;

}

body.theme-hats .product{

border:1px solid #2a2a2a;
border-radius:14px;

transition:.25s;

}

body.theme-hats .product:hover{

border-color:#d4af37;

background:
linear-gradient(180deg,#1d1d1d,#161616);

transform:translateY(-2px);

box-shadow:0 10px 25px rgba(212,175,55,.15);

}

body.theme-hats .product-img{
background:#111111;
}

body.theme-hats .btn{

background:linear-gradient(135deg,#d4af37,#b8962e);
color:#000;

box-shadow:0 8px 25px rgba(212,175,55,.35);

}

body.theme-hats .btn-mini{

background:rgba(212,175,55,.12);
border:1px solid rgba(212,175,55,.35);
color:#d4af37;

}

body.theme-hats .totals{

background:#141414;
border:1px solid #2a2a2a;

}

body.theme-hats .total{
color:#d4af37;
font-weight:700;
}