/**
 * Kılıç İnşaat - Responsive CSS
 * Mobile-First Responsive Design
 */

/* ============================================================
   TABLET - max-width: 992px
   ============================================================ */
@media (max-width: 992px) {
    :root {
        --section-padding: 80px;
    }
    
    /* Header */
    .main-nav {
        display: none;
    }
    
    /* Hero */
    .hero-slider-section {
        min-height: 600px;
    }
    
    .hero-title {
        font-size: clamp(32px, 7vw, 60px);
    }
    
    
    /* Sections */
    .section-padding {
        padding: var(--section-padding) 0;
    }
    
    /* Projects Grid */
    .projects-grid {
        grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    }
    
    /* Statistics */
    .stat-card {
        padding: 30px 15px;
    }
    
    /* Testimonials */
    .testimonial-card {
        padding: 40px 30px;
    }
    
    /* Side Menu */
    .side-menu-content {
        max-width: 400px;
    }
    
    .side-menu-link {
        font-size: 20px;
    }
}

/* ============================================================
   MOBILE - max-width: 768px
   ============================================================ */
@media (max-width: 768px) {
    :root {
        --section-padding: 60px;
        --font-size-base: 15px;
    }
    
    /* Typography */
    h1 { font-size: clamp(32px, 8vw, 50px); }
    h2 { font-size: clamp(28px, 7vw, 42px); }
    h3 { font-size: clamp(22px, 6vw, 32px); }
    
    /* Header */
    .main-header {
        padding: 20px 0;
    }
    
    .main-header.scrolled {
        padding: 15px 0;
    }
    
    .logo-img {
        height: 40px;
    }
    
    .main-header.scrolled .logo-img {
        height: 35px;
    }
    
    .logo-text {
        font-size: 24px;
    }
    
    /* Hero */
    .hero-slider-section {
        min-height: 500px;
        height: 100vh;
    }
    
    .hero-title {
        font-size: clamp(28px, 8vw, 50px);
        margin-bottom: 20px;
    }
    
    .hero-description {
        font-size: 16px;
        margin-bottom: 30px;
    }
    
    .hero-cta {
        padding: 14px 35px;
        font-size: 15px;
    }
    
    .hero-slider-nav {
        display: none;
    }
    
    
    /* Side Menu */
    .side-menu-content {
        max-width: 100%;
    }
    
    .side-menu-header,
    .side-menu-nav,
    .side-menu-footer {
        padding: 20px 30px;
    }
    
    .side-menu-link {
        font-size: 18px;
        padding: 15px 0;
    }
    
    /* Sections */
    .section-title {
        font-size: clamp(26px, 6vw, 42px);
        margin-bottom: 15px;
    }
    
    .section-subtitle {
        font-size: 12px;
        letter-spacing: 2px;
    }
    
    .section-description {
        font-size: 16px;
    }
    
    /* Buttons */
    .btn-primary-custom,
    .btn-outline-custom {
        padding: 14px 30px;
        font-size: 15px;
    }
    
    /* Projects Grid */
    .projects-grid {
        grid-template-columns: 1fr;
        gap: 25px;
    }
    
    .project-content {
        padding: 25px;
    }
    
    .project-title {
        font-size: 20px;
    }
    
    .project-meta {
        flex-direction: column;
        gap: 10px;
    }
    
    /* Statistics */
    .stat-value {
        font-size: clamp(40px, 10vw, 60px);
    }
    
    .stat-title {
        font-size: 16px;
    }
    
    /* Services */
    .service-card {
        padding: 30px;
    }
    
    .service-icon {
        width: 60px;
        height: 60px;
        font-size: 28px;
        margin-bottom: 20px;
    }
    
    .service-title {
        font-size: 20px;
    }
    
    /* Testimonials */
    .testimonial-card {
        padding: 30px 25px;
    }
    
    .testimonial-text {
        font-size: 17px;
    }
    
    .author-photo {
        width: 50px;
        height: 50px;
    }
    
    /* News Cards */
    .news-content {
        padding: 25px;
    }
    
    .news-title {
        font-size: 18px;
    }
    
    /* Footer */
    .footer-top {
        padding: 60px 0 30px;
    }
    
    .footer-widget {
        margin-bottom: 30px;
    }
    
    .footer-widget-title {
        font-size: 18px;
    }
    
    .footer-bottom {
        padding: 20px 0;
    }
    
    .footer-legal-menu {
        margin-top: 15px;
        justify-content: center;
    }
    
    /* WhatsApp Float */
    .whatsapp-float {
        width: 55px;
        height: 55px;
        font-size: 28px;
        bottom: 20px;
        right: 20px;
    }
    
    /* CTA Section */
    .cta-title {
        font-size: clamp(24px, 6vw, 38px);
        margin-bottom: 20px;
    }
    
    .cta-description {
        font-size: 16px;
        margin-bottom: 25px;
    }
    
    /* Page Header */
    .page-header-section {
        padding: 140px 0 60px;
    }
    
    .page-title {
        font-size: clamp(32px, 8vw, 50px);
    }
    
    .page-description {
        font-size: 16px;
    }
    
    /* Forms */
    .filter-select,
    input.form-control,
    textarea.form-control {
        padding: 12px 14px;
        font-size: 15px;
    }
    
    /* About Image Grid */
    .about-image-grid {
        gap: 15px;
    }
    
    .grid-img-2 {
        margin-top: 30px;
    }
    
    /* Mouse Cursor (Hide on mobile) */
    .cursor-dot,
    .cursor-outline {
        display: none !important;
    }
}

