@import url("https://fonts.googleapis.com/css2?family=Kaushan+Script&display=swap");

:root{
  --primary-color: #8B572A;
  --body-color: #F5DEB3 ;
  --secondary-color: #FF5733 ;
}

header{
  background: var(--primary-color);
}

body{
  background: var(--body-color);
}

footer{
  background: var(--primary-color);
}

#iits-cart {
  padding: 0 2px 0 10px;
  border-radius: 20px;
  font-size: 20px;
}

#cart_dec {
  color: white;
  background: var(--secondary-color);
  border-radius: 50%;
  cursor: pointer;
}
#cart_dec:hover {
  scale: 0.9;
}


#searchForm{
  max-width: 500px;
  width: 100%;
}

.brand-f {
  font-family: "Kaushan Script", cursive;
}

.rounded-lg {
  border-radius: 10px;
}

.img-container {
  position: relative;
  max-width: 500px;
  height: 300px;
  width: 100%;
}

.img-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 5px 5px 0 0;
}

label{
  cursor: pointer;
}

.category-pill{
  position: absolute;
  top: 10px;
  left: 10px;
  background: var(--primary-color);
  color: white;
  padding: 2px 10px;
  border-radius: 20px;
}

.cart-panel-hidden{
  display: none;
}

.cart-item img{
  width: 60px;
  height: 60px;
  object-fit: cover;
  border-radius: 8px;
}

/* Bootstrap classes */
.btn{
  background: var(--secondary-color);
  color: white;
  font-weight: bold;
}
.btn:hover{
  background: var(--secondary-color);
  scale: 0.9;
  color: white;
}
.form-check-input:checked {
  background-color: var(--secondary-color);
  border-color: var(--secondary-color);
}

#iits-cancelBtn , #iits-adminBtn{
  cursor: pointer;
}