/*
Theme Name: WPWC Restaurant
Theme URI: https://wpwc.ru/templates/restaurant/
Author: WPWC / ООО «НА ЮГА»
Author URI: https://wpwc.ru/
Description: Restaurant, delivery, bar and room-service storefront for WooCommerce on WPWC Atelier.
Template: wpwc-atelier
Version: 1.0.0
Requires at least: 6.6
Requires PHP: 8.1
Text Domain: wpwc-atelier-restaurant
WPWC Modules: supported
WPWC Preset: restaurant
*/

@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@500;600;700;800&family=Playfair+Display:wght@600;700&display=swap');

:root {
  --wpwc-accent: #C54B2C;
  --wpwc-ink: #241A15;
  --wpwc-muted: #705E54;
  --wpwc-bg: #F6F0E7;
  --wpwc-card: #FFFDF9;
  --wpwc-line: rgba(36, 26, 21, .12);
  --wpwc-radius: 18px;
  --wpwc-radius-sm: 12px;
  --wpwc-font: "Manrope", "Segoe UI", sans-serif;
  --wpwc-display: "Playfair Display", Georgia, serif;
}

body {
  background: radial-gradient(900px 420px at 88% -10%, rgba(197,75,44,.16), transparent 58%), var(--wpwc-bg);
  color: var(--wpwc-ink);
  font-family: var(--wpwc-font);
}
.site-promo { background: #241A15; color: #F8DEC8; }
.site-header { background: color-mix(in srgb, #F6F0E7 90%, white); }
.site-brand, .hero--ota h1, .section-head h2, ul.products li.product .woocommerce-loop-product__title {
  font-family: var(--wpwc-display);
}
.site-brand span, .price { color: var(--wpwc-accent) !important; }
.hero--ota.hero--visual { min-height: min(76vh, 700px); }
.hero--ota.hero--visual::after {
  background: linear-gradient(95deg, rgba(24,13,9,.94), rgba(24,13,9,.62) 48%, rgba(24,13,9,.26)), linear-gradient(180deg, transparent, rgba(24,13,9,.72));
}
.hero--ota h1 { font-size: clamp(42px, 7vw, 72px); max-width: 11ch; }
.hero--ota .hero-kicker { color: #F2B494; letter-spacing: .18em; }
.btn-primary, ul.products li.product .button, .single_add_to_cart_button {
  background: var(--wpwc-accent) !important; color: white !important; border-color: transparent !important;
}
ul.products li.product {
  border: 0; overflow: hidden; padding-bottom: 18px; background: var(--wpwc-card);
  box-shadow: 0 14px 36px rgba(55,34,22,.08); transition: transform .2s ease, box-shadow .2s ease;
}
ul.products li.product:hover { transform: translateY(-4px); box-shadow: 0 22px 52px rgba(55,34,22,.14); }
ul.products li.product img { aspect-ratio: 4/3; object-fit: cover; border-radius: 0; }
ul.products li.product .price::after { content: " · доставка / самовывоз"; font: 600 11px var(--wpwc-font); color: var(--wpwc-muted); }
.wpwc-restaurant-paths {
  margin: 34px 0; padding: 24px; border-radius: var(--wpwc-radius);
  background: linear-gradient(135deg, #2A1A13, #513124); color: #FFF8F0;
}
.wpwc-restaurant-paths h2 { margin-top: 0; font-family: var(--wpwc-display); }
.wpwc-restaurant-paths ul { display: grid; gap: 10px; grid-template-columns: repeat(auto-fit,minmax(190px,1fr)); padding: 0; list-style: none; }
.wpwc-restaurant-paths li { padding: 12px 14px; background: rgba(255,255,255,.08); border-radius: 10px; }
@media (prefers-reduced-motion: reduce) { ul.products li.product { transition: none; } }