/* Tokens de tema e-Carta.
   Valores por defecto alineados con config/carta_theme.php */
:root {
  --ecarta-font-nav: "Arial Narrow", "Segoe UI", Arial, sans-serif;
  --ecarta-font-header-title: Georgia, "Times New Roman", serif;
  --ecarta-font-header-action: "Segoe UI", Arial, sans-serif;
  --ecarta-font-title: Georgia, "Times New Roman", serif;
  --ecarta-font-body: "Arial Narrow", "Segoe UI", Arial, sans-serif;
  --ecarta-font-price: "Arial Narrow", "Segoe UI", Arial, sans-serif;
  --ecarta-font-ui-label: "Segoe UI", Arial, sans-serif;
  --ecarta-font-ui-button: "Segoe UI", Arial, sans-serif;
  --ecarta-font-ui-message: "Segoe UI", Arial, sans-serif;
  --ecarta-font-placeholder: "Segoe UI", Arial, sans-serif;
  --ecarta-font-footer: "Segoe UI", Arial, sans-serif;
  --ecarta-font-cart-total: "Segoe UI", Arial, sans-serif;
  --ecarta-font-modal-title: "Segoe UI", Arial, sans-serif;

  --ecarta-size-nav: 0.95rem;
  --ecarta-size-header-title: 1.25rem;
  --ecarta-size-header-action: 0.95rem;
  --ecarta-size-title: 1.35rem;
  --ecarta-size-body: 1rem;
  --ecarta-size-price: 1.1rem;
  --ecarta-size-ui-label: 0.95rem;
  --ecarta-size-ui-button: 0.95rem;
  --ecarta-size-ui-message: 0.95rem;
  --ecarta-size-placeholder: 0.9rem;
  --ecarta-size-footer: 0.9rem;
  --ecarta-size-cart-total: 1.1rem;
  --ecarta-size-modal-title: 1.15rem;

  --ecarta-color-accent: #0f766e;
  --ecarta-color-text: #12221f;
  --ecarta-color-surface: #ffffff;
  --ecarta-color-menu: #0f766e;

  --ecarta-el-logo-size: 72px;
  --ecarta-el-icon-size: 50px;
  --ecarta-el-flag-size: 24px;
  --ecarta-el-allergen_image-size: 25px;
}

/* Scroll-to-top: botón circular (sin Font Awesome) */
.scroll-to-top {
  display: none;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  padding: 0;
  border-radius: 50%;
  background: rgba(18, 34, 31, 0.78);
  color: #fff;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.22);
  cursor: pointer;
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 10050;
  text-align: center;
  transition: background 0.15s ease, opacity 0.15s ease, transform 0.15s ease;
}
.scroll-to-top:hover {
  background: rgba(18, 34, 31, 0.92);
  transform: translateY(-1px);
}
.scroll-to-top .ecarta-scroll-up {
  display: block;
  width: 10px;
  height: 10px;
  margin: 4px auto 0;
  border-left: 2px solid currentColor;
  border-top: 2px solid currentColor;
  transform: rotate(45deg);
}
@media (max-width: 991px) {
  .scroll-to-top {
    right: 12px;
    bottom: 14px;
    width: 40px;
    height: 40px;
  }
}