/* ============================================
   MOBILE RESPONSIVE FIXES - ALL PAGES
   ============================================ */

/* Global mobile padding adjustments */
@media (max-width: 767px) {
    /* Reduce body top padding on mobile */
    body {
        padding-top: 4rem !important;
    }

    /* Hero sections - reduce excessive padding */
    .hero-inner,
    .sesh-hero-inner {
        padding: 6rem 1rem 4rem !important;
    }

    .about-hero-content,
    .news-hero-content,
    .single-hero-content,
    .error-hero-content {
        padding: 2rem 1rem 0rem !important;
    }

    .about-hero,
    .news-hero,
    .single-hero {
        margin-top: -4rem !important;
        padding-top: 4rem !important;
    }

    .hero {
        margin-top: -4rem !important;
    }

    /* Section padding reduction */
    .about,
    .offers,
    .testi,
    .blog,
    .about-story,
    .about-testimonials,
    .sesh-pricing {
        padding: 4rem 0 !important;
    }

    .news-section,
    .single-article,
    .single-comments {
        padding: 3rem 0 !important;
    }

    .contact-page {
        padding-top: 2rem !important;
        padding-bottom: 4rem !important;
    }

    .bk-page {
        padding: 2rem 0 4rem !important;
    }

    /* Inner container padding */
    .about-inner,
    .offers-inner,
    .testi-inner,
    .blog-inner,
    .about-story-inner,
    .about-testimonials-inner,
    .sesh-pricing-inner,
    .news-section-inner,
    .single-article-inner,
    .contact-hero,
    .contact-cards,
    .contact-form,
    .bk-container,
    .bk-form,
    .error-section-inner {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }

    /* Hero title sizing */
    .hero-title {
        font-size: 2.5rem !important;
    }

    .about-title,
    .sesh-title,
    .news-title,
    .single-title,
    .contact-title {
        font-size: 2rem !important;
    }

    .about-story-title,
    .testi-title,
    .offers-title,
    .blog-title,
    .cta-title,
    .bk-title,
    .error-title {
        font-size: 1.75rem !important;
    }

    /* Hero description */
    .hero-description {
        font-size: 1rem !important;
    }

    /* Hero features - stack on mobile */
    .hero-features {
        grid-template-columns: 1fr !important;
        gap: 0.5rem !important;
    }

    .hero-feature {
        flex-direction: row !important;
        justify-content: center !important;
        gap: 0.5rem !important;
        padding: 0.75rem !important;
    }

    /* Hero stat card and trust card - hide on mobile */
    .hero-stat-card,
    .hero-trust-card {
        display: none !important;
    }

    /* Hero image adjustments */
    .hero-image-wrapper {
        margin-top: 2rem !important;
    }

    .hero-image-container {
        border-radius: 1.5rem !important;
    }

    /* About section - stack on mobile */
    .about-inner {
        grid-template-columns: 1fr !important;
        gap: 3rem !important;
    }

    .about-quote {
        position: relative !important;
        bottom: auto !important;
        right: auto !important;
        margin-top: 1rem !important;
        max-width: 100% !important;
    }

    .about-story-quote {
        position: relative !important;
        bottom: auto !important;
        right: auto !important;
        margin-top: 1rem !important;
        max-width: 100% !important;
    }

    /* Stats grid */
    .about-stats,
    .about-story-stats,
    .about-stats,
    .testi-stats {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 0.75rem !important;
    }

    /* Offers grid */
    .offers-grid {
        grid-template-columns: 1fr !important;
        gap: 1rem !important;
    }

    .offer-card {
        padding: 1.5rem !important;
    }

    /* Testimonial cards */
    .testi-card,
    .about-testimonial {
        width: 85% !important;
        padding: 1.5rem !important;
    }

    .testi-quote,
    .about-testimonial blockquote {
        font-size: 1rem !important;
    }

    .testi-track,
    .about-testimonials-scroll {
        margin-left: -1rem !important;
        margin-right: -1rem !important;
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }

    /* Blog grid */
    .blog-grid {
        grid-template-columns: 1fr !important;
    }

    /* CTA section */
    .cta-grid {
        grid-template-columns: 1fr !important;
        gap: 1.5rem !important;
    }

    .cta-card {
        padding: 2rem !important;
    }

    .cta-right {
        padding-left: 0 !important;
    }

    /* Sessions pricing */
    .sesh-pricing-grid {
        grid-template-columns: 1fr !important;
    }

    .sesh-card {
        padding: 1.5rem !important;
    }

    .sesh-pricing-header {
        margin-bottom: 2rem !important;
    }

    /* Booking page */
    .bk-section {
        padding: 1.25rem !important;
    }

    .bk-details-grid {
        grid-template-columns: 1fr !important;
    }

    .bk-payment-grid {
        grid-template-columns: 1fr !important;
    }

    .bk-sidebar {
        margin-top: 1.5rem !important;
    }

    .bk-summary {
        padding: 1.25rem !important;
    }

    /* Contact page */
    .contact-cards {
        grid-template-columns: 1fr !important;
        margin-top: 2rem !important;
    }

    .contact-card {
        padding: 1.25rem !important;
    }

    .contact-form-inner {
        padding: 1.5rem !important;
    }

    .contact-form-row {
        grid-template-columns: 1fr !important;
    }

    /* News page */
    .news-section-inner {
        grid-template-columns: 1fr !important;
    }

    .news-sidebar {
        margin-top: 2rem !important;
    }

    .news-grid {
        grid-template-columns: 1fr !important;
    }

    /* Single post */
    .single-meta {
        flex-direction: row;
        align-items: flex-start !important;
        gap: 0.75rem !important;
        justify-content: center;
    }

    .single-meta-share {
        margin-left: 0 !important;
    }

    /* 404 page */
    .error-links-list {
        flex-direction: column !important;
        gap: 0.5rem !important;
    }

    /* Footer */
    .ftr-main {
        grid-template-columns: 1fr !important;
        gap: 2rem !important;
        padding: 2rem 1rem !important;
    }

    .ftr-col {
        padding: 0 !important;
    }

    /* Sticky book button */
    .sticky-book-btn {
        bottom: 1rem !important;
        right: 1rem !important;
        left: 1rem !important;
        text-align: center !important;
        justify-content: center !important;
    }

    /* Header adjustments */
    .header-inner {
        padding: 0 0.75rem !important;
    }

    .header-bar {
        padding: 0.5rem 0.75rem !important;
    }

    .header-logo-img {
        height: 40px !important;
    }

    /* About testimonials header */
    .about-testimonials-header {
        flex-direction: column !important;
        align-items: flex-start !important;
    }

    .testi-head {
        flex-direction: column !important;
        align-items: flex-start !important;
    }

    .testi-nav {
        align-self: flex-end !important;
    }

    /* Blog featured */
    .blog-featured {
        padding: 1.25rem !important;
    }

    .blog-featured-title {
        font-size: 1.25rem !important;
    }

    /* Offer badge positioning */
    .offer-badge {
        right: 1rem !important;
    }

    /* Session card badge */
    .sesh-card-badge {
        font-size: 10px !important;
        padding: 0.25rem 0.5rem !important;
    }
}

