/* Buttons grid */
.dtb-buttons-wrap {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  margin-bottom: 120px;
}

/* Button base */
.dtb-btn {
  background: #FFF7F5;
  border: 3px solid #FF4615;
  border-radius: 40px;
  padding: 12px 0;
  font-family: 'Raleway', sans-serif !important;
  color: #FF4615;
  text-align: center;
  cursor: pointer;
  transition: background .3s, color .3s, border-color .3s;
}

/* hover és kiválasztott állapotban is piros keret */
.dtb-btn:hover,
.dtb-btn.dtb-selected {
  border-color: #FF4615 !important;
}

/* Name & Price */
.dtb-name {
  display: block;
  font-size: 20px;
  font-weight: bold;
}
.dtb-price {
  display: none;
  font-size: 18px;
  margin-top: 6px;
  color: #fff;
}

/* Hover */
.dtb-btn.dtb-in-stock:hover {
  background: #FF4615;
  color: #fff;
}
.dtb-btn.dtb-in-stock:hover .dtb-price {
  display: block;
}

/* Out of stock */
.dtb-out-of-stock {
  background: #ccc !important;
  border-color: #aaa !important;
  color: #888 !important;
  pointer-events: none;
}

/* Mini-cart – 2 oszlopos, 70% / 30% */
#dtb-cart-bar {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: #FF4615;
  color: #fff;
  padding: 16px 24px;

  display: grid !important;
  grid-template-columns: 70% 30% !important;
  align-items: center;
  gap: 20px;

  font-family: 'Raleway', sans-serif !important;
  box-shadow: 0 -2px 6px rgba(0,0,0,0.2);
  border-radius: 12px 12px 0 0;
  z-index: 9999;
}

.dtb-cart-info {
  display: flex;
  flex-direction: column;
}
.dtb-cart-count {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 8px;
}
.dtb-cart-items {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 8px;
}
.dtb-cart-items .dtb-item {
  background: rgba(255,255,255,0.2);
  padding: 4px 8px;
  border-radius: 20px;
  font-size: 16px;
  display: inline-flex;
  align-items: center;
}
.dtb-item-remove {
  background: #fff;
  color: #FF4615;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  line-height: 18px;
  text-align: center;
  font-weight: bold;
  margin-left: 6px;
  cursor: pointer;
}
.dtb-cart-total {
  font-size: 18px;
  margin-bottom: 0;
}

/* Checkout gomb a második oszlopban, jobbra igazítva */
.dtb-checkout-btn {
  background: #FFF7F5;
  color: #FF4615;
  padding: 10px 20px;
  border-radius: 40px;
  margin-right: 20px !important;
  text-decoration: none;
  font-weight: bold;
  grid-column: 2 !important;
  justify-self: end !important;
}

/* ===== Mobilos finomítások ===== */
@media (max-width: 600px) {
  /* shortcode gombok közti távolság csökkentése */
  .dtb-buttons-wrap {
    gap: 10px !important;
  }

  /* asztal neve 16px */
  .dtb-name {
    font-size: 12px !important;
  }

  /* egyéb szövegek 13px */
  .dtb-price,
  .dtb-cart-count,
  .dtb-cart-total,
  .dtb-item {
    font-size: 10px !important;
  }

  /* Vásárlás gomb jobb oldali margója */
  .dtb-checkout-btn {
    margin-right: 20px !important;
  }
}