:root {
	 --bs-primary: #ffffff; /* Deep Royal Blue e3f2fd */
	 --bs-secondary: #fecf02; /* Warm Gold fecf02*/
	 --bs-light: #F8F5F0; /* Soft Ivory */
	 --bs-dark: #333333; /* Charcoal */
	 --bs-danger: #E67E22; /* Coral Orange red de0c1c*/
	 --bs-softblue: #edf7fc;
	 --bs-warmred: #de0c1c;
	 --bs-softred: #ff9b9b;

	 --bs-softblue1:#50b8e7;
	 --bs-softblue2:#84cdee;
	 --bs-softblue3:#b9e2f5;
	 --bs-softblue4:#dcf0fa;
	 --bs-softblue5:#edf7fc;
}


body {
	 background-color: var(--bs-light) !important;
	 font-family: 'Segoe UI', sans-serif;
}

.navbar {
	 background-color: var(--bs-softblue) !important;
	 /*border-bottom: 1px solid #E67E22;*/
}

.navbar-brand, .navbar-nav .nav-link {
	 color: #122560 !important;
}

.navbar-nav .nav-link.active {
	 font-weight: bold;
	 color: var(--bs-secondary) !important;
}

.btn-primary {
	 background-color: var(--bs-secondary);
	 border-color: var(--bs-secondary);
	 color: #2C3E50;
	 font-weight: bold;
}

.btn-primary:hover {
	 background-color: #fadb7d; /* Slightly darker gold */
	 border-color: #ffc107;
	 color: #ffc107;
}

.btn-danger {
	 background-color: var(--bs-danger);
	 border-color: var(--bs-danger);
}

.card {
	 border-radius: 8px;
	 box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

.card-img-top {
    object-fit: cover;
    height: 200px; /* adjust as needed */
    width: 100%;
}

.dashboard-header {
	 background-color: var(--bs-primary);
	 color: white;
	 padding: 1.5rem;
	 border-radius: 8px;
}

.main-hotel-image {
    width: 100%;
    height: 400px; /* fixed height */
    object-fit: cover; /* crop instead of stretch */
    border-radius: 10px; /* optional */
}

.alert-warning {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba;
}

.category-card {
    cursor: pointer;
    transition: all 0.2s ease-in-out;
}
.category-card:hover {
    border-color: #fff3cd;
    box-shadow: 0 0 8px rgba(13,110,253,0.3);
}
.category-card.active {
	color: #856404;
    border: 2px solid #ffeeba;
    background: #fff3cd;
}

.facility-card, .room-card {
    cursor: pointer;
    transition: all 0.2s ease-in-out;
}
.facility-card:hover, .room-card:hover {
    border-color: #fff3cd;
    box-shadow: 0 0 8px rgba(13,110,253,0.3);
}
.facility-card.active, .room-card.active {
    border: 2px solid #ffeeba;
    background: #fff3cd;
}