/* Cental Template - Color Variable Overrides for Sharma Tours & Travels */
/* Maps template's primary/secondary to existing blue/yellow brand colors */

:root {
    --bs-primary: #1E3F66;
    --bs-primary-rgb: 30, 63, 102;
    --bs-secondary: #0F1D38;
    --bs-secondary-rgb: 15, 29, 56;
    --bs-dark: #0a0f1e;
    --bs-dark-rgb: 10, 15, 30;
    --brand-yellow: #FFD700;
    --brand-yellow-bootstrap: #FFC107;
}

/* Override primary buttons to use yellow accent for CTAs */
.btn.btn-primary {
    background-color: #1E3F66;
    border-color: #1E3F66;
    color: #fff;
}
.btn.btn-primary:hover {
    background-color: #FFD700;
    border-color: #FFD700;
    color: #0F1D38;
}
.btn.btn-secondary {
    background-color: #0F1D38;
    border-color: #0F1D38;
    color: #fff;
}
.btn.btn-secondary:hover {
    background-color: #1E3F66;
    border-color: #1E3F66;
    color: #fff;
}

/* Primary text color */
.text-primary { color: #1E3F66 !important; }

/* Navbar links */
a.nav-item.nav-link {
    text-transform: uppercase;
    font-weight: 600 !important;
}
/* Top bar background - override bg-secondary only for topbar */
.topbar.bg-secondary { background-color: #0F1D38 !important; }

/* Footer bg-secondary social icon buttons */
.footer .btn-secondary { background-color: #1E3F66 !important; border-color: #1E3F66 !important; }

/* Footer links */
.footer a { text-decoration: none !important; }
.footer a:hover { color: #fff !important; }

/* SEO: Tap target minimum size for footer social buttons (48x48px) */
.footer .btn-md-square {
    width: 48px !important;
    height: 48px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* SEO: Carousel indicators - larger tap target for mobile */
.carousel-indicators [data-bs-target] {
    width: 40px;
    height: 8px;
    margin: 0 4px;
}

/* SEO: Minimum legible font size - nothing below 12px */
.faq-category-badge { font-size: 12px; }
.review-date { font-size: 12px !important; }

/* Make feature/service icons use yellow accent */
.feature .feature-item .feature-icon span,
.about .about-item .about-item-inner .about-icon,
.counter .counter-item .counter-item-icon,
.service .service-item .service-icon,
.contact .contact-add-item .contact-icon {
    background: #FFD700;
    color: #0F1D38;
}

/* Service item hover primary color */
.service .service-item::after {
    background: #1E3F66;
}

/* Categories hover glow uses yellow */
.categories .categories-item-inner:hover {
    box-shadow: 0 0 50px rgba(255, 215, 0, 0.3);
}

/* Carousel indicators */
.carousel-indicators [data-bs-target] {
    background-color: #0F1D38;
}
.carousel-indicators [data-bs-target].active {
    background-color: #FFD700;
}

/* Steps item background */
.steps .steps-item {
    background: #1E3F66;
}
.steps .steps-item .setps-number {
    background: #1E3F66;
}

/* Categories owl nav buttons */
.categories-carousel .owl-nav .owl-prev,
.categories-carousel .owl-nav .owl-next {
    background: #FFD700;
    color: #0F1D38;
}
.categories-carousel .owl-nav .owl-prev:hover,
.categories-carousel .owl-nav .owl-next:hover {
    background: #0F1D38;
    color: #fff;
}

/* Testimonial quote */
.testimonial .testimonial-item .testimonial-quote {
    background: #1E3F66;
}

/* Testimonial dots */
.testimonial-carousel .owl-dots .owl-dot {
    background: #FFD700;
}
.testimonial-carousel .owl-dots .owl-dot.active {
    background: #0F1D38;
}

/* Footer */
.footer { background: #0a0f1e; }
.copyright { background: #060a13; }

/* Banner CTA - yellow primary heading */
.banner .banner-item .banner-content h2 {
    color: #FFD700;
}

/* Category price pill */
.categories-content h4.bg-white.text-primary {
    color: #1E3F66 !important;
}

/* Blog date badge */
.blog .blog-item .blog-content .blog-date {
    background: #1E3F66;
}

/* Carousel booking form bg */
.carousel-caption .bg-secondary {
    background-color: rgba(15, 29, 56, 0.95) !important;
}

/* Booking form button */
.carousel-caption .btn-light:hover {
    background: #FFD700;
    border-color: #FFD700;
    color: #0F1D38;
}

/* About stats box */
.about .about-item .text-center.rounded.bg-secondary {
    background-color: #1E3F66 !important;
}

/* Back to top button - hidden by default, shown via JS scroll handler */
.back-to-top {
    display: none;
}
.back-to-top.btn-secondary {
    background-color: #FFD700 !important;
    border-color: #FFD700 !important;
    color: #0F1D38 !important;
}

/* Nav bar */
.nav-bar { background: #fff; }
.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link.active {
    color: #FFD700 !important;
}

/* Popular Route Cards */
.route-card {
    background: #fff;
    box-shadow: 0 0 30px rgba(0,0,0,0.08);
    border-radius: 10px;
    border-left: 4px solid #1E3F66;
    transition: 0.3s;
}
.route-card:hover {
    border-left-color: #FFD700;
    box-shadow: 0 0 40px rgba(30,63,102,0.15);
    transform: translateY(-3px);
}

/* City Dropdown Styling - override custom.css */
.city-dropdown {
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    background: #fff;
    border: 1px solid #ddd;
    border-top: none;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    max-height: 200px;
    overflow-y: auto;
    z-index: 9999 !important;
    border-radius: 0 0 8px 8px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    display: none;
}
.city-dropdown li {
    padding: 8px 12px !important;
    cursor: pointer;
    color: #333 !important;
    font-size: 13px !important;
    border-bottom: 1px solid #f5f5f5;
    display: block !important;
}
.city-dropdown li:hover {
    background: #f0f4ff !important;
    color: #1E3F66 !important;
}

/* Input container for city dropdown */
.input-container {
    position: relative;
    flex: 1;
}

/* Carousel caption overlay */
.carousel-item .carousel-caption {
    background: rgba(0,0,0,0.55);
}

/* Hero carousel height */
.carousel .carousel-item,
.carousel .carousel-item img {
    min-height: 600px;
}

/* Static hero (replaces sliding carousel on home page) */
.hero-static-wrap {
    position: relative;
    overflow: hidden;
}
.hero-static-img {
    min-height: 600px;
    object-fit: cover;
    display: block;
    width: 100%;
}
.hero-static-overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.55);
    display: flex;
    align-items: center;
}
.hero-static-overlay .bg-secondary {
    background-color: rgba(15, 29, 56, 0.95) !important;
}
/* Mobile: hide image, show form on gradient background */
@media (max-width: 991.98px) {
    .hero-static-img { display: none; }
    .hero-static-overlay {
        position: relative;
        background: linear-gradient(135deg, #0F1D38 0%, #1E3F66 100%);
        padding: 2rem 0;
    }
}

/* Service page search strip */
.svc-search-strip {
    background: linear-gradient(135deg, #0F1D38 0%, #1E3F66 100%);
    border-bottom: 3px solid #FFD700;
}
.svc-search-strip .form-control {
    border-radius: 8px;
    border: 1.5px solid rgba(255,255,255,0.2);
    background: rgba(255,255,255,0.95);
    font-size: 14px;
    height: 44px;
}
.svc-search-strip .form-control:focus {
    border-color: #FFD700;
    box-shadow: 0 0 0 3px rgba(255,215,0,0.2);
}

/* FAQ Section Styling */
.faq-section .faq-item {
    background: #fff;
    border-radius: 10px;
    padding: 20px;
    box-shadow: 0 0 20px rgba(0,0,0,0.06);
    border-left: 3px solid #1E3F66;
    margin-bottom: 10px;
}
.faq-section .faq-question {
    color: #0F1D38;
    font-size: 15px;
    margin-bottom: 8px;
}
.faq-section .faq-answer {
    color: #666;
    font-size: 14px;
    margin: 0;
}

/* ===== Floating Action Buttons ===== */
.floating-btn {
    position: fixed;
    right: 20px;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: #fff !important;
    text-decoration: none;
    z-index: 9999;
    box-shadow: 0 4px 15px rgba(0,0,0,0.25);
    transition: transform 0.2s;
}
.floating-btn:hover { transform: scale(1.12); }

/* Back to top - yellow/gold */
.floating-btn.back-to-top {
    bottom: 140px;
    background: #FFD700;
    color: #0F1D38 !important;
    animation: pulse-yellow 2s infinite;
}
/* Phone button - blue */
.floating-btn.float-phone {
    bottom: 82px;
    background: #1E3F66;
    animation: pulse-blue 2s infinite 0.4s;
}
/* WhatsApp button - green */
.floating-btn.float-whatsapp {
    bottom: 24px;
    background: #25D366;
    animation: pulse-green 2s infinite 0.8s;
}

@keyframes pulse-yellow {
    0%   { box-shadow: 0 0 0 0 rgba(255,215,0,0.7); }
    70%  { box-shadow: 0 0 0 12px rgba(255,215,0,0); }
    100% { box-shadow: 0 0 0 0 rgba(255,215,0,0); }
}
@keyframes pulse-blue {
    0%   { box-shadow: 0 0 0 0 rgba(30,63,102,0.7); }
    70%  { box-shadow: 0 0 0 12px rgba(30,63,102,0); }
    100% { box-shadow: 0 0 0 0 rgba(30,63,102,0); }
}
@keyframes pulse-green {
    0%   { box-shadow: 0 0 0 0 rgba(37,211,102,0.7); }
    70%  { box-shadow: 0 0 0 12px rgba(37,211,102,0); }
    100% { box-shadow: 0 0 0 0 rgba(37,211,102,0); }
}

/* ===== Global Modern Enhancements ===== */
html { scroll-behavior: smooth; }

/* Trust bar */
.trust-bar {
    background: linear-gradient(135deg, #0F1D38 0%, #1E3F66 100%);
    padding: 12px 0;
}
.trust-bar .trust-item {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    white-space: nowrap;
}
.trust-bar .trust-item i { color: #FFD700; font-size: 16px; }
.trust-bar .trust-divider {
    width: 1px;
    height: 24px;
    background: rgba(255,255,255,0.2);
}
.trust-bar .stars { color: #FFD700; letter-spacing: 1px; font-size: 14px; }

/* Google Reviews strip */
.reviews-section {
    background: #f8f9fc;
    padding: 60px 0;
}
.review-card {
    background: #fff;
    border-radius: 12px;
    padding: 24px;
    box-shadow: 0 2px 20px rgba(0,0,0,0.07);
    height: 100%;
    transition: transform 0.25s, box-shadow 0.25s;
    border-top: 3px solid #1E3F66;
}
.review-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 30px rgba(30,63,102,0.13);
}
.review-card .stars { color: #FFD700; font-size: 15px; }
.review-card .reviewer-name { font-weight: 700; color: #0F1D38; }
.review-card .review-date { font-size: 12px; color: #999; }
.review-card .review-text { color: #555; font-size: 14px; line-height: 1.7; }
.google-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 10px 18px;
    font-weight: 700;
    color: #333;
    font-size: 15px;
}
.google-badge .google-g { color: #4285F4; font-weight: 900; font-size: 20px; }

/* Section heading underline accent */
.section-heading-line {
    width: 60px;
    height: 4px;
    background: linear-gradient(90deg, #1E3F66, #FFD700);
    border-radius: 2px;
    margin: 10px auto 0;
}
.section-heading-line.left { margin-left: 0; }

/* Navbar shadow transition */
.nav-bar { transition: box-shadow 0.3s; }

/* Card hover lift for service items */
.service-item {
    transition: transform 0.25s, box-shadow 0.25s !important;
}
.service-item:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 12px 35px rgba(30,63,102,0.14) !important;
}

/* Feature item hover */
.feature-item {
    transition: background 0.25s, box-shadow 0.25s;
    border-radius: 10px;
    padding: 16px;
}
.feature-item:hover {
    background: #f0f4ff;
    box-shadow: 0 4px 20px rgba(30,63,102,0.08);
}

/* Breadcrumb link color */
.bg-breadcrumb .breadcrumb-item a { color: #FFD700 !important; text-decoration: none; }
.bg-breadcrumb .breadcrumb-item.active { color: #fff; }
.bg-breadcrumb .breadcrumb-item + .breadcrumb-item::before { color: rgba(255,255,255,0.5); }

/* E-E-A-T badges */
.eeat-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: #f0f4ff;
    border: 1px solid #d0ddf0;
    color: #1E3F66;
    font-size: 12px;
    font-weight: 600;
    padding: 5px 12px;
    border-radius: 20px;
}
.eeat-badge i { color: #FFD700; }

/* ===== Testimonial Page ===== */
.testimonial-card {
    border-top: 3px solid #1E3F66;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.testimonial-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 30px rgba(30,63,102,0.14) !important;
}
.testimonial-quote {
    position: absolute;
    top: 12px;
    right: 16px;
    font-size: 2.5rem;
    color: rgba(30,63,102,0.07);
    pointer-events: none;
}
.letter-spacing-2 { letter-spacing: 0.15em; }

/* ===== Legal / Policy Pages ===== */
.legal-content h2 {
    font-size: 1.35rem;
    font-weight: 700;
    color: #0F1D38;
    margin-top: 2rem;
    margin-bottom: 0.75rem;
    padding-bottom: 0.5rem;
    border-bottom: 2px solid #f0f4ff;
}
.legal-content h3 {
    font-size: 1.1rem;
    font-weight: 600;
    color: #1E3F66;
    margin-top: 1.25rem;
    margin-bottom: 0.5rem;
}
.legal-content p, .legal-content li {
    color: #555;
    line-height: 1.85;
    font-size: 0.96rem;
}
.legal-content ul { padding-left: 1.4rem; }
.legal-content table { font-size: 0.93rem; }
.policy-meta {
    background: #f8f9ff;
    border-left: 4px solid #1E3F66;
    padding: 0.9rem 1.25rem;
    border-radius: 0 8px 8px 0;
    margin-bottom: 2rem;
    font-size: 0.88rem;
    color: #555;
}
.policy-toc {
    background: #f0f4ff;
    border-radius: 12px;
    padding: 1.25rem 1.5rem;
    margin-bottom: 2rem;
}
.policy-toc h6 { font-weight: 700; color: #0F1D38; margin-bottom: 0.75rem; }
.policy-toc a {
    display: block;
    text-decoration: none;
    color: #1E3F66;
    font-size: 0.88rem;
    line-height: 2;
}
.policy-toc a:hover { color: #e15c15; }

/* Policy links bar in footer */
.policy-links-bar { background: #060a13; border-top: 1px solid rgba(255,255,255,0.07); }
.policy-links-bar a { color: rgba(255,255,255,0.45); text-decoration: none; font-size: 12px; padding: 8px 4px; transition: color 0.2s; }
.policy-links-bar a:hover { color: #FFD700; }

/* FAQ Standalone Page */
.faq-accordion .accordion-button {
    font-weight: 600;
    font-size: 0.96rem;
    color: #0F1D38;
    background: #f8f9ff;
}
.faq-accordion .accordion-button:not(.collapsed) {
    background: #1E3F66;
    color: #fff;
    box-shadow: none;
}
.faq-accordion .accordion-button:not(.collapsed)::after { filter: invert(1); }
.faq-accordion .accordion-item {
    border: 1px solid #e0e7f0;
    border-radius: 8px !important;
    margin-bottom: 8px;
    overflow: hidden;
}
.faq-accordion .accordion-body { font-size: 0.93rem; color: #555; line-height: 1.8; }
.faq-category-badge {
    display: inline-block;
    background: #1E3F66;
    color: #fff;
    font-size: 0.75rem;
    font-weight: 700;
    padding: 3px 12px;
    border-radius: 20px;
    margin-bottom: 1rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}