/*
Theme Name: M.Therapy
Theme URI: https://mtherapy.ro
Author: Teodor
Description: Temă custom one-page pentru M.Therapy — studio GYROKINESIS® & Pilates Reformer pentru femei 40+. Mobile-first, conținut operațional (prețuri, evenimente, blog, FAQ) editabil prin ACF.
Version: 1.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: mtherapy
*/

/* Stilul vizual (culori, spacing, layout) e inline în markup — designul aprobat din Brand Book.
   Aici stau doar regulile de clasă globale + responsive-ul. */

* { box-sizing: border-box; }
body { margin: 0; }

.mt-serif { font-family: 'Cormorant Garamond', Georgia, serif; }
.mt-sans  { font-family: 'DM Sans', system-ui, sans-serif; }

a.mt-link { text-decoration: none; }

/* FAQ nativ (<details>) */
.mt-faq { cursor: pointer; }
.mt-faq > summary { list-style: none; }
.mt-faq > summary::-webkit-details-marker { display: none; }
.mt-faq[open] .mt-chev { transform: rotate(180deg); }
.mt-chev { transition: transform .25s ease; }

/* Buton back-to-top + meniu mobil (comutate din JS) */
#mt-backtotop { display: none; }
#mt-mobile-nav { display: none; }

html { scroll-behavior: smooth; }
section[id] { scroll-margin-top: 80px; }

/* ============ RESPONSIVE (breakpoint principal: 900px) ============ */
@media (max-width: 900px) {
  .mt-nav-links, .mt-nav-cta { display: none !important; }
  .mt-hamburger { display: flex !important; }
  .mt-hero-grid { grid-template-columns: 1fr !important; }
  .mt-hero-image { display: none !important; }
  .mt-grid-2 { grid-template-columns: 1fr !important; }
  .mt-grid-3 { grid-template-columns: 1fr !important; }
  .mt-grid-4 { grid-template-columns: 1fr !important; }
  .mt-section { padding: 60px 24px !important; }
  .mt-contact-grid { grid-template-columns: 1fr !important; }
}