/* Simple, clean styles for Hotel2Go landing page */
:root{
  --bg:#f7fafc;
  --accent:#0b6efd;
  --muted:#6b7280;
  --card:#ffffff;
}
*{box-sizing:border-box}
body{font-family:Segoe UI, Roboto, Arial, sans-serif;margin:0;background:var(--bg);color:#0f172a}
.container{max-width:1100px;margin:0 auto;padding:1rem}
.site-header{background:linear-gradient(90deg, #ffffffcc, #ffffffcc);border-bottom:1px solid #e6eef6}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:1rem}
.logo{font-weight:700;color:var(--accent);margin:0}
.nav a{margin-left:1rem;color:var(--muted);text-decoration:none}
.nav .login-btn {
    background-color: var(--accent);
    color: white !important;
    padding: 0.5rem 1rem;
    border-radius: 4px;
    transition: background-color 0.2s ease;
}
.nav .login-btn:hover {
    background-color: #0056b3;
    color: white !important;
}
.hero{padding:2rem 0}
.hero-inner{display:grid;grid-template-columns:1fr 420px;gap:2rem;align-items:center}
.hero-copy h2{font-size:2rem;margin:0 0 .5rem}
.hero-copy p{color:var(--muted);margin:0 0 1rem}
.search-form{background:var(--card);padding:1rem;border-radius:10px;box-shadow:0 6px 18px rgba(15,23,42,0.06)}
.form-row{margin-bottom:.75rem}
.form-row label{display:block;font-size:.85rem;color:var(--muted);margin-bottom:.25rem}
.form-row input[type="text"], .form-row input[type="date"], .form-row select{width:100%;padding:.6rem;border:1px solid #dbe7f7;border-radius:6px}
.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}
.form-actions{text-align:right}
.btn-primary{background:var(--accent);color:white;padding:.7rem 1rem;border:none;border-radius:8px;cursor:pointer}
.hero-media img{width:100%;border-radius:10px;display:block}
.features{padding:2rem 0}
.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}
.feature{background:var(--card);padding:1rem;border-radius:8px;box-shadow:0 6px 12px rgba(15,23,42,0.04)}
.rooms{padding:1.5rem 0}
.results{display:grid;gap:1rem}
.result-card{display:flex;gap:1rem;background:white;padding:1rem;border-radius:8px;align-items:center}
.result-card img{width:120px;height:80px;object-fit:cover;border-radius:6px}
.result-card h4{margin:0}
.muted{color:var(--muted)}
.site-footer{padding:1rem 0;background:transparent;border-top:1px solid #e6eef6;margin-top:2rem}

/* Contact Form Styles */
.contact-container {
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: 2rem;
  margin-top: 2rem;
}

.contact-info {
  background: var(--card);
  padding: 2rem;
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.contact-info h4 {
  margin-top: 0;
  color: var(--accent);
}

.contact-details {
  margin-top: 1.5rem;
}

.contact-details p {
  margin: 0.5rem 0;
}

.contact-form {
  background: var(--card);
  padding: 2rem;
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.contact-form .form-row {
  margin-bottom: 1rem;
}

.contact-form label {
  display: block;
  margin-bottom: 0.5rem;
  color: #333;
}

.contact-form input,
.contact-form textarea {
  width: 100%;
  padding: 0.8rem;
  border: 1px solid #ddd;
  border-radius: 4px;
  font-size: 1rem;
}

.contact-form textarea {
  resize: vertical;
  min-height: 120px;
}

.form-message {
  margin-top: 1rem;
  padding: 1rem;
  border-radius: 4px;
}

.form-message.success {
  background-color: #d4edda;
  color: #155724;
  border: 1px solid #c3e6cb;
}

.form-message.error {
  background-color: #f8d7da;
  color: #721c24;
  border: 1px solid #f5c6cb;
}

@media (max-width: 768px) {
  .contact-container {
    grid-template-columns: 1fr;
  }
    
  .contact-info,
  .contact-form {
    padding: 1.5rem;
  }
}

/* Responsive */
@media (max-width:900px){
  .hero-inner{grid-template-columns:1fr}
  .hero-media{order:-1}
  .form-grid{grid-template-columns:1fr}
}