/* ===== GLOBAL ===== */
body{
  font-family: Arial;
  margin:0;
  background:#f4f4f4;
}

/* ===== HEADER ===== */
header{
  background:#c00000;
  color:white;
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:10px 20px;
}

.logo{
  display:flex;
  align-items:center;
  gap:10px;
}

.logo img{
  width:40px; /* 🔥 LOGO REDUIT */
}

nav a{
  color:white;
  margin-left:15px;
  text-decoration:none;
  font-weight:bold;
}

/* ===== CONTAINER ===== */
.container{
  width:70%;
  margin:30px auto;
  background:white;
  padding:20px;
  border-radius:10px;
  text-align:center;
}

/* ===== PRODUITS ===== */
.products-list{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
  gap:20px;
  padding:20px;
}

.product{
  background:white;
  padding:10px;
  border-radius:10px;
  cursor:pointer;
  transition:0.3s;
}

.product:hover{
  transform:scale(1.05);
}

.product img{
  width:100%;
  height:120px; /* 🔥 IMAGE REDUITE */
  object-fit:contain;
}

.product small{
  color:red;
}

/* ===== PRODUIT PAGE ===== */
#pimg{
  width:200px;
  height:200px;
  object-fit:contain;
}

/* ===== PANIER ===== */
.cart-item{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:10px;
  border-bottom:1px solid #ddd;
}

.cart-item img{
  width:50px;
  height:50px;
  object-fit:contain;
}

/* ===== BUTTON ===== */
.btn{
  background:#28a745;
  color:white;
  padding:10px 20px;
  border:none;
  border-radius:8px;
  cursor:pointer;
}

/* ===== ROUE ===== */
.wheel{
  width:220px;
  height:220px;
  border-radius:50%;
  margin:20px auto;
  border:6px solid black;
  transition:3s;
  background:conic-gradient(
    #c00000 0deg 60deg,
    #006400 60deg 120deg,
    #c00000 120deg 180deg,
    #006400 180deg 240deg,
    #c00000 240deg 300deg,
    #006400 300deg 360deg
  );
}

.pointer{
  width:0;
  height:0;
  border-left:10px solid transparent;
  border-right:10px solid transparent;
  border-bottom:20px solid black;
  margin:auto;
}

/* ===== ADMIN ===== */
#adminProducts img{
  width:60px;
  height:60px;
  object-fit:contain;
}

/* ===== MESSAGE PROMO ===== */
#welcomeBox{
  background:#fff3cd;
  padding:15px;
  text-align:center;
}

/* 🛒 MINI PANIER FIXE */
.mini-cart{
position:fixed;
right:10px;
top:100px;
width:180px;
background:white;
border:1px solid #ddd;
padding:10px;
font-size:12px;
box-shadow:0 0 10px rgba(0,0,0,0.1);
border-radius:10px;
}

.product-image{

    width:300px;

    max-width:100%;

    border-radius:15px;

    display:block;

    margin:20px auto;

    box-shadow:0 0 15px rgba(0,0,0,0.2);
}

.gift-waiting{

    background:#fff3cd;

    color:#856404;

    padding:15px;

    border-radius:12px;

    margin-bottom:20px;

    font-weight:bold;

    text-align:center;

    border:1px solid #ffeeba;
}