/* ============================================
   TABLET SPECIFIC STYLES (768px - 1024px)
   ============================================ */

@media (min-width: 768px) and (max-width: 1024px) {
    /* Navigation */
    .nav-right {
        width: 280px;
    }
    
    /* Hero Slider */
    .hero-slider {
        height: 75vh;
        min-height: 550px;
    }
    
    .slide-title {
        font-size: 3rem;
    }
    
    .slide-description {
        font-size: 1.15rem;
    }
    
    /* Stats */
    .stats-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .stat-card {
        padding: var(--space-md);
    }
    
    /* Get Involved */
    .involvement-cards {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .involvement-card:last-child {
        grid-column: 1 / -1;
        max-width: 400px;
        margin: 0 auto;
    }
    
    /* About */
    .about-grid {
        gap: var(--space-xl);
    }
    
    .image-overlay {
        bottom: var(--space-md);
        right: var(--space-md);
    }
    
    .years-experience h4 {
        font-size: 2.5rem;
    }
    
    /* Campaigns */
    .campaigns-grid {
        grid-template-columns: 1fr;
    }
    
    /* Events */
    .events-grid {
        grid-template-columns: 1fr;
    }
    
    .event-card {
        max-width: 600px;
        margin: 0 auto;
    }
    
    /* Team */
    .team-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .team-card:last-child {
        grid-column: 1 / -1;
        max-width: 400px;
        margin: 0 auto;
    }
    
    /* Blog */
    .blog-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .blog-card:last-child {
        grid-column: 1 / -1;
        max-width: 400px;
        margin: 0 auto;
    }
    
    /* Footer */
    .footer-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .footer-col:first-child {
        grid-column: 1 / -1;
    }
    
    /* Forms */
    .form-group {
        flex-direction: row;
    }
}

/* ============================================
   TABLET LANDSCAPE ORIENTATION
   ============================================ */

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    .hero-slider {
        height: 100vh;
        min-height: 500px;
    }
    
    .slide-content {
        padding-top: 5%;
    }
    
    .stats-grid {
        grid-template-columns: repeat(4, 1fr);
    }
    
    .involvement-cards {
        grid-template-columns: repeat(3, 1fr);
    }
    
    .team-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

/* ============================================
   IPAD PRO & LARGE TABLETS
   ============================================ */

@media (min-width: 1024px) and (max-width: 1366px) {
    .container {
        max-width: 960px;
    }
    
    .hero-slider {
        height: 85vh;
        min-height: 650px;
    }
    
    .slide-title {
        font-size: 3.25rem;
    }
    
    .stats-grid {
        grid-template-columns: repeat(4, 1fr);
    }
    
    .campaigns-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .events-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .team-grid {
        grid-template-columns: repeat(3, 1fr);
    }
    
    .blog-grid {
        grid-template-columns: repeat(3, 1fr);
    }
    
    .footer-grid {
        grid-template-columns: 1.5fr 1fr 1fr 1.5fr;
    }
}

/* ============================================
   TABLET PERFORMANCE OPTIMIZATIONS
   ============================================ */

@media (max-width: 1024px) {
    /* Reduce animations for better performance */
    .campaign-card:hover,
    .team-card:hover,
    .blog-card:hover {
        transform: translateY(-3px);
    }
    
    .slide-bg {
        transition: transform 5s ease;
    }
    
    /* Optimize images */
    .campaign-image,
    .team-image,
    .blog-image {
        height: 200px;
    }
    
    /* Reduce shadows */
    .shadow-lg {
        box-shadow: var(--shadow-md);
    }
    
    /* Optimize font loading */
    body {
        font-display: swap;
    }
}

/* ============================================
   TABLET TOUCH OPTIMIZATIONS
   ============================================ */

@media (hover: none) and (pointer: coarse) {
    /* Increase touch target sizes */
    .list-Item a,
    .btn-primary,
    .btn-secondary,
    .btn-outline,
    .card-link,
    .text-link,
    .team-link,
    .blog-link {
        min-height: 44px;
        min-width: 44px;
    }
    
    .slider-nav,
    .indicator,
    .footer-social a,
    .back-to-top {
        min-height: 44px;
        min-width: 44px;
    }
    
    /* Remove hover effects */
    .campaign-card:hover,
    .team-card:hover,
    .blog-card:hover,
    .event-card:hover,
    .involvement-card:hover,
    .stat-card:hover {
        transform: none;
    }
    
    /* Show social icons on team cards */
    .team-social {
        transform: translateY(0);
        background: linear-gradient(transparent, rgba(45, 54, 109, 0.7));
    }
    
    /* Adjust dropdowns for touch */
    .dropdown-menu {
        position: static;
        opacity: 1;
        visibility: visible;
        transform: none;
        box-shadow: none;
        margin-top: var(--space-md);
    }
    
    .profile-btn {
        pointer-events: none;
    }
    
    /* Adjust slider for touch */
    .slider-nav {
        opacity: 0.8;
    }
}