/*
Theme Name: Hotel Walnut
Theme URI: https://hotelwalnut.com
Author: Hotel Walnut
Description: Custom luxury boutique hotel theme.
Version: 1.1
*/
:root { --walnut: #4A3728; --walnut-light: #6b523e; --gold: #D4AF37; --bg-color: #FDFCF4; --text-dark: #333333; --text-light: #ffffff; --card-bg: #ffffff; }
* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: 'Lato', sans-serif; background-color: var(--bg-color); color: var(--text-dark); line-height: 1.6; }
h1, h2, h3, h4 { font-family: 'Playfair Display', serif; font-weight: 600; color: var(--walnut); }
a { text-decoration: none; color: inherit; transition: 0.3s; }
header { background-color: var(--walnut); padding: 15px 5%; display: flex; justify-content: space-between; align-items: center; position: sticky; top: 0; z-index: 1000; box-shadow: 0 4px 6px rgba(0,0,0,0.1); }
nav ul { list-style: none; display: flex; gap: 20px; flex-wrap: wrap; align-items: center;}
nav ul li a { color: var(--text-light); font-size: 15px; text-transform: uppercase; letter-spacing: 1px; }
nav ul li a:hover { color: var(--gold); }

/* Header Book Now Highlight */
nav ul li a.btn-book-header { background-color: var(--gold) !important; color: var(--walnut) !important; padding: 10px 20px !important; border-radius: 4px; font-weight: 700; }
nav ul li a.btn-book-header:hover { background-color: #b5952f !important; color: white !important; }

/* Universal Footer */
.universal-footer { background-color: var(--walnut); color: var(--text-light); padding: 60px 10% 20px; border-top: 3px solid var(--gold); margin-top: 60px;}
.footer-container { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 40px; margin-bottom: 40px; }
.footer-col { flex: 1; min-width: 200px; }
.footer-col h4 { color: var(--text-light); font-size: 18px; margin-bottom: 20px; text-transform: uppercase; border-bottom: 1px solid #6b523e; padding-bottom: 10px; }
.footer-links { list-style: none; }
.footer-links li { margin-bottom: 12px; }
.footer-links a { color: #ddd; font-size: 15px; }
.footer-links a:hover { color: var(--gold); padding-left: 5px; }
.social-links { display: flex; gap: 15px; margin-top: 15px; }
.social-links a { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; background-color: #6b523e; border-radius: 50%; color: white; transition: 0.3s;}
.social-links a:hover { background-color: var(--gold); transform: translateY(-3px); }
.footer-bottom { text-align: center; border-top: 1px solid #6b523e; padding-top: 20px; font-size: 14px; color: #aaa; }

/* Floating WA Button */
.floating-wa { position: fixed; bottom: 25px; right: 25px; background-color: #25D366; color: white; width: 60px; height: 60px; border-radius: 50%; display: flex; justify-content: center; align-items: center; box-shadow: 0 4px 10px rgba(0,0,0,0.3); z-index: 9999; transition: 0.3s; }
.floating-wa:hover { transform: scale(1.1); background-color: #128C7E; }
.floating-wa svg { width: 35px; height: 35px; fill: white; }