/*
 * theme.css — default (Cafeterías Café)
 * Todos los estilos visuales de temporada: colores, gradientes, emoji
 */

/* Body */
body {
  background: #fefcf9;
  color: #2c1810;
}
body::before {
  background-image:
    radial-gradient(circle at 20% 50%, rgba(255,183,77,0.05) 0%, transparent 50%),
    radial-gradient(circle at 80% 80%, rgba(255,138,101,0.04) 0%, transparent 50%),
    radial-gradient(circle at 40% 20%, rgba(255,204,128,0.04) 0%, transparent 50%);
}

/* Links */
a { color: #e85d26; }
a:hover { color: #ff7a45; }

/* Header */
.topbar {
  background: linear-gradient(135deg, rgba(255,183,77,0.92) 0%, rgba(255,138,101,0.88) 100%);
  color: #fff;
  box-shadow: 0 2px 16px rgba(255,111,60,0.12);
}
.logo {
  color: #fff;
  text-shadow: 0 1px 3px rgba(0,0,0,0.1);
}
.logo::before { content: "\2615"; font-size: 28px; }

/* Nav search */
.nav-search-icon svg { stroke: #8d6e63; }
.nav-search-input {
  border: 2px solid rgba(255,255,255,0.4);
  background: rgba(255,255,255,0.85);
  color: #2c1810;
}
.nav-search-input::placeholder { color: #a08070; }
.nav-search-input:focus { border-color: #fff; }

/* Nav links */
.nav-link {
  color: #fff;
  background: rgba(255,255,255,0.12);
  border: 1px solid rgba(255,255,255,0.15);
}
.nav-link svg { stroke: #fff; flex-shrink: 0; }
.nav-link:hover {
  background: rgba(255,255,255,0.22);
  color: #fff;
}

/* Mobile tab bar */
.mobile-tab-bar {
  border-top: 1px solid #f0e6d8;
  box-shadow: 0 -2px 12px rgba(0,0,0,0.06);
}
.tab-item { color: #8d6e63; }
.tab-item:hover, .tab-item:active { color: #e85d26; }

/* Card */
.card {
  border: 1px solid #f0e6d8;
  box-shadow: 0 4px 24px rgba(139,90,43,0.05);
}

/* Footer */
footer {
  background: #faf6f1;
  color: #6d4c41;
  border-top: 2px solid #f0e6d8;
}
footer a { color: #e85d26; }
footer a:hover { background: rgba(232,93,38,0.08); }
.footer-links { border-bottom: 1px dashed #e0d5c8; }
.footer-copy { color: #a08070; }

/* Decorative circles */
.circle-1 { background: radial-gradient(circle, rgba(255,183,77,0.06), transparent); }
.circle-2 { background: radial-gradient(circle, rgba(255,138,101,0.06), transparent); }

/* Autocomplete dropdown */
.nav-search-form .search-ac { border-color: #ffe0b2; }
.nav-search-form .search-ac-item { color: #2c1810; }
.nav-search-form .search-ac-item:hover,
.nav-search-form .search-ac-item.ac-active { background: #fff3e0; }
.nav-search-form .search-ac-price { color: #ff6f3c; }
.nav-search-form .search-ac-all { color: #ff6f3c; border-top-color: #ffe0b2; }
.nav-search-form .search-ac-all:hover { background: #fff3e0; }