/* Grand Azure Hotel - Main Stylesheet */

:root {
    --primary: #1a3c5e;
    --accent: #c9a84c;
    --light-bg: #f8f9fa;
}

body {
    font-family: 'Segoe UI', sans-serif;
}

/* HERO */
.hero {
    background: linear-gradient(rgba(0,0,0,0.55), rgba(0,0,0,0.55)),
                url('https://images.unsplash.com/photo-1566073771259-6a8506099945?w=1600') center/cover no-repeat;
    min-height: 90vh;
    display: flex;
    align-items: center;
    color: white;
}

.hero h1 { font-size: 3.5rem; font-weight: 700; }
.hero p  { font-size: 1.25rem; opacity: .9; }

/* BOOKING FORM */
.booking-bar {
    background: white;
    border-radius: 12px;
    padding: 24px;
    box-shadow: 0 8px 30px rgba(0,0,0,.15);
}

/* ROOM CARD */
.room-card { border: none; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 15px rgba(0,0,0,.08); transition: transform .3s; }
.room-card:hover { transform: translateY(-6px); }
.room-card img { height: 220px; object-fit: cover; }
.badge-type { background: var(--primary); }

/* SECTION TITLES */
.section-title { color: var(--primary); font-weight: 700; }
.section-title span { color: var(--accent); }
.divider { width: 60px; height: 3px; background: var(--accent); margin: 12px auto 32px; }

/* FEATURE ICONS */
.feature-icon { font-size: 2.5rem; color: var(--accent); }

/* GALLERY */
.gallery-img { height: 220px; object-fit: cover; border-radius: 8px; transition: opacity .3s; cursor: pointer; }
.gallery-img:hover { opacity: .85; }

/* ADMIN */
.admin-sidebar { background: var(--primary); min-height: 100vh; }
.admin-sidebar a { color: rgba(255,255,255,.8); text-decoration: none; display: block; padding: 10px 20px; border-radius: 6px; }
.admin-sidebar a:hover, .admin-sidebar a.active { background: rgba(255,255,255,.15); color: white; }

/* FORMS */
.form-control:focus { border-color: var(--primary); box-shadow: 0 0 0 .2rem rgba(26,60,94,.25); }
.btn-primary { background: var(--primary); border-color: var(--primary); }
.btn-primary:hover { background: #142d47; border-color: #142d47; }
.btn-gold { background: var(--accent); border-color: var(--accent); color: white; }
.btn-gold:hover { background: #b8942e; color: white; }

/* STATUS BADGES */
.badge-pending   { background: #ffc107; color: #000; }
.badge-confirmed { background: #28a745; }
.badge-cancelled { background: #dc3545; }

/* ALERTS */
.alert { border-radius: 8px; }