/*
Theme Name: Astra Fast Food Child
Template: astra
Description: Child Theme fuer Fast-Food Restaurant mit Online-Bestellung
Version: 1.0
*/

:root {
  --color-primary: #E63946;   /* Tomatenrot */
  --color-accent: #F4A261;    /* Senfgelb */
  --color-bg: #FFF8F0;        /* Creme */
  --color-text: #2B2118;      /* Dunkelbraun */
  --color-whatsapp: #25D366;  /* WhatsApp Gruen */
}

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

/* Bestell-Button / Warenkorb-Button */
.order-now-btn,
.added_to_cart,
a.button.product_type_simple.add_to_cart_button,
.single_add_to_cart_button {
  background: linear-gradient(135deg, var(--color-primary), var(--color-accent)) !important;
  color: #ffffff !important;
  font-weight: 700;
  font-size: 18px;
  padding: 14px 36px;
  border: none !important;
  border-radius: 50px !important;
  cursor: pointer;
  box-shadow: 0 4px 15px rgba(230, 57, 70, 0.4);
  transition: all 0.3s ease;
  text-transform: uppercase;
  letter-spacing: 1px;
  display: inline-block;
}

.order-now-btn:hover,
a.button.product_type_simple.add_to_cart_button:hover,
.single_add_to_cart_button:hover {
  transform: translateY(-3px) scale(1.03);
  box-shadow: 0 8px 20px rgba(230, 57, 70, 0.5);
  background: linear-gradient(135deg, var(--color-accent), var(--color-primary)) !important;
}

.order-now-btn:active {
  transform: scale(0.97);
}

@keyframes pulse {
  0%, 100% { box-shadow: 0 0 0 0 rgba(230, 57, 70, 0.5); }
  50% { box-shadow: 0 0 0 12px rgba(230, 57, 70, 0); }
}

.order-now-btn.pulse {
  animation: pulse 2s infinite;
}

/* WhatsApp Bestell-Button */
.whatsapp-order-btn {
  background: var(--color-whatsapp) !important;
  color: #ffffff !important;
  font-weight: 700;
  font-size: 18px;
  padding: 14px 36px;
  border: none !important;
  border-radius: 50px !important;
  cursor: pointer;
  display: block;
  text-align: center;
  margin-top: 10px;
  text-decoration: none;
  transition: all 0.3s ease;
}

.whatsapp-order-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 18px rgba(37, 211, 102, 0.4);
}