/* =======================================================
   Fooda Front Custom UI
   ======================================================= */

.fooda-btn.restora-add {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
 
}



.fooda-btn.restora-add {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  padding-bottom: 15px;
}

/* Pada mobile (max-width 768px) ubah padding-bottom */
@media screen and (max-width: 768px) {
  .fooda-btn.restora-add {
    padding-bottom: 10px;
  }
}


.fooda-grid {
  display: grid;
  width: 100%;
  gap: 20px;
  box-sizing: border-box;
  padding: 0px 22px 0px 22px;
}

@media (max-width: 600px)  {
	.fooda-grid {
  display: grid;
  width: 100%;
  gap: 10px;
  box-sizing: border-box;
  padding: 0px 11px 0px 11px;
}
}
.fooda-section-title {
  font-size: 1.5em;
  margin-bottom: 0px;
  border-bottom: 0px solid #ddd;
  padding-bottom: 0px;
  text-align: center;
}

@media screen and (min-width: 1025px) {
  #main-header {
    display: none;
  }
}


.wrap {
  margin: 0px 0px 0px 0px !important;
}

.fooda-header, .fooda-footer {
  text-align: center;
  margin: 0px 0;
}
















.fooda-btn.restora-add {
  font-size: 32px;   /* atur besar + */
  font-weight: bold; /* biar lebih tebal */
 
}


/* FORCE override untuk mobile */
@media (max-width: 600px) {
  body .fooda-grid,
  body .fooda-grid.cols-2,
  body .fooda-grid.cols-3,
  body .fooda-grid.cols-4 {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

/* HP super kecil tetap 1 kolom */
@media (max-width: 300px) {
  body .fooda-grid,
  body .fooda-grid.cols-2,
  body .fooda-grid.cols-3,
  body .fooda-grid.cols-4 {
    grid-template-columns: 1fr !important;
  }
}


.restora-cart-header .restora-remove {
  background: #f00;
 
}

h2 {
  font-weight: 700;
  line-height: 1.5;
  color: #fc0;
}

h3 {
  font-weight: 700;
  line-height: 0;
  color: var(--global-palette3);
}


#masthead {
  position: relative;
  z-index: 11;
  display: none;
}


.fooda-item p {
  font-size: 0.95em;
  color: #555;
  margin: 0px;
}