/* ──────────────────────────────────────────────────────────────────────────────
   FICHIER : public-responsive.css
   CHEMIN  : /var/www/cm-platform/frontend/modules/booking/css/public/public-responsive.css
   RÔLE    : responsive public Booking tablette / mobile
   ────────────────────────────────────────────────────────────────────────────── */

/* ──────────────────────────────────────────────────────────────────────────────
   16. RESPONSIVE TABLETTE
   ────────────────────────────────────────────────────────────────────────────── */

@media (max-width:860px){
  .cm-booking-public{
    width:100%;
    max-width:100%;
  }

  .cm-booking-public--form-only,
  .cm-booking-public--calendar-mode{
    max-width:100% !important;
  }

  .cm-booking-public-layout{
    grid-template-columns:1fr;
    align-items:start;
  }

  .cm-booking-public-right{
    padding:14px;
  }

  .cm-booking-public-left{
    display:block;
    min-height:0;
  }

  .cm-booking-public-noteBox{
    display:block;
    flex:none;
  }

  .cm-booking-public-noteBox label{
    display:flex;
    flex:none;
  }

  .cm-booking-public-noteBox textarea{
    min-height:100px;
    flex:none;
  }

  .cm-booking-public .cm-cal-template{
    max-width:100%;
  }
}


/* ──────────────────────────────────────────────────────────────────────────────
   17. RESPONSIVE MOBILE
   ────────────────────────────────────────────────────────────────────────────── */

@media (max-width:720px){
  html,
  body{
    background:#ffffff !important;
  }

  body{
    padding:0 !important;
  }

  .cm-booking-public{
    width:100%;
    max-width:100%;
    background:#ffffff !important;
  }

  .cm-booking-public--form-only,
  .cm-booking-public--calendar-mode{
    max-width:100% !important;
    padding:0 12px !important;
  }

  .cm-booking-public.cm-booking-public--form-only{
    margin-top:22px !important;
  }

  .cm-booking-public-head{
    flex-direction:column;
    align-items:flex-start;
    gap:10px;
    padding:10px 0 0 !important;
    margin-bottom:12px !important;
  }

  .cm-booking-public-head h1{
    font-size:24px;
  }

  .cm-booking-public-logo{
    max-width:96px;
    max-height:52px;
  }

  .cm-booking-public-layout{
    grid-template-columns:1fr;
    align-items:start;
  }

  .cm-booking-public-two{
    grid-template-columns:1fr;
    gap:0;
  }

  .cm-booking-public-owner{
    flex-direction:column;
    align-items:flex-start;
  }

  .cm-booking-public-submitLine{
    flex-direction:column;
    align-items:stretch;
  }

  .cm-booking-public-submitLine [data-booking-public-submit]{
    width:100%;
  }

  .cm-booking-public-meta{
    text-align:left;
  }

  .cm-booking-public .cm-cal-template{
    max-width:100%;
  }

  .cm-booking-public .cm-cal-minimal__cell,
  .cm-booking-public .cm-cal-pro__cell{
    min-height:46px;
  }

  .cm-booking-public .cm-cal-minimal__day,
  .cm-booking-public .cm-cal-pro__day{
    min-height:46px;
    font-size:13px;
  }

  .cm-booking-public .cm-cal-chic__cell,
  .cm-booking-public .cm-cal-chic__day{
    min-height:38px !important;
  }

  .cm-booking-public--form-only .cm-booking-public-form textarea{
    min-height:104px;
    max-height:none;
  }

  .cm-booking-public-form input,
  .cm-booking-public-form select,
  .cm-booking-public-form textarea{
    min-height:43px;
  }

  .cm-booking-public-form [data-booking-public-submit],
  .cm-booking-public-submitLine [data-booking-public-submit]{
    min-height:50px;
  }
}