/* ============================================================
   SMALL MOBILE - max-width: 576px
   ============================================================ */
@media (max-width: 576px) {
    :root {
        --section-padding: 50px;
    }
    
    /* Container Spacing */
    .container-fluid {
        padding-left: 20px;
        padding-right: 20px;
    }
    
    /* Hero */
    .hero-content-inner {
        padding: 0 20px;
    }
    
    .hero-title {
        font-size: clamp(24px, 10vw, 40px);
    }
    
    .hero-cta {
        padding: 12px 28px;
        font-size: 14px;
    }
    
    /* Sections */
    .section-title {
        font-size: clamp(22px, 8vw, 36px);
    }
    
    /* Projects */
    .project-content {
        padding: 20px;
    }
    
    .project-location {
        font-size: 13px;
    }
    
    .project-title {
        font-size: 18px;
        margin-bottom: 8px;
    }
    
    .project-subtitle {
        font-size: 14px;
    }
    
    /* Statistics */
    .stat-card {
        padding: 25px 15px;
    }
    
    .stat-icon {
        width: 60px;
        height: 60px;
        font-size: 32px;
    }
    
    .stat-value {
        font-size: clamp(36px, 12vw, 54px);
    }
    
    /* Services */
    .service-card {
        padding: 25px 20px;
    }
    
    /* Testimonials */
    .testimonial-card {
        padding: 25px 20px;
    }
    
    .testimonial-text {
        font-size: 16px;
    }
    
    .testimonial-stars {
        font-size: 16px;
    }
    
    /* News */
    .news-content {
        padding: 20px;
    }
    
    .news-title {
        font-size: 17px;
    }
    
    .news-excerpt {
        font-size: 14px;
    }
    
    /* Footer */
    .footer-top {
        padding: 50px 0 20px;
    }
    
    .footer-logo-img {
        height: 40px;
    }
    
    .footer-description {
        font-size: 14px;
    }
    
    .footer-social a {
        width: 40px;
        height: 40px;
        font-size: 18px;
    }
    
    .footer-contact li {
        font-size: 13px;
    }
    
    /* CTA */
    .cta-section .row {
        text-align: center;
    }
    
    .cta-section .col-lg-4 {
        margin-top: 20px;
    }
    
    /* Page Header */
    .page-header-section {
        padding: 120px 0 50px;
    }
    
    /* Filters */
    .filters-form .col-lg-3 {
        margin-bottom: 15px;
    }
    
    .filter-label {
        font-size: 13px;
    }
    
    /* Scroll to Top - KALDIRILDI */
    
    /* WhatsApp Float */
    .whatsapp-float {
        width: 50px;
        height: 50px;
        font-size: 26px;
        bottom: 20px;
        right: 20px;
    }
}

/* ============================================================
   LANDSCAPE MOBILE - max-height: 500px
   ============================================================ */
@media (max-height: 500px) and (orientation: landscape) {
    .hero-slider-section {
        min-height: 400px;
    }
    
    .hero-title {
        font-size: clamp(24px, 6vw, 40px);
    }
    
    .hero-description {
        font-size: 14px;
        margin-bottom: 20px;
    }
}

/* ============================================================
   PRINT STYLES
   ============================================================ */
@media print {
    .main-header,
    .hamburger-menu,
    .side-menu,
    .whatsapp-float,
    .hero-slider-nav,
    .flash-alert {
        display: none !important;
    }
    
    body {
        font-size: 12pt;
        color: #000;
        background: #fff;
    }
    
    a {
        text-decoration: underline;
    }
}