/* Small mobile adjustments */
@media (max-width: 480px) {
    .hero-inner,
    .sesh-hero-inner {
        padding: 5rem 0.75rem 3rem !important;
    }

    .hero-title {
        font-size: 2rem !important;
    }

    .about-title,
    .sesh-title,
    .news-title,
    .single-title,
    .contact-title {
        font-size: 1.75rem !important;
    }

    .about-story-title,
    .testi-title,
    .offers-title,
    .blog-title,
    .cta-title,
    .bk-title {
        font-size: 1.5rem !important;
    }

    .hero-description,
    .sesh-desc,
    .news-subtitle {
        font-size: 0.9rem !important;
    }

    .hero-actions {
        flex-direction: column !important;
        align-items: stretch !important;
    }

    .btn-primary,
    .btn-secondary {
        justify-content: center !important;
        width: 100% !important;
    }

    .about-stats,
    .about-story-stats,
    .testi-stats {
        grid-template-columns: 1fr !important;
    }

    .testi-card,
    .about-testimonial {
        width: 90% !important;
        padding: 1.25rem !important;
    }

    .offer-card,
    .sesh-card {
        padding: 1.25rem !important;
    }

    .contact-form-inner {
        padding: 1.25rem !important;
    }

    .bk-section {
        padding: 1rem !important;
    }

    .cta-card {
        padding: 2rem !important;
    }
}

/* Tablet adjustments */
@media (min-width: 768px) and (max-width: 1023px) {
    .hero-inner {
        padding: 7rem 1.5rem 5rem !important;
    }

    .about-inner {
        gap: 3rem !important;
    }

    .offers-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }

    .testi-card,
    .about-testimonial {
        width: 50% !important;
    }

    .sesh-pricing-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }

    .ftr-main {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}