/* Share Your Story Section (Blog) */
.share-story-section {
    background: #fffde7;
    border-radius: 16px;
    box-shadow: 0 4px 16px rgba(9,30,66,.10);
    padding: 2rem;
    margin: 2rem auto;
}
.share-story-section h2 {
    color: #1a3c6e;
    margin-bottom: 1.2rem;
}
.share-story-section h4 {
    color: #1a3c6e;
    margin-bottom: 0.5rem;
}
.share-story-section p {
    color: #143a5a;
    font-size: 1.05rem;
}
.share-story-section form {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(9,30,66,.08);
    padding: 1.5rem;
    margin-bottom: 1rem;
}
.share-story-section .form-group {
    margin-bottom: 1rem;
}
.share-story-section input[type="text"],
.share-story-section input[type="email"],
.share-story-section textarea {
    width: 100%;
    border: 1px solid #b0bec5;
    border-radius: 6px;
    padding: 8px;
    background: #f7f9fa;
    font-size: 1rem;
}
.share-story-section input[type="file"] {
    border: 1px solid #b0bec5;
    border-radius: 6px;
    padding: 8px;
    background: #f7f9fa;
    font-size: 1rem;
}
.share-story-section button[type="submit"] {
    background: #ff6b35;
    color: #fff;
    padding: 0.7rem 1.5rem;
    border-radius: 8px;
    font-weight: 600;
    border: none;
    cursor: pointer;
    transition: background 0.2s;
}
.share-story-section button[type="submit"]:hover {
    background: #e65c2a;
}
.share-story-section a {
    margin: 0 0.5rem;
    transition: transform 0.2s;
}
.share-story-section a:hover {
    transform: scale(1.15);
}
/* Expert Advice Section (Blog) */
.expert-advice {
    background: #f7f9fa;
    border-radius: 16px;
    box-shadow: 0 4px 16px rgba(9,30,66,.10);
    padding: 2rem;
    margin: 2rem auto;
}
.advice-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
    justify-content: center;
}
.advice-card {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(9,30,66,.08);
    padding: 1.5rem;
    min-width: 220px;
    max-width: 260px;
    text-align: center;
    transition: box-shadow 0.2s, transform 0.2s;
}
.advice-card img {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    object-fit: cover;
    margin-bottom: 1rem;
}
.advice-card:hover {
    box-shadow: 0 8px 24px rgba(9,30,66,.15);
    transform: translateY(-4px) scale(1.04);
}
/* Video Testimonials Section */
.video-testimonials {
    background: #e3f2fd;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(9,30,66,.08);
    padding: 2rem 1rem;
    margin-bottom: 2rem;
}
.video-grid > div {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 1px 4px rgba(9,30,66,.06);
    padding: 1rem;
}
.video-testimonials video,
.video-testimonials iframe {
    border-radius: 12px;
    box-shadow: 0 4px 16px rgba(9,30,66,.10);
}

/* Top Rated Guides Section */
.top-guides-section {
    background: #f1f8e9;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(9,30,66,.08);
    padding: 2rem 1rem;
    margin-bottom: 2rem;
}
.guides-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
    justify-content: center;
}
.guide-card {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(9,30,66,.08);
    padding: 1.5rem;
    min-width: 220px;
    max-width: 260px;
    text-align: center;
    transition: box-shadow 0.2s, transform 0.2s;
}
.guide-card img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    object-fit: cover;
    margin-bottom: 1rem;
}
.guide-card:hover {
    box-shadow: 0 8px 24px rgba(9,30,66,.15);
    transform: translateY(-4px) scale(1.04);
}

/* Share Your Story Section */
.share-story-section {
    background: #fffde7;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(9,30,66,.08);
    padding: 1.5rem 1rem;
    margin-top: 2rem;
}
.share-story-section h4 {
    color: #1a3c6e;
    margin-bottom: 0.5rem;
}
.share-story-section p {
    color: #143a5a;
    font-size: 1.05rem;
}
.share-story-section a {
    margin: 0 0.5rem;
    transition: transform 0.2s;
}
.share-story-section a:hover {
    transform: scale(1.15);
}
/* Contact Form File Upload */
.enhanced-contact-form input[type="file"] {
    border: 1px solid #b0bec5;
    border-radius: 6px;
    padding: 8px;
    background: #f7f9fa;
    font-size: 1rem;
    margin-top: 6px;
    margin-bottom: 10px;
}
.enhanced-contact-form input[type="file"]:focus {
    outline: 2px solid #1a3c6e;
}

