/* Estilos trasladados desde el HTML (parte no dependiente de @apply) */
.aggressive-border { border-left: 4px solid #F00; }
.btn-skew { transform: skew(-10deg); }
.btn-skew > span { transform: skew(10deg); display: inline-block; }
.dark .card-hover:hover { box-shadow: 0 0 20px rgba(255, 0, 0, 0.2); border-color: #F00; }
.custom-select {
  appearance: none;
  background-image: url(https://lh3.googleusercontent.com/aida-public/AB6AXuAoNSC7pmr47N9dYKOhGW73lDgqjaLiyCedqjQkQ2wy2IWyYT5_ietyCgCsZ_smHOKJEjIHmSMcG24nQVbo6yVghGF_m8WNyqiDMNA8V_O3ghZShi-KlBEVTv0tyJeOKWGZtfumA92EUz093l2gXNjzRPz88I960Y79R20_H3c-S4llc9olu-Dxp386P1zBVOqo6YkTLxDvLd48hzufSoE0JS3V5IbB5HYhkBIK7nNKl0MCJtL7JYOQESqx1pUnveHBqLWM4AknAzBh);
  background-repeat: no-repeat;
  background-position: right 0.5rem center;
  background-size: 1.5em 1.5em;
}
#hours-modal { display: none; }
#hours-modal:target { display: flex; }
.modal-active #hours-modal { display: flex; }
.language-selector-wrapper { position: relative; }
#languageBtn { transition: all 0.3s ease; }
#languageBtn:hover { box-shadow: 0 0 15px rgba(255, 0, 0, 0.3); }
#languageDropdown { box-shadow: 0 10px 30px rgba(0, 0, 0, 0.8); }
.language-option:hover { transform: translateX(4px); }
/* ===== ESTILOS DEL MENÚ HAMBURGUESA ===== */
.mobile-menu {
  position: fixed;
  top: 0;
  right: -100%;
  width: 100%;
  max-width: 400px;
  height: 100vh;
  background: #000000;
  z-index: 9999;
  transition: right 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  overflow-y: auto;
  border-left: 4px solid #FF0000;
  box-shadow: -10px 0 40px rgba(255, 0, 0, 0.3);
}
.mobile-menu.active { right: 0; }
.mobile-menu-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.9);
  backdrop-filter: blur(8px);
  z-index: 9998;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
}
.mobile-menu-overlay.active { opacity: 1; visibility: visible; }
.hamburger-line { display: block; width: 28px; height: 3px; background: currentColor; transition: all 0.3s ease; transform-origin: center; }
.hamburger-line:not(:last-child) { margin-bottom: 6px; }
.mobile-menu-button.active .hamburger-line:nth-child(1) { transform: translateY(9px) rotate(45deg); }
.mobile-menu-button.active .hamburger-line:nth-child(2) { opacity: 0; transform: translateX(-20px); }
.mobile-menu-button.active .hamburger-line:nth-child(3) { transform: translateY(-9px) rotate(-45deg); }
/* Light-mode adjustments for the mobile menu (keep the button as before) */
html:not(.dark) .mobile-menu {
  background: #FFFFFF;
  color: #000000;
  box-shadow: -6px 0 30px rgba(0, 0, 0, 0.08);
  border-left-color: #FF0000; /* preserve accent */
}

html:not(.dark) .mobile-menu-overlay {
  background: rgba(0, 0, 0, 0.35);
  backdrop-filter: blur(6px);
}

/* Ensure menu items and buttons inside the mobile menu are readable in light mode */
html:not(.dark) .mobile-menu a,
html:not(.dark) .mobile-menu .mobile-menu-item,
html:not(.dark) .mobile-menu button {
  color: #000000 !important;
}

/* Close button inside menu */
html:not(.dark) #closeMobileMenu,
html:not(.dark) .mobile-menu .material-symbols-outlined {
  color: #000000 !important;
}
.mobile-menu-item { border-left: 4px solid transparent; transition: all 0.3s ease; }
.mobile-menu-item:hover { border-left-color: #FF0000; background: rgba(255, 0, 0, 0.1); padding-left: 2rem; }
@media (min-width: 1024px) { .mobile-menu, .mobile-menu-overlay, .mobile-menu-button { display: none !important; } }
/* ===== ESTILOS DEL MODAL DE EMERGENCIA ===== */
.flat-tire-bg { background: linear-gradient(to bottom, rgba(10, 10, 10, 0.2), rgba(10, 10, 10, 0.8)), url('https://images.unsplash.com/photo-1578844251758-2f71da64c96f?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80'); background-size: cover; background-position: center; }