/* RESPONSIVE & TOUCH-FRIENDLY DESIGN IMPROVEMENTS */


/* Small Devices (mobil telefon) - max-width: 576px */

@media (max-width: 576px) {
    body {
        font-size: 14px;
    }
    .container,
    .container-fluid {
        padding-left: 12px;
        padding-right: 12px;
    }
    /* Responsive Images */
    img {
        max-width: 100%;
        height: auto;
        display: block;
    }
    /* Button Touch Targets - Minimum 48x48px */
    .btn {
        padding: 0.75rem 1.25rem;
        min-height: 48px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-size: 14px;
    }
    a.btn,
    button.btn {
        touch-action: manipulation;
    }
    /* Form Elements */
    input,
    select,
    textarea {
        min-height: 44px;
        padding: 0.75rem;
        font-size: 16px;
    }
    .search-box input {
        min-height: 44px;
        font-size: 14px;
    }
    /* Navigation */
    .nav-link {
        padding: 0.75rem 1rem !important;
        font-size: 14px;
    }
    /* Headers */
    h1 {
        font-size: 1.75rem;
    }
    h2 {
        font-size: 1.5rem;
    }
    h3 {
        font-size: 1.25rem;
    }
    h4 {
        font-size: 1.1rem;
    }
    h5 {
        font-size: 1rem;
    }
    h6 {
        font-size: 0.9rem;
    }
    /* Spacing */
    .mt-4 {
        margin-top: 1.25rem !important;
    }
    .mb-4 {
        margin-bottom: 1.25rem !important;
    }
    .p-4 {
        padding: 1.25rem !important;
    }
    /* Badge */
    .badge {
        font-size: 11px;
        padding: 0.35rem 0.65rem;
    }
    /* Cards */
    .card {
        margin-bottom: 15px;
    }
    /* Dropdown Menu */
    .dropdown-menu {
        max-height: 60vh;
        overflow-y: auto;
    }
}


/* Medium Devices (tablet) - 576px < width < 768px */

@media (min-width: 576px) and (max-width: 767px) {
    .container {
        max-width: 540px;
    }
    .btn {
        padding: 0.6rem 1.2rem;
        min-height: 46px;
        font-size: 15px;
    }
    input,
    select {
        min-height: 42px;
        padding: 0.65rem;
        font-size: 15px;
    }
    h1 {
        font-size: 1.85rem;
    }
    h2 {
        font-size: 1.6rem;
    }
    h3 {
        font-size: 1.35rem;
    }
}


/* Medium-Large Devices (tablet landscape) - 768px < width < 1024px */

@media (min-width: 768px) and (max-width: 1023px) {
    .container {
        max-width: 720px;
    }
    .btn {
        padding: 0.65rem 1.3rem;
        min-height: 44px;
    }
}


/* Large Devices (desktop) - width >= 1024px */

@media (min-width: 1024px) {
    .container {
        max-width: 960px;
    }
    .btn {
        padding: 0.6rem 1.5rem;
    }
}


/* Extra Large Devices (large desktop) - width >= 1200px */

@media (min-width: 1200px) {
    .container {
        max-width: 1140px;
    }
}


/* Extra Extra Large Devices - width >= 1400px */

@media (min-width: 1400px) {
    .container {
        max-width: 1320px;
    }
}


/* Aspect Ratio Responsive Images */

.image-16-9 {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
    overflow: hidden;
}

.image-16-9 img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.image-1-1 {
    position: relative;
    width: 100%;
    padding-bottom: 100%;
    overflow: hidden;
}

.image-1-1 img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}


/* Reduce motion for users who prefer it */

@media (prefers-reduced-motion: reduce) {
    * {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}


/* High DPI Screens */

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
    img {
        image-rendering: -webkit-optimize-contrast;
    }
}


/* Landscape Mode Adjustments */

@media (max-height: 500px) and (orientation: landscape) {
    body {
        overflow-y: auto;
    }
    .navbar {
        min-height: auto;
    }
    .card {
        margin-bottom: 15px;
    }
    .main-header {
        padding: 10px 0 !important;
    }
}


/* Print Styles */

@media print {
    body {
        background: white;
        color: black;
    }
    .navbar,
    .breadcrumb-section,
    .btn,
    form,
    #tooglefarkbuton {
        display: none;
    }
    .card {
        box-shadow: none;
        border: 1px solid #ddd;
        page-break-inside: avoid;
    }
    a {
        color: inherit;
        text-decoration: underline;
    }
    img {
        max-width: 100%;
    }
}


/* Accessibility Improvements */

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
}


/* Focus styles for keyboard navigation */

input:focus,
select:focus,
textarea:focus,
button:focus,
a:focus {
    outline: 2px solid #0066CC;
    outline-offset: 2px;
}


/* Skip to main content link */

.skip-to-main {
    position: absolute;
    top: -40px;
    left: 0;
    background: #0066CC;
    color: white;
    padding: 8px 16px;
    text-decoration: none;
    z-index: 10000;
}

.skip-to-main:focus {
    top: 0;
}