/* ==========================================================
   Angel Wing Spa — brand overrides on top of the Cappa theme
   Edit colours here: gold = #b8955f, deep brown = #4a3b2e
   ========================================================== */

/* ---------- Logo ---------- */
.logo-img { width: 118px; padding: 14px 0; }
.nav-scroll .logo-img { width: 86px; padding: 8px 0; }
.aw-footer-logo { width: 170px; margin-bottom: 20px; }
@media screen and (max-width: 991px) {
    .logo-img, .nav-scroll .logo-img { width: 84px; padding: 6px 0; }
}

/* ---------- Brand colour tweak (logo gold) ---------- */
.section-subtitle, .reservations .icon, .facilties .single-facility span,
.restaurant-menu .menu-info h5 .price, .footer .footer-about-social-list a:hover i { color: #b8955f; }

/* ---------- "Book Now" nav item ---------- */
.navbar .aw-nav-book .nav-link span {
    border: 1px solid rgba(255,255,255,.6);
    padding: 9px 18px;
    transition: all .3s;
}
.navbar .aw-nav-book .nav-link:hover span { background: #aa8453; border-color: #aa8453; color: #fff; }
.nav-scroll .aw-nav-book .nav-link span { border-color: #aa8453; }
@media screen and (max-width: 991px) {
    .navbar .aw-nav-book .nav-link span { border: 0; padding: 0; }
}

/* ---------- Floating WhatsApp ---------- */
.aw-whatsapp {
    position: fixed; left: 24px; bottom: 24px; z-index: 999;
    width: 54px; height: 54px; border-radius: 50%;
    background: #25d366; color: #fff !important;
    display: flex; align-items: center; justify-content: center;
    font-size: 28px; box-shadow: 0 6px 20px rgba(0,0,0,.25);
    transition: transform .3s;
}
.aw-whatsapp:hover { transform: scale(1.08); }

/* ---------- Images ---------- */
.about img.aw-tall { width: 100%; aspect-ratio: 3 / 4; object-fit: cover; }
.rooms1 .item .position-re img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }
.rooms1 .col-md-6 .item .position-re img { aspect-ratio: 16 / 9; }
.services .img img { width: 100%; height: 100%; min-height: 420px; object-fit: cover; }
.pricing .pricing-card img { aspect-ratio: 7 / 4; object-fit: cover; }
.gallery-item .gallery-img img { width: 100%; aspect-ratio: 3 / 2; object-fit: cover; }

/* ---------- Text helpers ---------- */
.aw-lead { color: #fff; font-size: 18px; line-height: 1.8em; }
.aw-meta { color: #aa8453; margin-top: 10px; }
.aw-meta .flaticon-clock { margin-right: 6px; }
.aw-menu-note { color: #999; font-size: 15px; }
.aw-check { color: #fff; margin-bottom: 6px; }
.aw-check i { color: #aa8453; margin-right: 8px; }

/* ---------- Facility icons (Font Awesome inside template span) ---------- */
.facilties .single-facility span.aw-ico i { font-size: 44px; }
.facilties .single-facility .facility-shape span.aw-ico i { font-size: 140px; }

/* ---------- Forms ---------- */
.aw-noicon:after { display: none !important; }
input[type="tel"], input[type="date"], input[type="time"], select.aw-select {
    max-width: 100%; width: 100%; display: block;
    margin-bottom: 15px; padding: 10px 0; height: auto;
    background: transparent; border: 0; border-bottom: 1px solid #ececec; border-radius: 0;
    font-family: 'Barlow', sans-serif; font-size: 15px; color: #666; line-height: 1.5em;
}
input[type="tel"]:focus, input[type="date"]:focus, input[type="time"]:focus, select.aw-select:focus {
    outline: none; border-color: #aa8453;
}
.btn-form1-submit .fa-whatsapp, .butn-dark2 .fa-whatsapp { font-size: 17px; }

/* Home quick booking bar: 5 fields + button */
@media screen and (min-width: 992px) {
    .aw-quickbar .c1 { width: 24%; }
    .aw-quickbar .c2 { width: 17%; }
    .aw-quickbar .c3, .aw-quickbar .c4, .aw-quickbar .c5 { width: 14%; }
    .aw-quickbar .c6 { width: 17%; }
}

/* Treatment menu */
.restaurant-menu .menu-info h5 .price { font-size: 16px; letter-spacing: 1px; }
.restaurant-menu .tabs-icon .item h6 { white-space: nowrap; }

/* Footer lines */
.footer-contact-mail.aw-block { display: table; }
.aw-foot-line { color: #fff; font-size: 15px; margin: 0; }
.aw-foot-line i { color: #aa8453; margin-right: 6px; }
.footer-contact-phone a { color: #fff; }
@media screen and (max-width: 767px) {
    .aw-quickbar .c4, .aw-quickbar .c5 { display: none; }
}