/*
Theme Name: Sabroso Arte
Theme URI: https://example.com/sabroso-arte
Author: OpenAI
Description: Tema de bloques Full Site Editing para Sabroso Arte, hamburguesería gourmet. Incluye patrones editables, estilos globales y espacio para el shortcode de Pedidos Directos.
Version: 1.0.0
Requires at least: 6.6
Tested up to: 6.9
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: sabroso-arte
Tags: full-site-editing, block-patterns, food-and-drink, restaurant, custom-colors, custom-logo, wide-blocks
*/

/* Estilos estructurales: los colores y tipografías proceden de theme.json. */
html { scroll-behavior: smooth; }
body { overflow-x: hidden; }
.sa-site-header { position: relative; z-index: 20; }
.sa-brand { letter-spacing: -0.06em; }
.sa-hero { min-height: 590px; }
.sa-hero-media { min-height: 460px; }
.sa-hero-media img { width: 100%; height: 100%; min-height: 460px; object-fit: cover; }
.sa-eyebrow { letter-spacing: .22em; text-transform: uppercase; font-size: .72rem; font-weight: 700; }
.sa-display { letter-spacing: -.055em; line-height: .98; }
.sa-image-frame img { width: 100%; height: 100%; object-fit: cover; }
.sa-product-card { height: 100%; overflow: hidden; }
.sa-product-card img { width: 100%; aspect-ratio: 1.55 / 1; object-fit: cover; transition: transform .45s ease; }
.sa-product-card:hover img { transform: scale(1.045); }
.sa-menu-shell { padding: clamp(2rem, 5vw, 4rem); }
.sa-contact-panel { background: var(--wp--preset--color--charcoal); color: var(--wp--preset--color--cream); }
.sa-contact-panel a { color: var(--wp--preset--color--red-light); }
.sa-button-red .wp-block-button__link { transition: transform .2s ease, background-color .2s ease; }
.sa-button-red .wp-block-button__link:hover { transform: translateY(-2px); background-color: var(--wp--preset--color--red-dark) !important; }
.sa-outline-button .wp-block-button__link { border: 1px solid currentColor; background: transparent; }
.sa-menu-shortcode { min-height: 100px; }
.sa-menu-shortcode:empty { min-height: 100px; }
.sa-menu-shortcode .wp-block-shortcode { width: 100%; }
.sa-section { padding-top: clamp(3rem, 7vw, 5.5rem); padding-bottom: clamp(3rem, 7vw, 5.5rem); }
.sa-nav .wp-block-navigation-item__content { text-decoration: none; }
.sa-nav .wp-block-navigation-item__content:hover { color: var(--wp--preset--color--red); }
.sa-site-footer { font-size: .85rem; }
.sa-reveal { opacity: 1; transform: none; }
.sa-js-motion .sa-reveal { opacity: 0; transform: translateY(22px); transition: opacity .7s ease, transform .7s ease; }
.sa-js-motion .sa-reveal.is-visible { opacity: 1; transform: translateY(0); }
@media (max-width: 781px) {
  .sa-hero { min-height: 0; }
  .sa-hero-media, .sa-hero-media img { min-height: 260px; }
  .sa-hero-copy { padding-top: 3rem !important; padding-bottom: 3rem !important; }
  .sa-mobile-center { text-align: center; }
  .sa-site-header .wp-block-group { flex-wrap: wrap; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
  .sa-js-motion .sa-reveal { opacity: 1; transform: none; }
}