/* Corecturi SEO/accesibilitate: lotul 1, 23 septembrie 2026 */
:root { --secondary-color: #00758a; }
.skip-link { position: absolute; left: 12px; top: -100px; z-index: 2000; padding: 12px; background: #fff; color: #0056b3; }
.skip-link:focus { top: 12px; }
:focus-visible { outline: 3px solid #a94d00 !important; outline-offset: 4px; }
section[id], main[id] { scroll-margin-top: 130px; }
main { display: block; overflow-wrap: anywhere; }
.contact-rezumat { margin: 20px auto; padding: 18px; background: #edf6fa; border-radius: 8px; text-align: center; }
.contact-rezumat a, .location-card a { color: #0056b3; text-decoration: underline; display: inline-block; padding: 6px 2px; }
.grid { grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); }
.locations-grid { grid-template-columns: repeat(auto-fit, minmax(min(100%, 400px), 1fr)); }
.specialitati-grid { grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr)); }
img { max-width: 100%; height: auto; }
main p, main a, .logo { overflow-wrap: anywhere; }
.form-group input, .form-group select, .form-group textarea { font-size: 16px; min-height: 44px; }
.form-group [aria-invalid="true"] { border: 2px solid #a31b1b; }
.field-error { color: #9b1c1c; font-size: 15px; }
.field-error:empty, #programare-status:empty { display: none; }
#programare-status { margin: 18px 0; padding: 16px; border: 2px solid #0056b3; border-radius: 6px; }
#programare-locatie, .booking-note { margin: 12px 0 20px; }
.booking-phones { margin-top: 24px; }
.booking-phones a { display: inline-block; padding: 10px 4px; min-height: 44px; }
button:disabled { opacity: .7; cursor: wait; }
.preview-notice { background: #fff0d2; color: #442900; padding: 12px 5%; text-align: center; }
@media (max-width: 768px) {
  header { position: static; }
  nav { flex-direction: column; align-items: flex-start; gap: 12px; padding: 16px 5%; }
  .logo { font-size: 22px; }
  .nav-links { display: flex; flex-wrap: wrap; gap: 6px 12px; }
  .nav-links a { margin-left: 0; padding: 10px 6px; }
  .nav-links .btn-programare { padding: 10px 12px; }
  section { padding: 36px 5%; }
  section > div[style*="padding: 50px"], section > div[style*="padding: 40px"] { padding: 24px 16px !important; }
  .form-container { padding: 24px 16px; }
  .hero { padding: 48px 5%; }
  h2 { font-size: 27px; }
  section[id], main[id] { scroll-margin-top: 16px; }
}