/* ============================================================
   CRIRECO — MEDIA QUERIES (Public pages: login, registration)
   media.css
   ============================================================ */

/* ── Tablet (≤ 900px) ──────────────────────────────────────── */
@media (max-width: 900px) {

  /* Nav */
  .cr-navbar {
    padding: 0 var(--space-lg);
  }

  .cr-nav-links {
    display: none;
  }

  .cr-nav-actions {
    gap: var(--space-sm);
  }

  /* Services grid → 1 column */
  .servicii-grid {
    grid-template-columns: 1fr;
  }

  /* About grid → 1 column */
  .despre-inner {
    grid-template-columns: 1fr;
  }

  .banner {
    display: none;
  }

  /* hide image on tablet */

  /* Testimonials → 1 column */
  .testimonials-container {
    grid-template-columns: 1fr;
  }

  /* Login form */
  .form_container {
    max-width: 360px;
    padding: var(--space-xl);
  }
}

/* ── Mobile (≤ 600px) ──────────────────────────────────────── */
@media (max-width: 600px) {

  body {
    font-size: 15px;
  }

  /* Navbar */
  .cr-navbar {
    height: 60px;
    padding: 0 var(--space-md);
  }

  .cr-logo {
    font-size: 1.3rem;
  }

  /* Hero section */
  .home {
    background-attachment: scroll;
  }

  /* Login panel — take full width on phones */
  .form_container {
    max-width: calc(100vw - 32px);
    padding: var(--space-lg);
    border-radius: var(--radius-lg);
  }

  /* Services */
  .servicii {
    padding: var(--space-2xl) var(--space-md);
  }

  .column {
    padding: var(--space-lg);
  }

  /* About */
  .despre {
    padding: var(--space-2xl) var(--space-md);
  }

  .despre_noi {
    padding: var(--space-lg);
  }

  /* Testimonials */
  .recenzii {
    padding: var(--space-2xl) var(--space-md);
  }

  .testimonial {
    padding: var(--space-lg);
  }

  /* FAQ */
  .faq-section {
    padding: var(--space-2xl) var(--space-md);
  }

  .faq-header {
    font-size: 1.5rem;
  }

  .panel-title {
    font-size: 0.9rem;
  }

  /* Registration */
  .registration-page-wrap {
    padding: 80px var(--space-md) var(--space-md);
  }

  .registration-container {
    padding: var(--space-xl) var(--space-lg);
  }

  .register_text {
    font-size: 1.35rem;
  }

  /* Elfsight widget */
  .before_after {
    padding: var(--space-xl) 0;
  }

  /* Fixed translation buttons */
  .translate-button.cancel-button {
    right: 100px;
  }

  .translate-button:not(.cancel-button) {
    right: 60px;
  }
}

/* ── Narrow phones (≤ 380px) ─────────────────────────────── */
@media (max-width: 380px) {
  .cr-nav-actions .translate-button {
    display: none;
  }
}