/* Live Chat Widget */
.live-chat-section {
    background: #e3f2fd;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(9,30,66,.08);
    padding: 2rem 1rem;
    margin-bottom: 2rem;
}

/* Google Maps Section */
.maps-section {
    background: #f7f9fa;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(9,30,66,.08);
    padding: 2rem 1rem;
    margin-bottom: 2rem;
}
.maps-grid > div {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 1px 4px rgba(9,30,66,.06);
    padding: 1rem;
}

/* Support Team Section */
.support-team-section {
    background: #f1f8e9;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(9,30,66,.08);
    padding: 2rem 1rem;
    margin-bottom: 2rem;
}
.team-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
    justify-content: center;
}
.team-member {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(9,30,66,.08);
    padding: 1.5rem;
    min-width: 220px;
    max-width: 260px;
    text-align: center;
    transition: box-shadow 0.2s, transform 0.2s;
}
.team-member img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    object-fit: cover;
    margin-bottom: 1rem;
}
.team-member:hover {
    box-shadow: 0 8px 24px rgba(9,30,66,.15);
    transform: translateY(-4px) scale(1.04);
}
/* UI/UX Enhancements */
/* Sticky header offset variable */
:root { --header-h: 64px; }

/* Sticky Trip Planner and Safari Quicknav */
.trip-planner{position:sticky; top:var(--header-h); z-index:30; background:#fff; border-bottom:1px solid #e6ebf2;}
.safari-quicknav{position:sticky; top:calc(var(--header-h) + 58px); z-index:25; background:var(--bg,#f7f9fc); padding:.5rem 1rem; display:flex; gap:.5rem; flex-wrap:wrap; border-bottom:1px solid #e6ebf2;}
@keyframes ripple {
    to {
        transform: scale(4);
        opacity: 0;
    }
}

/* Button enhancements */
.cta-button, .card-link, .secondary-button, .whatsapp-link {
    position: relative;
    overflow: hidden;
    transition: all 0.3s ease;
}

/* Card hover enhancements */
.destination-card, .package-card {
    transition: all 0.3s ease;
    cursor: pointer;
}

/* Loading state for forms */
.form-loading {
    opacity: 0.7;
    pointer-events: none;
}

.form-loading .submit-button {
    background: #ccc !important;
    cursor: not-allowed;
}

/* Enhanced focus states for accessibility */
.cta-button:focus,
.card-link:focus,
.secondary-button:focus,
input:focus,
select:focus,
textarea:focus {
    outline: 2px solid #1a3c6e;
    outline-offset: 2px;
}

/* Skip to content link for accessibility */
.skip-link {
    position: absolute;
    top: -40px;
    left: 6px;
    background: #1a3c6e;
    color: white;
    padding: 8px;
    text-decoration: none;
    z-index: 100;
    border-radius: 4px;
}

.skip-link:focus {
    top: 6px;
}

/* Success message styling */
.success-message {
    background: #d4edda;
    color: #155724;
    padding: 1rem;
    border-radius: 8px;
    border: 1px solid #c3e6cb;
    margin: 1rem 0;
    text-align: center;
}

/* Enhanced mobile touch targets */
@media (max-width: 768px) {
    .cta-button, .card-link, .secondary-button {
        min-height: 44px;
        min-width: 44px;
        padding: 12px 20px;
    }
    
    .nav-link {
        min-height: 44px;
        display: flex;
        align-items: center;
    }
    
    /* Better mobile card spacing */
    .destination-card, .package-card {
        margin-bottom: 1rem;
    }
}

/* Dark mode support (optional) */
@media (prefers-color-scheme: dark) {
    .loading-skeleton {
        background: linear-gradient(90deg, #2a2a2a 25%, #3a3a3a 50%, #2a2a2a 75%);
    }
    
    .error-message {
        background: #4a1e1e;
        color: #ff6b6b;
        border-color: #5a2828;
    }
}

/* Print styles */
@media print {
    .nav-actions,
    .whatsapp-link,
    .cta-button,
    .mobile-nav,
    .slideshow-container {
        display: none !important;
    }
}