/* ========================
   Responsive Landscape CSS
   ======================== */

/* Responsive mediu - afișaj orizontal */
@media (max-width: 920px) and (orientation: landscape) {
  .about-content { grid-template-columns: 1fr; text-align: center; }
  .address { text-align: center; }
}

/* Responsive mic - afișaj orizontal */
@media (max-width: 720px) and (orientation: landscape) {
  .service-grid { grid-template-columns: 1fr; }
  nav a { width: 100%; justify-content: center; }
}

/* Text mai mic pentru elemente secundare */
.small { font-size: .95em; color: var(--muted); }

/* Mobile/tabletă landscape: prețul în card */
@media (max-width: 1024px) and (orientation: landscape) {
  #servicii .service-grid { grid-template-columns: 1fr; gap: 14px; }
  .service-card { display: flex; flex-direction: column; }
  .price-inline { margin-top: 10px; width: 100%; }
  #row1-prices, #row2-prices { display: none; }
}

/* Header landscape: logo și butoane sus, adresa dedesubt */
@media (max-width: 900px) and (orientation: landscape) {
  .header-top { display: grid; grid-template-columns: auto 1fr;
    grid-template-areas: "logo actions" "address address";
    align-items: center; gap: 12px; }

  .logo { grid-area: logo; }
  
  .contact-links { grid-area: actions; justify-self: end; }
  
  .contact-links nav { flex-wrap: wrap; display: flex; gap: 10px; justify-content: flex-end; }
  
  .contact-links nav a { padding: 10px 12px; font-size: .95em; }

  .address { grid-area: address; text-align: center; overflow-wrap: normal; word-break: keep-all; hyphens: auto; }
}

/* Ajustare pe ecrane foarte mici în landscape */
@media (max-width: 480px) and (orientation: landscape) {
  .contact-links nav a { flex: 1 1 100%; }
}
