/*
Theme Name: Travel Theme (Dibash Sarkar Edition)
Theme URI: https://iwdindia.in/best-seo-expert-in-siliguri/
Author: Dibash Sarkar
Author URI: https://in.linkedin.com/in/dibash-sarkar-digital-marketing-seo
Description: A premium, ultra-modern, Tailwind-powered travel booking theme custom-crafted for Magic Fares. Engineered by Dibash Sarkar, Siliguri's premier SEO and Digital Marketing Expert. Connect: https://linktr.ee/dibash
Version: 1.5.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: travel, booking, tour, destination, clean, high-density, modern, seo-friendly
Text Domain: travel-theme
*/

/*
 * Tailwind CSS is enqueued via CDN in functions.php.
 * Add custom utility overrides or standard resets here if needed.
 */
/* Prevent horizontal scroll — use clip on body (hidden breaks sticky!) */
html {
    overflow-x: hidden;
}

body {
    overflow-x: clip;
    /* clip doesn't create a scroll container, sticky still works */
    max-width: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Lock sticky header — prevent slide on scroll */
header.sticky {
    position: sticky !important;
    top: 0 !important;
    will-change: transform;
    transform: translateZ(0);
    /* Override transition-all: only animate box-shadow, not position */
    transition: box-shadow 0.3s ease !important;
}



/* Custom Scrollbar */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
    background: #033C5D;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #033C5D;
}

/* Typography Overrides */
body {
    font-family: 'Poppins', sans-serif !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
.font-heading {
    font-family: 'Poppins', sans-serif !important;
}

/* Custom Logo Styling */
.custom-logo-wrapper img {
    object-fit: contain;
}

/* Section spacing override — mobile: no bottom padding, desktop: 1rem */
/* !important needed because Tailwind CDN loads after this stylesheet */
.py-16 {
    padding-top: 3rem !important;
    padding-bottom: 0rem !important;
}

@media (min-width: 768px) {
    .py-16 {
        padding-top: 3rem !important;
        padding-bottom: 1rem !important;
    }
}

/* Global padding override */
.px-4 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
}

/* Image CLS prevention resets (scoped to blog/article content) */
.entry-content img,
.tc-blog-post img,
.post-content img {
    max-width: 100%;
    height: auto;
}
img[loading="lazy"] {
    transition: opacity 0.3s;
}

/* Fix mouse pointer cursor on View Details and other interactive buttons */
.tc-view-btn,
.tc-hotel-view-btn,
.tc-blog-view-all-btn,
.tc-related-tour-card,
button.tc-view-btn {
    cursor: pointer !important;
}

/* Force booking form input backgrounds to remain white and text readable */
.tc-booking-form input,
.tc-booking-form select,
.tc-booking-form textarea,
.tc-price-box input,
.tc-price-box select {
    background-color: #ffffff !important;
    color: #1f2937 !important;
}