/*
Theme Name: Bricks Child
Theme URI: https://makisusushipetrer.es
Description: Tema hijo de Bricks Builder para Makisu Sushi Petrer
Author: David Huang Xie
Author URI: https://linkedin.com/in/dhuangxie
Template: bricks
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bricks-child
*/
/* === Makisu Carta === */
.makisu-menu-nav { position: sticky; top: 72px; z-index: 50; background: rgba(10,10,10,.97); backdrop-filter: blur(8px); border-bottom: 1px solid rgba(255,255,255,.06); padding: 0 48px; }
.makisu-menu-nav-inner { max-width: 1200px; margin: 0 auto; display: flex; gap: 4px; overflow-x: auto; scrollbar-width: none; padding: 12px 0; }
.makisu-menu-nav-inner::-webkit-scrollbar { display: none; }
.makisu-nav-btn { background: none; border: 1px solid transparent; color: #777; font-family: inherit; font-size: 12px; font-weight: 600; padding: 7px 14px; border-radius: 20px; cursor: pointer; white-space: nowrap; transition: all .2s; }
.makisu-nav-btn:hover, .makisu-nav-btn.active { background: rgba(232,184,109,.1); color: #E8B86D; border-color: rgba(232,184,109,.3); }
.makisu-menu-content { padding: 48px; max-width: 1200px; margin: 0 auto; }
.makisu-section { margin-bottom: 56px; scroll-margin-top: 130px; }
.makisu-section-header { display: flex; align-items: baseline; gap: 12px; margin-bottom: 20px; padding-bottom: 12px; border-bottom: 1px solid rgba(255,255,255,.06); }
.makisu-section-header h2 { font-size: 20px; font-weight: 700; color: #fff; }
.makisu-count { font-size: 12px; color: #555; }
.makisu-dish-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; }
.makisu-dish-card { background: #111; border-radius: 8px; padding: 12px 14px; border: 1px solid rgba(255,255,255,.05); display: flex; align-items: flex-start; gap: 10px; transition: border-color .2s; }
.makisu-dish-card:hover { border-color: rgba(232,184,109,.15); }
.makisu-dish-featured { border-color: rgba(232,184,109,.3) !important; background: linear-gradient(160deg,#151206,#111); }
.makisu-dish-img { width: 48px; height: 48px; border-radius: 6px; overflow: hidden; flex-shrink: 0; background: #1a1a1a; display: flex; align-items: center; justify-content: center; }
.makisu-dish-img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.makisu-dish-char { font-size: 24px; line-height: 1; color: rgba(232,184,109,.25); }
.makisu-dish-info { flex: 1; min-width: 0; }
.makisu-dish-top { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; margin-bottom: 4px; }
.makisu-dish-name { font-size: 13px; font-weight: 600; color: #e8e4dc; line-height: 1.4; flex: 1; }
.makisu-dish-price { font-size: 13px; font-weight: 700; color: #E8B86D; white-space: nowrap; }
.makisu-dish-desc { font-size: 12px; color: #666; line-height: 1.5; margin-bottom: 6px; }
.makisu-alergenos { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 4px; }
.makisu-al { font-size: 10px; color: #555; background: rgba(255,255,255,.04); padding: 2px 6px; border-radius: 10px; border: 1px solid rgba(255,255,255,.06); }
@media(max-width:768px) { .makisu-dish-grid { grid-template-columns: 1fr 1fr; } .makisu-menu-content { padding: 24px; } .makisu-menu-nav { padding: 0 16px; } }
@media(max-width:480px) { .makisu-dish-grid { grid-template-columns: 1fr; } }
/* Makisu: Alérgenos badges */
.makisu-al-wrap { display:flex; flex-wrap:wrap; gap:4px; margin-top:6px; }
.makisu-al-badge { display:inline-block; font-size:10px; color:#888; background:rgba(255,255,255,0.04); border:1px solid rgba(255,255,255,0.08); padding:2px 7px; border-radius:20px; line-height:1.5; white-space:nowrap; }