/* GLOBAL */
* {
  margin:0;
  padding:0;
  box-sizing:border-box;
  font-family:"Segoe UI", Arial;
}

body {
  background:#f5f5f5;
  color:#1f3f46;
}

/* BACK HOME */
.back-home {
  position: fixed;
  top: 10px;
  left: 15px;
  background: rgba(1,25,30,0.9);
  color:#fff;
  padding:5px 12px;
  border-radius:25px;
  text-decoration:none;
  font-size:0.8rem;
  z-index:1000;
}

/* HEADER */
.room-header {
  text-align:center;
  padding:25px;
  background: linear-gradient(180deg,#01191e,#2f646d);
  color:#fff;
}

/* SECTION */
.reservation-section {
  padding:60px 20px;
  display:flex;
  justify-content:center;
}

/* CARD */
.reservation-card {
  background:#fff;
  width:100%;
  max-width:500px;
  border-radius:15px;
  padding:35px;
  box-shadow:0 10px 30px rgba(0,0,0,0.2);
}

.reservation-card h2 {
  text-align:center;
  font-family:'Playfair Display',serif;
  margin-bottom:5px;
}

.subtitle {
  text-align:center;
  font-size:0.9rem;
  color:#666;
  margin-bottom:25px;
}

/* FORM */
.form-group {
  margin-bottom:15px;
}

label {
  font-size:0.8rem;
  font-weight:600;
}

input,select,textarea {
  width:100%;
  padding:10px;
  border-radius:6px;
  border:1px solid #ccc;
}

textarea {
  resize:none;
  min-height:80px;
}

/* GUESTS */
.guests {
  display:flex;
  gap:20px;
  margin-bottom:20px;
}

.counter {
  display:flex;
  align-items:center;
  border:1px solid #ccc;
  border-radius:6px;
}

.counter button {
  background:none;
  border:none;
  width:35px;
  font-size:18px;
  cursor:pointer;
}

.counter input {
  width:40px;
  text-align:center;
  border:none;
}

/* DATES */
.dates {
  display:flex;
  gap:15px;
}

.nights {
  text-align:center;
  margin:15px 0;
  font-weight:600;
}

.nights span {
  color:#2fc4b2;
}

/* BUTTON */
.submit-btn {
  width:100%;
  padding:12px;
  border:none;
  border-radius:25px;
  background:rgb(153,3,3);
  color:#fff;
  font-weight:600;
  cursor:pointer;
}

/* FOOTER */
.footer {
  background:black;
  color:white;
  text-align:center;
  padding:25px;
  margin-top:40px;
}