/* ============================================================
   pages/restaurant.css — Restaurant Styles
   ============================================================ */

.spec-card {
  background: var(--warm-white);
  border-radius: var(--radius-md);
  padding: 2rem;
  box-shadow: var(--shadow-sm);
  border-top: 3px solid var(--amber);
  transition: var(--transition);
}
.spec-card:hover { transform: translateY(-5px); box-shadow: var(--shadow-md); }
.spec-icon { font-size: 2.4rem; margin-bottom: 1rem; display: block; }
.spec-card h3 { margin-bottom: .6rem; font-size: 1.1rem; }
.spec-card p  { color: var(--stone); font-size: .9rem; line-height: 1.65; }

.program-table { width: 100%; border-collapse: collapse; color: rgba(247,242,232,.8); max-width: 480px; margin: 0 auto; }
.program-table td { padding: .85rem 1rem; border-bottom: 1px solid rgba(247,242,232,.1); font-size: .95rem; }
.program-table td:last-child { color: var(--amber-light); font-weight: 600; text-align: right; }

.event-card { display: flex; gap: 1.5rem; align-items: center; background: var(--warm-white); border-radius: var(--radius-md); padding: 1.75rem; box-shadow: var(--shadow-sm); transition: var(--transition); }
.event-card:hover { box-shadow: var(--shadow-md); transform: translateX(4px); }
.event-card .icon { width:60px;height:60px;background:linear-gradient(135deg,var(--forest-deep),var(--forest-mid));border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0; }
.event-card h4 { margin-bottom: .35rem; }
.event-card p  { color: var(--stone); font-size: .88rem; }

.img-strip { display: grid; grid-template-columns: repeat(4,1fr); gap: 8px; border-radius: var(--radius-md); overflow: hidden; }
.img-strip-item { aspect-ratio:1; background:var(--parchment); overflow:hidden; }
.img-strip-item img { width:100%;height:100%;object-fit:cover;transition:transform .5s ease; }
.img-strip-item:hover img { transform: scale(1.08); }
@media(max-width:768px){.img-strip{grid-template-columns:repeat(2,1fr)}}