/* Mobil Görünüm Düzeltmeleri - ÖZEL CSS */

/* 768px ve altı - Tablet/Mobil */
@media (max-width: 768px) {
    /* TOP BAR - Mobil düzen */
    .top-bar {
        padding: 8px 0 !important;
    }
    
    .top-bar-content {
        flex-direction: column !important;
        gap: 8px !important;
        text-align: center !important;
        align-items: center !important;
    }
    
    .top-bar-left {
        display: flex !important;
        flex-direction: column !important;
        gap: 6px !important;
        align-items: center !important;
        width: 100% !important;
        order: 1;
    }
    
    .top-bar-item {
        margin-right: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-size: 13px !important;
    }
    
    .top-bar-right {
        display: flex !important;
        justify-content: center !important;
        gap: 15px !important;
        width: 100% !important;
        order: 2;
    }
    
    .social-link {
        margin-left: 0 !important;
    }
    
    /* HEADER - Toggle sol, Logo ortada, Randevu Al sağda */
    .mobile-menu-toggle {
        display: block !important;
        order: 1 !important;
    }
    
    .logo {
        order: 2 !important;
        flex: 1 !important;
        text-align: center !important;
    }
    
    .header-actions {
        order: 3 !important;
    }
    
    /* SLIDER - Küçült */
    .hero-slider {
        height: 200px !important;
    }
    
    .slider-container {
        height: 200px !important;
    }
    
    .slide {
        height: 200px !important;
    }
    
    .slide-image {
        height: 200px !important;
    }
    
    .slide-content {
        padding-top: 30px !important;
    }
    
    .slide-content h2 {
        font-size: 16px !important;
    }
    
    .slide-content p {
        font-size: 12px !important;
    }
    
    /* HİZMETLER - 2 sütun */
    .services-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 12px !important;
    }
    
    .services-page-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 12px !important;
    }
    
    .services-grid .service-image,
    .services-page-grid .service-image {
        height: 120px !important;
    }
    
    .services-grid .service-content,
    .services-page-grid .service-content {
        padding: 15px !important;
    }
    
    .services-grid .service-content h3,
    .services-page-grid .service-content h3 {
        font-size: 16px !important;
    }
    
    .services-grid .service-content p,
    .services-grid .service-content div,
    .services-page-grid .service-content p,
    .services-page-grid .service-content div {
        font-size: 12px !important;
    }
    
    /* FOOTER - Mobil düzen */
    .footer-content {
        display: flex !important;
        flex-direction: column !important;
    }
    
    .footer-column:first-child {
        text-align: center !important;
        order: 1;
    }
    
    .footer-column:nth-child(2) {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 15px;
        order: 2;
        text-align: center !important;
    }
    
    .footer-column:nth-child(2) h4 {
        text-align: center !important;
        grid-column: 1 / -1;
    }
    
    .footer-column:nth-child(3) {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 15px;
        order: 3;
        text-align: center !important;
    }
    
    .footer-column:nth-child(3) h4 {
        text-align: center !important;
        grid-column: 1 / -1;
    }
    
    .footer-column:nth-child(4) {
        text-align: center !important;
        order: 4;
    }
    
    .footer-column:nth-child(4) h4 {
        text-align: center !important;
    }
    
    .footer-contact {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
    }
    
    .footer-contact li {
        justify-content: center !important;
    }
    
    /* HASTA YORUMLARI - Mobilde 1 yorum, slide */
    .testimonials-carousel-wrapper {
        display: block !important;
    }
    
    .testimonials-carousel {
        overflow-x: auto;
        scroll-snap-type: x mandatory;
    }
    
    .testimonial-slide {
        flex: 0 0 100% !important;
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
    }
    
    .testimonials-carousel {
        scroll-snap-type: x mandatory !important;
    }
    
    .testimonials-carousel-nav {
        display: flex !important;
    }
    
    .testimonials-carousel-dots {
        display: flex !important;
    }
}

/* 480px ve altı - Küçük Mobil */
@media (max-width: 480px) {
    /* SLIDER - Daha da küçült */
    .hero-slider {
        height: 180px !important;
    }
    
    .slider-container {
        height: 180px !important;
    }
    
    .slide {
        height: 180px !important;
    }
    
    .slide-image {
        height: 180px !important;
    }
    
    .slide-content {
        padding-top: 20px !important;
    }
    
    .slide-content h2 {
        font-size: 14px !important;
    }
    
    .slide-content p {
        font-size: 11px !important;
    }
    
    /* HİZMETLER - Tek sütun */
    .services-grid,
    .services-page-grid {
        grid-template-columns: 1fr !important;
    }
    
    /* FOOTER - Tek sütun */
    .footer-column:nth-child(2),
    .footer-column:nth-child(3) {
        grid-template-columns: 1fr !important;
        text-align: center !important;
    }
    
    .footer-column:nth-child(2) h4,
    .footer-column:nth-child(3) h4,
    .footer-column:nth-child(4) h4 {
        text-align: center !important;
    }
    
    .footer-contact {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
    }
    
    .footer-contact li {
        justify-content: center !important;
    }
}