/* Fix Webflow CSS background image paths for Laravel */

/* ==============================================
   CUSTOM FONT INTEGRATION - SANGIRA
   ============================================== */

/* Apply Sangira font to all headings for elegant, luxury feel */
h1, h2, h3, h4, h5, h6,
.heading, .heading-2, .heading-3, .heading-4, .heading-5, .heading-6,
.display-heading, .hero-heading, .section-heading,
.navbar-logo, .footer-logo,
.text-block, .text-block-2, .text-block-3,
.paragraph-large, .paragraph-bigger,
.tab-link-text, .nav-link-text {
    font-family: 'Sangira', 'Georgia', serif !important;
}

/* Apply to specific Webflow classes used for titles and important text */
.heading-block .heading,
.heading-block .heading-2,
.parallax-bg .heading,
.content-section .heading,
.navbar .logo-text,
.safari-card h3,
.accommodation-card h3,
.testimonial-name,
.blog-title,
.package-title,
.section-title {
    font-family: 'Sangira', 'Georgia', serif !important;
}

/* Keep body text in original fonts for readability */
body, p, .paragraph, .text, input, textarea, button {
    font-family: var(--font-body, 'Montserrat', 'Karla', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif);
}

/* ==============================================
   BRAND COLORS (Emayani)
   ============================================== */

