:root { --gold:#b08d57; --navy:#14213d; --light:#f7f5f0; }
body { font-family: 'Segoe UI', system-ui, sans-serif; color:#222; background:#fff; }
.navbar-hotel { background:var(--navy); }
.navbar-hotel .navbar-brand { font-family: Georgia, serif; letter-spacing:.08em; color:#fff; }
.navbar-hotel .nav-link { color:#e8e3d6; text-transform:uppercase; font-size:.8rem; letter-spacing:.1em; }
.navbar-hotel .nav-link:hover { color:var(--gold); }
.btn-gold { background:var(--gold); color:#fff; border:0; text-transform:uppercase; letter-spacing:.08em; font-size:.85rem; }
.btn-gold:hover { background:#957543; color:#fff; }
.hero { min-height:78vh; display:flex; align-items:center; color:#fff;
  background:linear-gradient(rgba(20,33,61,.55),rgba(20,33,61,.65)),
  url('https://images.unsplash.com/photo-1566073771259-6a8506099945?w=1800') center/cover; }
.hero h1 { font-family:Georgia, serif; font-size:clamp(2rem,5vw,3.6rem); }
.booking-bar { background:#fff; border-radius:6px; box-shadow:0 10px 30px rgba(0,0,0,.2); padding:1rem; margin-top:-3rem; position:relative; z-index:5; }
.section-title { font-family:Georgia, serif; color:var(--navy); }
.section-title::after { content:''; display:block; width:60px; height:3px; background:var(--gold); margin:.6rem auto 0; }
.room-card { border:0; box-shadow:0 4px 18px rgba(0,0,0,.08); transition:transform .2s; }
.room-card:hover { transform:translateY(-4px); }
.room-card img { height:220px; object-fit:cover; }
.price { color:var(--gold); font-weight:700; font-size:1.3rem; }
footer.site-footer { background:var(--navy); color:#cfc9b8; }
footer.site-footer a { color:#cfc9b8; text-decoration:none; }
.bg-soft { background:var(--light); }
/* Admin */
.sidebar { background:var(--navy); min-height:100vh; }
.sidebar a { color:#cfd6e6; display:block; padding:.6rem 1rem; text-decoration:none; border-left:3px solid transparent; }
.sidebar a:hover, .sidebar a.active { background:rgba(255,255,255,.07); color:#fff; border-left-color:var(--gold); }
.stat-card { border-left:4px solid var(--gold); }
/* POS */
.pos-item { cursor:pointer; user-select:none; }
.pos-item:hover { background:var(--light); }
@media print { .no-print { display:none !important; } }