/* Additional Responsive Fixes for İmzatur.com.tr */

/* Fix horizontal scrolling issues */
@media (max-width: 768px) {
    body {
        overflow-x: hidden;
    }

    /* Ensure global responsiveness */
    img {
        max-width: 100%;
        height: auto;
    }

    .container {
        max-width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }

    /* Fix any remaining fixed width elements */
    .fixed-width-element {
        width: 100% !important;
        max-width: 100% !important;
    }

    /* Improve form elements on mobile */
    input,
    select,
    textarea {
        width: 100%;
        box-sizing: border-box;
        font-size: 16px;
        /* Prevents zoom on iOS */
    }

    /* Fix button sizes */
    .btn {
        min-height: 44px;
        padding: 12px 20px;
        font-size: 16px;
    }

    /* Improve navigation */
    .navbar-nav {
        width: 100%;
    }

    .navbar-nav li {
        width: 100%;
    }

    .navbar-nav li a {
        padding: 15px 20px;
        display: block;
        width: 100%;
    }

    /* Fix image responsiveness globally */
    img {
        max-width: 100%;
        height: auto;
    }

    .tour-card img,
    .blog-item img,
    .card img {
        width: 100%;
        object-fit: cover;
    }

    /* Fix table responsiveness */
    table {
        width: 100%;
        max-width: 100%;
        overflow-x: auto;
        display: block;
        white-space: nowrap;
    }

    /* Fix card layouts */
    .card,
    .tour-card {
        width: 100%;
        margin-bottom: 20px;
    }

    /* Fix grid layouts */
    .row {
        margin-left: 0;
        margin-right: 0;
    }

    .col,
    [class*="col-"] {
        padding-left: 10px;
        padding-right: 10px;
    }
}

/* Tablet improvements */
@media (min-width: 769px) and (max-width: 991px) {
    .container {
        max-width: 750px;
    }

    .tour-cards-container {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
}

/* Desktop improvements */
@media (min-width: 992px) {
    .container {
        max-width: 970px;
    }

    .tour-cards-container {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 25px;
    }
}

/* Large desktop improvements */
@media (min-width: 1200px) {
    .container {
        max-width: 1170px;
    }

    .tour-cards-container {
        grid-template-columns: repeat(4, 1fr);
    }
}

/* Touch-friendly improvements */
@media (max-width: 768px) {

    a,
    button,
    .btn,
    input[type="submit"],
    input[type="button"] {
        min-height: 44px;
        min-width: 44px;
    }

    /* Improve spacing for touch */
    .nav-link,
    .menu-item {
        padding: 15px 20px;
    }
}

/* Print styles */
@media print {

    .navbar,
    .footer,
    .btn,
    .search-form {
        display: none;
    }

    .container {
        max-width: none;
        width: 100%;
    }
}
/* Slider & Banner Responsive Adjustments */
#mainSlider {
    height: 500px;
    min-height: 500px;
}

@media (max-width: 991.98px) {
    #mainSlider {
        height: 400px !important;
        min-height: 400px !important;
    }
}

@media (max-width: 767.98px) {
    #mainSlider {
        height: 300px !important;
        min-height: 300px !important;
    }
}

@media (max-width: 575.98px) {
    #mainSlider {
        height: 220px !important;
        min-height: 220px !important;
    }
}

.homepage-ad-banner img {
    width: 100%;
    height: auto;
    object-fit: cover;
    max-height: 300px;
}