/* Default accent for links and UI highlights */
a {
    color: var(--brand-accent, #c05e28);
}

/* Light accent tone for secondary/overline text */
.title-all-caps,
.title-all-caps-2,
.title-all-caps-3,
.hero-mini-text-2 {
    color: var(--brand-accent-light, #d6b987);
}

/* Ensure primary CTAs use the brand accent color */
.button.w-button,
.button-fill-2.w-button,
.form-button.w-button,
.submit-button.w-button,
.pricing-button.w-button,
.call-us-2.w-inline-block {
    background-color: var(--brand-accent, #c05e28) !important;
    border-color: var(--brand-accent, #c05e28) !important;
    color: #ffffff !important;
}

.button.w-button:hover,
.button-fill-2.w-button:hover,
.form-button.w-button:hover,
.submit-button.w-button:hover,
.pricing-button.w-button:hover,
.call-us-2.w-inline-block:hover {
    filter: brightness(0.95);
}

/* Make outline/ghost buttons (if any) still use the accent */
.button-outline.w-button {
    border-color: var(--brand-accent, #c05e28) !important;
}

/* ==============================================
   BACKGROUND IMAGE FIXES
   ============================================== */

/* Hero Backgrounds - All using high-quality Unsplash images */
.parallax-bg.hero {
    /* Safari lodge ambiance - Aanamra - Beautiful African lodge exterior */
    background-image: url('https://images.unsplash.com/photo-1523805009345-7448845a9e53?w=1600&h=900&fit=crop&q=85');
    background-size: cover; background-position: center; background-repeat: no-repeat;
}

.parallax-bg.hero-3 {
    /* Serengeti camp feel - Anantya Serengeti - Elephants in golden sunset */
    background-image: url('https://images.unsplash.com/photo-1516426122078-c23e76319801?w=1600&h=900&fit=crop&q=85');
    background-size: cover; background-position: center; background-repeat: no-repeat;
}

.parallax-bg.hero-4 {
    /* Luxury lodge room - Amaya Karatu - Elegant safari lodge interior */
    background-image: url('https://images.unsplash.com/photo-1611892440504-42a792e24d32?w=1600&h=900&fit=crop&q=85');
    background-size: cover; background-position: center; background-repeat: no-repeat;
}

.parallax-bg.hero-5 {
    /* Luxury tented camp interior - Glamping setup with sunset view */
    background-image: url('https://images.unsplash.com/photo-1571003123894-1f0594d2b5d9?w=1600&h=900&fit=crop&q=85');
    background-size: cover; background-position: center; background-repeat: no-repeat;
}

.parallax-bg.about-us {
    /* About Us page hero - Safari jeep in Serengeti landscape */
    background-image: url('https://images.unsplash.com/photo-1547471080-7cc2caa01a7e?w=1600&h=900&fit=crop&q=85');
    background-size: cover; background-position: center; background-repeat: no-repeat;
}

/* Gallery/Activity Images */
.change-this-image.team.act-1 {
    background-image: url('/assets/cdn.prod.website-files.com/64467e9d224ccc48a91026b5/6866260c9835b7524abb92ce_50.avif') !important;
}

.change-this-image.team-5.act-2,
.change-this-image.team.act-3 {
    background-image: url('/assets/cdn.prod.website-files.com/64467e9d224ccc48a91026b5/6866260c9835b7524abb92dd_53.avif') !important;
}

.change-this-image.team-5.act-4 {
    background-image: url('/assets/cdn.prod.website-files.com/64467e9d224ccc48a91026b5/6866260c9835b7524abb92fb_7%20(1).avif') !important;
}

/* Safari Card Backgrounds */
.change-this-image.safari-1 {
    background-image: linear-gradient(#00000080, #00000080), url('/assets/cdn.prod.website-files.com/64467e9d224ccc48a91026b5/6866260c9835b7524abb92ce_50.avif') !important;
}

.change-this-image.safari-2 {
    background-image: linear-gradient(#00000080, #00000080), url('/assets/cdn.prod.website-files.com/64467e9d224ccc48a91026b5/6866260c9835b7524abb92dd_53.avif') !important;
}

.change-this-image.safari-3 {
    background-image: linear-gradient(#00000080, #00000080), url('/assets/cdn.prod.website-files.com/64467e9d224ccc48a91026b5/6866260c9835b7524abb92f1_42.avif') !important;
}

.change-this-image.safari-4 {
    background-image: linear-gradient(#00000080, #00000080), url('/assets/cdn.prod.website-files.com/64467e9d224ccc48a91026b5/6866260c9835b7524abb92fb_7%20(1).avif') !important;
}

.change-this-image.safari-5 {
    background-image: linear-gradient(#00000080, #00000080), url('/assets/cdn.prod.website-files.com/64467e9d224ccc48a91026b5/6866260c9835b7524abb92e7_8.avif') !important;
}

.change-this-image.safari-6 {
    background-image: linear-gradient(#00000080, #00000080), url('/assets/cdn.prod.website-files.com/64467e9d224ccc48a91026b5/6866260c9835b7524abb9305_51.avif') !important;
}

/* Amenities Backgrounds */
.parallax-bg.amenity {
    background-image: url('/assets/cdn.prod.website-files.com/64467e9d224ccc48a91026b5/644900cbf04e252c1b0e2ea6_Webversion_Gym-_-Uniques-Arusha_RevB.gif') !important;
}

.parallax-bg.amenity.brkscroll {
    background-image: url('/assets/cdn.prod.website-files.com/64467e9d224ccc48a91026b5/65e84b7892f055abc5cfd7c2_2anantya.avif') !important;
}

.parallax-bg.amen2._2 {
    background-image: url('/assets/cdn.prod.website-files.com/64467e9d224ccc48a91026b5/64a009dad55bea36368e2317_Gym%202.avif') !important;
}

.parallax-bg.amen3 {
    background-image: url('/assets/cdn.prod.website-files.com/64467e9d224ccc48a91026b5/64a0049219ddf795aaf3bf1b_Tanzania%20view%202.avif') !important;
}

.parallax-bg.amen3._3 {
    background-image: url('/assets/cdn.prod.website-files.com/64467e9d224ccc48a91026b5/654b8e7d07b733dc349ac818_WhatsApp%20Image%202023-11-06%20at%204.20.15%20PM.avif') !important;
}

.parallax-bg.amenity-2 {
    background-image: url('/assets/cdn.prod.website-files.com/64467e9d224ccc48a91026b5/64a009dad55bea36368e2317_Gym%202.avif') !important;
}

.parallax-bg.amenity-2._1 {
    background-image: url('/assets/cdn.prod.website-files.com/64467e9d224ccc48a91026b5/654b8e7d07b733dc349ac818_WhatsApp%20Image%202023-11-06%20at%204.20.15%20PM.avif') !important;
}

/* Culinary/Gallery Sliders */
.parallax-bg.review {
    background-image: url('/assets/cdn.prod.website-files.com/64467e9d224ccc48a91026b5/67a4a0bbaea7d0d79a17d85e_Anantya%20Serengeti%20(13).avif') !important;
}

.parallax-bg.review-2 {
    background-image: url('/assets/cdn.prod.website-files.com/64467e9d224ccc48a91026b5/65aae0dab2b3f6bf9ce10990_STAFF.avif') !important;
}

.parallax-bg.review-3 {
    background-image: url('/assets/cdn.prod.website-files.com/64467e9d224ccc48a91026b5/65ae3ae9dba71fccffe418a9_Luxury%20Tent.avif') !important;
}

.parallax-bg.review-4 {
    background-image: url('/assets/cdn.prod.website-files.com/64467e9d224ccc48a91026b5/64809de5e0ff262bec8f7178_tanzania%20view%201%20-%20Revision.avif') !important;
}

.parallax-bg.review-5 {
    background-image: url('/assets/cdn.prod.website-files.com/64467e9d224ccc48a91026b5/6477125b21462d0f319c0c34__7R42257.avif') !important;
}

.parallax-bg.review-6 {
    background-image: url('/assets/cdn.prod.website-files.com/64467e9d224ccc48a91026b5/6474a658131edc2632f543af__7R46774.avif') !important;
}

/* Pricing Backgrounds */
.parallax-bg.pricing {
    background-image: url('/assets/cdn.prod.website-files.com/64467e9d224ccc48a91026b5/648779f27ae3614e886c3e67_DSC00502%20(2).avif') !important;
}

.parallax-bg.pricing-2 {
    background-image: url('/assets/cdn.prod.website-files.com/64467e9d224ccc48a91026b5/64467e9d224ccc37a7102778_Hero-bg.avif') !important;
}

.parallax-bg.pricing-3 {
    background-image: url('/assets/cdn.prod.website-files.com/64467e9d224ccc48a91026b5/64467e9d224ccc37a7102778_Hero-bg.avif') !important;
}

.parallax-bg.pricing-4 {
    background-image: url('/assets/cdn.prod.website-files.com/64467e9d224ccc48a91026b5/64467e9d224ccc37a7102778_Hero-bg.avif') !important;
}

/* Eco-conscious section */
.parallax-bg._1 {
    background-image: url('/assets/cdn.prod.website-files.com/64467e9d224ccc48a91026b5/64467e9d224cccc86e102746_pexels-michael-block-3225531.avif') !important;
}

.parallax-bg._2 {
    background-image: url('/assets/cdn.prod.website-files.com/64467e9d224ccc48a91026b5/64467e9d224ccc3b40102725_mk-s-WXhBCm3qbsQ-unsplash.avif') !important;
}

/* Map section */
.change-this-image.map {
    background-image: url('/assets/cdn.prod.website-files.com/64467e9d224ccc48a91026b5/64900e3904af85ab6b0b596b_Map-of-Tanzania-for-points1.avif') !important;
}

/* Instagram section */
.change-insta-image.insta {
    background-image: url('/assets/cdn.prod.website-files.com/64467e9d224ccc48a91026b5/6474669fb2c76397ccbf75b5_banner-image4.avif') !important;
}

.change-insta-image.insta-2 {
    background-image: url('/assets/cdn.prod.website-files.com/64467e9d224ccc48a91026b5/64ca91e6c0ec33b884b2ee95_DSC02853.avif') !important;
}

.change-insta-image.insta-3 {
    background-image: url('/assets/cdn.prod.website-files.com/64467e9d224ccc48a91026b5/68668619621a97a9e75d62dc_Spa%20Services%20&%20Prices%20(1)-min.avif') !important;
}

.change-insta-image.insta-4 {
    background-image: url('/assets/cdn.prod.website-files.com/64467e9d224ccc48a91026b5/6866260c9835b7524abb92c4_36.avif') !important;
}

/* Palm tree background */
.parallax-bg.palm {
    background-image: url('/assets/cdn.prod.website-files.com/64467e9d224ccc48a91026b5/64ca7a9e7fb696cc58c51446__7R48103%20(1).avif') !important;
}

/* ------------------------------------------------------ */
/* UI Enhancements: logos, blog, social hover, gallery grid */
/* ------------------------------------------------------ */

/* As Seen on Exclusive Review Sites - hover effects */
.logos-flex.full { 
    display: flex; 
    flex-wrap: wrap; 
    gap: 24px; 
    justify-content: center; 
    align-items: center;
}
.logo-item { 
    filter: grayscale(100%); 
    opacity: 0.8; 
    transition: transform .3s ease, filter .3s ease, opacity .3s ease; 
}
.logo-item:hover { 
    filter: grayscale(0%); 
    opacity: 1; 
    transform: translateY(-4px) scale(1.05); 
}

/* Blog cards - grid & hover overlay */
.content-section.blog .flex-wrap { 
    display: grid; 
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); 
    gap: 24px; 
}
.content-section.blog .collection-item .relative { 
    position: relative; 
    overflow: hidden; 
    border-radius: 12px; 
    box-shadow: 0 10px 25px rgba(0,0,0,.08);
    background: #fff;
}
.content-section.blog .collection-item img { 
    display: block; 
    width: 100%; 
    height: 220px; 
    object-fit: cover; 
}
.content-section.blog .hover-image { 
    position: absolute; 
    inset: 0; 
    background-size: cover; 
    background-position: center; 
    transform: scale(1.05); 
    transition: transform .4s ease, opacity .4s ease; 
}
.content-section.blog .link-block:hover .hover-image { transform: scale(1.15); }
.content-section.blog .hover-overlay { 
    position: absolute; 
    inset: 0; 
    background: linear-gradient(180deg, rgba(0,0,0,0), rgba(0,0,0,.55)); 
    opacity: 0; 
    transition: opacity .3s ease; 
}
.content-section.blog .link-block:hover .hover-overlay { opacity: 1; }
.content-section.blog .button.white { 
    position: absolute; 
    bottom: 16px; 
    left: 16px; 
    background: #fff; 
    color: #111; 
    padding: 8px 14px; 
    border-radius: 9999px; 
    font-weight: 600; 
    transform: translateY(8px); 
    opacity: 0; 
    transition: all .25s ease; 
}
.content-section.blog .link-block:hover .button.white { opacity: 1; transform: translateY(0); display: block !important; }
.content-section.blog .preview-text-container { padding: 10px 4px 0; }
.content-section.blog .preview-link { text-decoration: none; }

/* Bottom social media - reveal icon on hover */
.flex-instagram .insta-pic { position: relative; overflow: hidden; border-radius: 12px; }
.flex-instagram .hover-insta-overlay { 
    position: absolute; 
    inset: 0; 
    display: flex; 
    align-items: center; 
    justify-content: center; 
    background: rgba(0,0,0,.45); 
    opacity: 0; 
    transition: opacity .3s ease; 
}
.flex-instagram .insta-pic:hover .hover-insta-overlay { opacity: 1; }
.flex-instagram .hover-icon { transform: scale(.9); transition: transform .2s ease; }
.flex-instagram .insta-pic:hover .hover-icon { transform: scale(1); }

/* Gallery - Additional Activities layout (flex-based grid) & hover */
.team-flex {
    display: flex;
    flex-wrap: wrap;
    gap: 28px;
    align-items: stretch;
}
.team-flex .team-item {
    width: auto; /* override Webflow width:27% */
    margin: 0;   /* use gap instead of margins */
    display: block; /* override inline-block */
}
.team-item {
    flex: 1 1 calc(50% - 28px); /* large two-column layout on desktop */
    min-width: 280px;
}
@media (max-width: 767px) {
    .team-item { flex-basis: 100%; }
}
.team-item .link-preview-hidden-3 { 
    position: relative; 
    overflow: hidden; 
    border-radius: 12px; 
    box-shadow: 0 8px 20px rgba(0,0,0,.06); 
    height: 460px; /* larger visuals */
    width: 100%;
}
.team-item .link-preview-hidden-3 > img { display: none; }
.team-item .change-this-image { 
    background-size: cover; 
    background-position: center; 
    transition: transform .4s ease; 
}
.team-item .link-preview-hidden-3:hover .change-this-image { transform: scale(1.05); }

/* Slightly larger captions below cards */
.team-text-box .team-name-4 { font-size: 1.2rem; font-weight: 600; }