/* ============================================================
   CiCC Theme 4.0 — Location Pages Styles
   ============================================================ */

/* Region tabs */
.region-tab {
  transition: all 0.2s ease;
}

.region-tab:hover {
  transform: translateY(-2px);
  box-shadow: var(--shadow-sm);
}

.region-tab--active {
  background: var(--cicc-blue);
  color: #fff;
  border-color: var(--cicc-blue);
}

/* Location cards */
.location-card {
  transition: all 0.3s var(--ease-spring);
}

.location-card:hover {
  transform: translateX(4px);
}

/* Region panels */
.region-panel {
  transition: opacity 0.3s ease;
}

/* Location hero */
.location-hero--bac {
  background: linear-gradient(135deg, #0f172a 0%, #0057a3 40%, #3b82f6 100%);
}

.location-hero--trung {
  background: linear-gradient(135deg, #0f172a 0%, #7c2d12 40%, #f97316 100%);
}

.location-hero--nam {
  background: linear-gradient(135deg, #0f172a 0%, #064e3b 40%, #16a34a 100%);
}

/* Responsive */
@media (max-width: 1024px) {
  .region-panel { grid-template-columns: repeat(2, 1fr) !important; }
}

@media (max-width: 768px) {
  .region-panel { grid-template-columns: 1fr !important; }
}