/* 1. Fix TikTok Icon */
.fa-tiktok::before {
    content: "\e07b" !important;
    font-family: "Font Awesome 6 Brands" !important;
}

/* 2. Remove Blue Highlights from Menu Items on Home Page */
body.home .navbar-area .menubar .menu-wrap > li.active > a, 
body.home .navbar-area .menubar .menu-wrap > li.current-menu-item > a,
body.home .navbar-area .menubar .menu-wrap > li:hover > a,
body.home .menubar .menu-wrap > li > a {
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    border: none !important;
}

/* 3. Keep Menu Text White */
body.home .menubar .menu-wrap > li > a {
    color: #ffffff !important;
}

/* Re-add the gradient highlight on hover for menu items on the home page */
body.home .navbar-area .menubar .menu-wrap > li > a:hover {
    background: linear-gradient(-137deg, #23cde0 0%, #172b56 100%) !important;
    color: #ffffff !important;
    transition: background 0.3s ease;
}

/* 1. Setup the main container */
#content {
    display: flex !important;
    flex-direction: column !important;
}

/* 2. TOP OF PAGE */
#slider-section { order: 1 !important; }
#info-section { order: 7 !important; }
#team-section { order: 4 !important; }       /* Meet the Team */

/* 3. MIDDLE SECTIONS */
#portfolio-section { order: 2 !important; }  /* Pricing */
#service-section { order: 3 !important; }    /* Our Trips */
#testimonial-section { order: 5 !important; } /* Reviews */

/* 4. BOTTOM SECTIONS */
#about-section { order: 6 !important; }      /* About Us */
#client-section { order: 8 !important; }     /* Trip FAQs (Repurposed) */
#cta-section { order: 9 !important; }    /* Still have questions? */

/* 5. Safety net for remaining active elements */
#content > section, #content > div {
    order: 20;
}

/* 1. Kill the loaders for good without blocking clicks */
#loader, 
.loader, 
.site-loader, 
.skitter-pre-loader, 
.awplife-loader, 
[class*="preloader"] {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

/* 2. Fix the "Invisible Wall" on the Service Section */
#service-section {
    position: relative !important;
    z-index: 1 !important;
}

/* 3. Force the buttons to stay on top of everything else */
#service-section .service-item {
    position: relative !important;
    z-index: 10 !important;
}

#service-section a, 
#service-section button {
    position: relative !important;
    z-index: 20 !important;
    pointer-events: auto !important;
    cursor: pointer !important;
}

/* Adjusts the spacing for the footer CTA section */
.footer-cta-section {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
    padding-left: 40px !important;
    padding-right: 40px !important;
}

/* Aligns the heading and text with the logo */
.footer-cta-section .heading-text {
    max-width: 1200px;
    margin: 0 auto;
}

/* Targets every accordion plus/minus icon on the entire site */
.kt-blocks-accordion-icon-trigger {
    color: #43c6d9 !important;
}

/* Ensure anchor links jump to the correct spot despite the sticky header */
#about-section, #client-section, #service-section {
    scroll-margin-top: 120px !important;
}

/* Hide the black box immediately before JS even runs */
.loader-container, 
#neom-preloader, 
.qodef-m-page-loader {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}

/* Force the site content to be visible from frame one */
#page {
    opacity: 1 !important;
    visibility: visible !important;
}

/* Hide the icon and the pulsing animation/marker entirely */
#cta-section .cta-content .cta-icon-wrap,
#cta-section .cta-content .icon-marker,
#cta-section .cta-content .pulse,
#cta-section .cta-content i.fa-comment {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}

/* Remove any forced padding that was reserved for the icon */
#cta-section .cta-content .cta-text-wrap {
    padding-left: 0 !important;
    margin-left: 0 !important;
}

/* 1. Hide the correct 'Our Trips' section initially */
body.home #portfolio-section {
    opacity: 0 !important;
    visibility: hidden !important;
    transition: opacity 0.4s ease-in;
}

/* 2. Show it once the page is fully ready */
body.home.loaded #portfolio-section {
    opacity: 1 !important;
    visibility: visible !important;
}

/* 3. Keep the reviews section stable */
#reviews-section {
    display: block !important;
    clear: both !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* Disable all animations on every page EXCEPT the home page */
body:not(.home) .neom-animate, 
body:not(.home) .wow, 
body:not(.home) .animated {
    opacity: 1 !important;
    visibility: visible !important;
    animation: none !important;
    transform: none !important;
    transition: none !important;
}