/* =========================================================
   BLUUPI — HOTEL DESKTOP
   Fichier : /app/assets/styles/pages/desktop/hotel.css
   Page : fiche hôtel (hôtels de l'Extranet)
========================================================= */

@media (min-width:1200px){

  body{
    background:var(--desktop-bg, #eef3f7);
  }

  .bottom-nav,
  .hotel-sticky-booking{
    display:none !important;
  }

  .desktop-header{
    display:flex !important;
  }

  .desktop-footer{
    display:block !important;
  }

  .hotel-page{
    width:100%;
    max-width:var(--desktop-max, 1180px);
    min-height:auto;
    margin:0 auto;
    padding:42px 24px 60px;
    background:transparent;
    border-radius:0;
    box-shadow:none;
    overflow:visible;
  }

  .hotel-hero{
    aspect-ratio:21 / 9;
    max-height:520px;
    border-radius:28px;
    box-shadow:var(--shadow);
  }

  .hotel-hero-actions{
    top:18px;
    left:18px;
    right:18px;
  }

  .hotel-gallery{
    padding:14px 0 0;
    gap:12px;
  }

  .hotel-thumb{
    flex-basis:150px;
    height:100px;
    border-radius:16px;
  }

  .hotel-layout{
    display:grid;
    grid-template-columns:minmax(0, 1fr) 340px;
    gap:28px;
    align-items:start;
    margin-top:26px;
  }

  .hotel-content{
    padding:34px 38px;
    border-radius:28px;
    background:var(--card);
    box-shadow:var(--soft-shadow);
  }

  .hotel-content h1{
    font-size:38px;
  }

  .hotel-booking-card{
    position:sticky;
    top:24px;
    display:grid;
    gap:12px;
    padding:26px;
    border-radius:28px;
    background:var(--card);
    box-shadow:var(--soft-shadow);
  }

  .hotel-booking-card strong{
    color:var(--primary);
    font-size:22px;
  }

  .hotel-booking-card small{
    color:var(--muted);
    font-size:12px;
    line-height:1.5;
  }

  /* Sur ordinateur, « Cómo llegar » est dans la carte de réservation. */
  .hotel-content .hotel-section .hotel-btn-secondary{
    display:none;
  }
}