/* ==========================================================================
   My Hotels — listing page & hotel detail pages
   ========================================================================== */

/* ---------- Listing hero (reuses .listing-hero pattern) ---------- */
.hotels-hero{
  position:relative;min-height:380px;display:flex;flex-direction:column;justify-content:center;align-items:center;
  color:#fff;text-align:center;padding:60px 24px;
  background:linear-gradient(rgba(11,29,51,.55),rgba(11,29,51,.65)),
             url('../images/hotels-hero.png') center/cover no-repeat;
}
.hotels-hero .eyebrow{letter-spacing:4px;text-transform:uppercase;font-size:.78rem;color:#f2e0c0;margin-bottom:16px;}
.hotels-hero h1{font-size:3rem;font-weight:normal;font-family:Georgia,serif;}
.hotels-hero p{margin-top:16px;max-width:600px;color:#e9e6dc;line-height:1.7;font-size:.95rem;}

@media(max-width:960px){
  .hotels-hero h1{font-size:2.1rem;}
  .hotels-hero{min-height:320px;}
}

/* ---------- Grid & cards ---------- */
.hotels-list-wrap{max-width:900px;margin:0 auto;padding:70px 48px 90px;display:flex;flex-direction:column;gap:60px;}
.hotel-entry{scroll-margin-top:110px;}
.hotel-entry-image{border-radius:10px;overflow:hidden;margin-bottom:26px;box-shadow:0 12px 30px rgba(11,29,51,.12);}
.hotel-entry-image img{width:100%;height:420px;object-fit:cover;display:block;}
.hotel-entry-body h3{font-family:Georgia,serif;font-size:1.6rem;color:var(--heritage-ink);margin-bottom:14px;}
.hotel-entry-body p{font-size:.95rem;color:var(--muted);line-height:1.8;margin-bottom:24px;}

.hotel-entry-buttons{display:flex;gap:16px;flex-wrap:wrap;}
.hotel-btn{
  display:inline-flex;align-items:center;gap:10px;padding:14px 26px;border-radius:6px;
  font-size:.85rem;font-weight:bold;letter-spacing:.3px;transition:background .2s,transform .15s;
}
.hotel-btn svg{width:18px;height:18px;flex-shrink:0;}
.hotel-btn-call{background:var(--heritage-ink);color:#fff;}
.hotel-btn-call:hover{background:#0f2745;transform:translateY(-1px);}
.hotel-btn-whatsapp{background:#25D366;color:#fff;}
.hotel-btn-whatsapp:hover{background:#1ebe5a;transform:translateY(-1px);}

@media(max-width:960px){
  .hotels-list-wrap{padding:50px 22px 60px;gap:46px;}
  .hotel-entry-image img{height:260px;}
  .hotel-entry-buttons{flex-direction:column;}
  .hotel-btn{width:100%;justify-content:center;}
}