/*
Theme Name: Ripple Safaris
Theme URI: https://www.ripplesafaris.com/
Author: Antigravity
Author URI: https://deepmind.google/
Description: A premium, high-conversion WordPress theme for Ripple Safaris, specializing in Uganda and Rwanda safari tours.
Version: 1.0.0
Text Domain: ripplesafaris
*/

/* Custom styles can be added below */
body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.hero-bg {
    background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('https://images.unsplash.com/photo-1516426122078-c23e76319801?w=1920&h=1080&fit=crop');
    background-size: cover;
    background-position: center;
}

.text-orange { color: #FF6600; }
.bg-orange { background-color: #FF6600; }
.bg-orange:hover { background-color: #E65C00; }
.border-orange { border-color: #FF6600; }
.star-rating { color: #FF6600; }
.card-shadow { box-shadow: 0 2px 8px rgba(0,0,0,0.1); }
.card-shadow:hover { box-shadow: 0 4px 16px rgba(0,0,0,0.15); }

/* Mobile Menu */
.mobile-menu {
    transform: translateX(-100%);
    transition: transform 0.3s ease-in-out;
}
.mobile-menu.open { transform: translateX(0); }
.mobile-menu-overlay {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}
.mobile-menu-overlay.open {
    opacity: 1;
    visibility: visible;
}
body.menu-open { overflow: hidden; }

/* Filter Checkbox Styling */
.filter-checkbox:checked {
    background-color: #FF6600;
    border-color: #FF6600;
}

/* Horizontal Scroll for Mobile Filters */
.horizontal-filter-scroll {
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.horizontal-filter-scroll::-webkit-scrollbar { display: none; }

/* Dropdowns */
.filter-dropdown {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-in-out;
}
.filter-dropdown.open { max-height: 500px; }


/* Modal Content Animation */
.inquiry-modal {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.5);
    z-index: 100;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 20px;
}
.inquiry-modal.open { display: flex; }
.inquiry-modal-content {
    background: white;
    width: 100%;
    max-width: 500px;
    border-radius: 20px;
    padding: 32px;
    max-height: 90vh;
    overflow-y: auto;
    animation: modalSlideUp 0.3s ease-out;
}
@keyframes modalSlideUp {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}