/* Shared mobile-first responsive system. Breakpoints: 768px and 1024px. */
:root { --rp-tablet: 736px; --rp-desktop: 1180px; --rp-reading: 720px; --rp-pad: clamp(16px, 3vw, 40px); }
html { min-width: 320px; }
.tm-app { container-type: inline-size; container-name: public-app; }
.tm-app img, .tm-app svg, .tm-app video, .tm-app canvas,
.tm-app button, .tm-app a, .tm-app input, .tm-app select, .tm-app textarea { max-width: 100%; }
.tm-main > section { min-width: 0; }
@media (min-width: 768px) {
  .tm-app { max-width: var(--rp-tablet); padding-bottom: 92px; }
  .tm-header, .tm-main { padding-inline: var(--rp-pad); }
  .tm-nav { max-width: var(--rp-tablet); }
  body.tema-on[data-tm-layout="classico"] .tm-home .space-y-2,
  body.tema-on[data-tm-layout="essenziale"] .tm-home .space-y-2,
  body.tema-on[data-tm-layout="racconto"] .tm-home .space-y-2 {
    display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px;
  }
  body.tema-on[data-tm-layout="classico"] .tm-home .space-y-2 > *,
  body.tema-on[data-tm-layout="essenziale"] .tm-home .space-y-2 > *,
  body.tema-on[data-tm-layout="racconto"] .tm-home .space-y-2 > * { margin-top: 0 !important; }
  body.tema-on[data-tm-layout="vetrina"] .tm-home .space-y-2 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .tm-detail, .tm-booking, .tm-receipt { max-width: var(--rp-reading); margin-inline: auto; }
  .fixed.inset-0 > .bg-white:not(.tm-sheet) { max-height: calc(100dvh - 48px); overflow-y: auto; }
}
@media (min-width: 1024px) {
  body.tema-on { align-items: stretch; }
  .tm-app {
    max-width: var(--rp-desktop); width: min(calc(100% - 48px), var(--rp-desktop)); margin-block: 24px;
    min-height: calc(100vh - 48px); border: 1px solid rgb(231 229 228); border-radius: 24px; overflow: hidden;
  }
  .tm-header { padding-top: 24px; padding-inline: var(--rp-pad); }
  body.tema-on[data-tm-testata="piena"] .tm-header > div:first-child > div[class*="cursor-pointer"] { flex-direction: row; gap: 18px; }
  body.tema-on[data-tm-testata="piena"] .tm-header h1 { text-align: left; }
  body.tema-on[data-tm-testata="piena"] .tm-header img { height: 64px; margin-bottom: 0; }
  .tm-main { padding-inline: var(--rp-pad); }
  .tm-nav {
    left: 50%; right: auto; width: min(calc(100% - 96px), 760px); max-width: 760px;
    transform: translateX(-50%); bottom: 16px; border: 1px solid rgb(231 229 228); border-radius: 20px; padding-block: 8px;
  }
  body.tema-on[data-tm-layout="classico"] .tm-home .space-y-2,
  body.tema-on[data-tm-layout="vetrina"] .tm-home .space-y-2 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  body.tema-on[data-tm-layout="locandina"] .tm-locandine { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
  body.tema-on[data-tm-layout="locandina"] .tm-locandina { min-height: 520px; }
  body.tema-on[data-tm-layout="agenda"] .tm-home > div,
  body.tema-on[data-tm-layout="calendario"] .tm-home > div { max-width: 900px; margin-inline: auto; width: 100%; }
  .tm-footer img { max-width: 720px; }
  body.tema-on[data-tm-layout="racconto"] .tm-racconto-barra { max-width: 680px; bottom: 92px; }
}