/*
 * Custom CSS (FIXED)
*/

/* ===== GLOBAL (NE TOUCHE PAS AUX ANIMATIONS ORIGINALES) ===== */

a,
button {
  transform-style: preserve-3d;
  will-change: transform;
}

/* hover uniquement (pas de ralentissement global) */
a:hover,
button:hover {
  transform: translateY(-2px);
}

/* ===== REVEAL ===== */

.reveal {
    opacity: 0;
    transform: translateY(50px);
    transition: 0.8s;
}

.reveal.active {
    opacity: 1;
    transform: translateY(0);
}

/* ===== STOCK BADGE ===== */

.stock-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    padding:6px 10px;

    border-radius:12px;

    background:rgba(34,197,94,.15);
    border:1px solid rgba(34,197,94,.4);

    color:#22c55e;

    font-size:12px;
    font-weight:700;

    text-transform:uppercase;
    white-space:nowrap;
}

.stock-red{
    background:rgba(239,68,68,.12);
    border:1px solid rgba(239,68,68,.35);
    color:#ef4444;
}

/* ===== CATEGORY BADGE ===== */

.category-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    padding:6px 10px;

    border-radius:12px;

    background:#1b1b1b;
    border:1px solid rgba(255,255,255,.10);

    color:#d1d5db;

    font-size:12px;
    font-weight:700;

    text-transform:uppercase;
    white-space:nowrap;
}

/* ===== FORCE BUTTONS (VRAI FIX) ===== */

button,
.btn,
a[class*="btn"],
a,
input[type="submit"],
input[type="button"]{
    border-radius:12px !important;
}

/* hover propre SANS casser animation originale */
button:hover,
.btn:hover,
a[class*="btn"]:hover{
    transform: translateY(-2px);
}
/* ===== ARRONDI SAFE UNIQUEMENT SUR ELEMENTS UI ===== */

button,
.btn,
a[class*="btn"],
.card,
.product-card,
[class*="card"]{
    border-radius: 14px !important;
}

/* images propres sans casser layout */
img{
    border-radius: 14px;
    object-fit: cover;
}

/* inputs / search FIX IMPORTANT */
input,
textarea,
select{
    border-radius: 12px !important;
    outline: none !important;
}

/* curseur visible (fix bug search) */
input:focus{
    caret-color: white;
}

/* évite overlay noir bloquant animations */
.component,
section{
    overflow: visible !important;
}
/* Supprime tous les contours de la navbar */
nav .border,
nav [class*="border-"] {
    border: none !important;
}

/* Supprime les lignes du bloc stats */
.component hr {
    display: none !important;
}

.border-b-2,
.border-b,
.border-t,
.border-y {
    border: none !important;
}
footer,
footer * {
    border: none !important;
    border-top: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
}

footer::before,
footer::after {
    display: none !important;
}

footer {
    background-image: none !important;
}
/* animation de base */
.component .text-center.bg-card\/75 {
    transition: all 0.25s ease-in-out;
    transform: scale(1);
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 12px;
}

/* hover effet bleu + zoom */
.component .text-center.bg-card\/75:hover {
    border: 1px solid #031cff33 !important;
    box-shadow: 0 0 18px rgba(31, 17, 231, 0.45);
    transform: scale(1.05);
}