/* =============================================
   TANZAQUESTPRO - MOBILE OPTIMIZATIONS
   ============================================= */

/* Touch-friendly targets */
.touch-target {
    min-height: 44px;
    min-width: 44px;
}

/* Better touch interactions */
@media (hover: none) and (pointer: coarse) {
    /* Larger tap targets */
    a, button, .clickable {
        min-height: 44px;
        min-width: 44px;
    }
    
    /* Remove hover effects that might be annoying on touch */
    .tour-card:hover {
        transform: none;
    }
    
    .btn-primary:hover,
    .btn-secondary:hover,
    .btn-outline:hover {
        transform: none;
    }
}

/* Safe area for notched phones */
@supports (padding: max(0px)) {
    body {
        padding-left: max(0px, env(safe-area-inset-left));
        padding-right: max(0px, env(safe-area-inset-right));
        padding-top: max(0px, env(safe-area-inset-top));
        padding-bottom: max(0px, env(safe-area-inset-bottom));
    }
}

/* Prevent zoom on input focus (iOS) */
@media screen and (max-width: 768px) {
    input, select, textarea {
        font-size: 16px !important;
    }
}

/* Smooth scrolling for iOS */
@supports (-webkit-overflow-scrolling: touch) {
    .main-nav.active {
        -webkit-overflow-scrolling: touch;
    }
}

/* Dark mode support */
@media (prefers-color-scheme: dark) {
    :root {
        --bg-light: #1A1A1A;
        --text-dark: #FFFFFF;
        --text-muted: #AAAAAA;
        --border-color: #333333;
    }
    
    body {
        background: #1A1A1A;
        color: #FFFFFF;
    }
    
    .search-container {
        background: #2A2A2A;
    }
    
    .tour-card {
        background: #2A2A2A;
    }
    
    .testimonial-card {
        background: #2A2A2A;
    }
    
    .site-header {
        background: rgba(26,26,26,0.95);
    }
    
    .main-nav.active {
        background: #1A1A1A;
    }
    
    .filter-group select,
    .filter-group input {
        background: #2A2A2A;
        color: white;
        border-color: #444;
    }
    
    .notification {
        background: #2A2A2A;
        color: white;
    }
}