/*
Theme Name: Mount Batur Tours
Theme URI:
Author: Mount Batur Tours
Description: Custom tour booking theme for Mount Batur Tours, Bali
Version: 1.0.0
Text Domain: mountbatur
*/

/* Base body styles */
body {
    font-family: 'Nunito Sans', sans-serif;
    background-color: #fcf9f8;
    color: #1c1b1b;
}

/* Material Symbols */
.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
    font-family: 'Material Symbols Outlined';
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
}

/* Hero gradient */
.hero-gradient {
    background: linear-gradient(to bottom, rgba(1, 45, 29, 0.4), rgba(1, 45, 29, 0.7));
}

/* Active filter pill */
.active-filter {
    background-color: #012d1d;
    color: #ffffff;
}

/* Timeline for itinerary */
.timeline-node::before {
    content: '';
    position: absolute;
    left: 7px;
    top: 24px;
    bottom: -8px;
    width: 2px;
    background-color: #012d1d;
}
.timeline-node:last-child::before {
    display: none;
}

/* Hide scrollbar for related tours carousel */
.scrollbar-hide::-webkit-scrollbar {
    display: none;
}
.scrollbar-hide {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* Sticky header shadow on scroll */
.header-scrolled {
    box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1), 0 2px 4px -1px rgba(0,0,0,0.06);
}

/* Offset sticky elements when WordPress admin bar is visible */
.admin-bar #site-header {
    top: 32px;
}
.admin-bar #tour-tab-bar {
    top: 96px; /* 32px admin-bar + 64px header */
}
.admin-bar #booking-sidebar {
    top: 96px; /* 32px admin-bar + 64px header */
}

@media screen and (max-width: 782px) {
    .admin-bar #site-header {
        top: 46px;
    }
    .admin-bar #tour-tab-bar {
        top: 110px; /* 46px admin-bar + 64px header */
    }
    .admin-bar #booking-sidebar {
        top: 110px;
    }
}

/* WP core alignment classes */
.alignleft { float: left; margin-right: 1.5em; }
.alignright { float: right; margin-left: 1.5em; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption { max-width: 100%; }
.wp-caption-text { font-size: 12px; color: #414844; }

/* Gallery */
.gallery { display: flex; flex-wrap: wrap; gap: 8px; }
.gallery-item { flex: 1 1 200px; }
.gallery-item img { width: 100%; height: auto; object-fit: cover; border-radius: 0.5rem; }

/* Star rating filled variant */
.star-filled {
    font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

/* Custom logo size constraint */
.custom-logo-link {
    display: flex;
    align-items: center;
}
.custom-logo {
    height: 40px;
    width: auto;
    display: block;
}