/**
 * Site geneli — mobil+tablet (≤1024px); masaüstü (≥1025px)
 * KİLİTLİ: header, footer, mobile-header-bar, mobile-category-drawer davranışı
 * Dashboard/KYC kabuk padding → layout.css + sayfa CSS
 */

@media (max-width: 1024px) {
    /* Dokunma sırasındaki mavi vurgu (WebKit / Chrome mobil) */
    a,
    area,
    button,
    input,
    select,
    textarea,
    summary,
    label,
    legend,
    [role="button"],
    [role="link"],
    [role="tab"],
    [role="menuitem"],
    [role="option"],
    [role="switch"],
    [role="checkbox"],
    [role="radio"],
    [onclick],
    .clickable,
    [tabindex]:not([tabindex="-1"]) {
        -webkit-tap-highlight-color: transparent;
        tap-highlight-color: transparent;
    }

    a,
    button,
    input,
    select,
    textarea,
    summary,
    label,
    [role="button"],
    [onclick],
    .clickable {
        touch-action: manipulation;
    }

    html {
        overflow-x: clip;
        max-width: 100%;
        -webkit-text-size-adjust: 100%;
        text-size-adjust: 100%;
        touch-action: manipulation;
    }

    body {
        overflow-x: clip;
        width: 100%;
        max-width: 100%;
        min-width: 0;
        touch-action: pan-x pan-y;
    }

    img,
    video,
    svg,
    iframe {
        max-width: 100%;
        height: auto;
    }

    table {
        display: block;
        max-width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    pre,
    code {
        max-width: 100%;
        overflow-x: auto;
    }

    body.dashboard-page,
    body:has(.dashboard-wrapper),
    body:has(.mesajlar-page),
    body:has(.bildirimler-page) {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        overflow-x: clip !important;
    }

    body.dashboard-page > .dashboard-wrapper,
    body.dashboard-page > .kyc-outer-wrap,
    body:has(.dashboard-wrapper) > .dashboard-wrapper,
    body:has(.mesajlar-page) > .mesajlar-page,
    body:has(.bildirimler-page) > .bildirimler-page,
    body.dashboard-page > .mesajlar-page,
    body.dashboard-page > .bildirimler-page {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        box-sizing: border-box !important;
    }

    /* İçerik kabukları — header/footer container hariç */
    main.container,
    main.pubg-main,
    main.kategoriler-main,
    main.social-main,
    /* main.hakkimizda-main: kurumsal-responsive.css — .container padding */
    /* main.ilanlar-main: içte .container var — çift padding header’dan kayar */
    /* .ilan-pazari-shell: padding yok — yalnızca toolbar/layout (ilan-pazari-mobile.css) */
    .ilan-pazari-toolbar-strip__inner,
    .ilan-pazari-page > .container,
    .ilan-pazari-page > .container.ilan-pazari-layout,
    .home-listings-section .container,
    .listing-tabs-section .container,
    .ilanlarim-page .container,
    .doping-page,
    .doping-page-inner,
    .mesajlar-container,
    .bildirimler-container,
    .profile-page .profile-cover-section,
    .breadcrumb .container {
        max-width: 100% !important;
        width: 100% !important;
        box-sizing: border-box !important;
        padding-left: max(12px, env(safe-area-inset-left)) !important;
        padding-right: max(12px, env(safe-area-inset-right)) !important;
    }

    main.container {
        padding-left: max(16px, env(safe-area-inset-left)) !important;
        padding-right: max(16px, env(safe-area-inset-right)) !important;
    }

    .ilan-pazari-toolbar-strip__inner {
        padding-top: 8px !important;
        padding-bottom: 6px !important;
    }

    .ilan-pazari-page {
        padding-bottom: 32px !important;
    }

    .profile-page {
        overflow-x: clip;
        max-width: 100%;
    }

    .profile-page .profile-cover-section {
        overflow-x: clip;
        max-width: 100%;
    }

    .profile-page .profile-cover-section::before,
    .profile-page .cover-background-extended {
        width: 100% !important;
        max-width: 100% !important;
    }

    .ilan-pazari-layout,
    .mesajlar-container,
    .categories-grid,
    .ilanlarim-page .listings-grid,
    .dashboard-wrapper,
    .dashboard-wrapper .main-container,
    .dashboard-wrapper .sidebar,
    .kyc-body,
    .kyc-body__main,
    .kyc-body__aside,
    .kyc-page-wrap,
    .kyc-outer-wrap,
    .pwd-card,
    .mail-card,
    .fatura-bilgileri-wrap,
    .profil-ayarlari-wrap {
        min-width: 0;
        max-width: 100%;
    }

    .breadcrumb-links {
        flex-wrap: wrap;
        word-break: break-word;
    }

    .listing-tabs-container {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        flex-wrap: nowrap;
        max-width: 100%;
    }

    .listing-tab {
        flex-shrink: 0;
    }

    .canli-destek-label,
    .scroll-to-top {
        max-width: calc(100% - 16px);
    }

    /* Hesabım menüsü — mobile-account-menu.css */

    .mobile-category-drawer,
    #mobileCategoryDrawer.mobile-category-drawer {
        width: 100%;
        max-width: 100%;
    }

    .mesajlar-page,
    .bildirimler-page,
    .ilanlarim-page {
        padding-top: 16px !important;
        padding-bottom: 24px !important;
        overflow-x: clip;
    }

    .telefon-degistir-wrap .mail-field--phone,
    .yurtdisi-telefon-wrap .yurtdisi-intl-anchor {
        max-width: 100%;
        overflow: visible;
    }

    .yurtdisi-intl-anchor .iti__country-list {
        max-width: min(calc(100% - 24px), 360px) !important;
    }

    .mesajlar-container {
        grid-template-columns: 1fr !important;
        padding-left: max(12px, env(safe-area-inset-left)) !important;
        padding-right: max(12px, env(safe-area-inset-right)) !important;
    }

    .mesajlar-sidebar {
        height: auto !important;
        max-height: 42vh;
        grid-row: auto !important;
    }

    .mesajlar-main {
        min-height: 50vh;
    }

    .content-card-frame-settings .frame-settings-layout {
        flex-direction: column;
    }

    .categories-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
    }

    .section-title {
        font-size: 1.15rem;
        padding-left: 2px;
        padding-right: 2px;
    }

    .pubg-categories-grid,
    .kategoriler-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .ilan-pazari-toolbar {
        flex-wrap: wrap;
        gap: 8px;
    }

    .mesajlar-page {
        padding-top: 8px !important;
    }

    .sidebar-header {
        flex-wrap: wrap;
    }

    .sidebar-header .search-box-container {
        flex: 1 1 100%;
        min-width: 0;
    }

    .header-section {
        flex-direction: column;
        align-items: flex-start !important;
        gap: 12px;
    }

    .header-section .header-actions,
    .ilanlarim-page .header-actions {
        width: 100%;
        flex-wrap: wrap;
    }

    .mail-modal:not(.mail-modal--hidden) {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        inset: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        padding: max(12px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left)) !important;
        box-sizing: border-box !important;
        z-index: 2147483100 !important;
    }

    .mail-modal__dialog {
        margin-left: auto !important;
        margin-right: auto !important;
        width: 100% !important;
        max-width: min(440px, calc(100% - 24px)) !important;
        flex-shrink: 0;
    }

    .mail-modal__dialog--sm {
        max-width: min(380px, calc(100% - 24px)) !important;
    }

    .mail-modal__dialog--kvkk-aydinlatma {
        max-width: min(500px, calc(100% - 20px)) !important;
    }

    .mail-modal__head-row {
        padding-right: 36px !important;
    }

    .mail-modal__body-msg,
    .mail-modal__sub,
    .mail-modal__title {
        word-break: break-word;
        overflow-wrap: anywhere;
    }

    .notif-modal-overlay.show,
    .success-modal-overlay.show,
    .error-modal-overlay.show,
    .purchase-modal-overlay.show,
    .playerid-modal-overlay.show,
    .modal-overlay.active,
    .doping-modal.active {
        padding: max(12px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));
        box-sizing: border-box;
        align-items: center;
        justify-content: center;
    }

    .notif-modal,
    .success-modal,
    .error-modal,
    .purchase-modal,
    .playerid-modal,
    .new-message-modal,
    .doping-modal .modal-content {
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        max-width: min(420px, calc(100% - 24px));
        box-sizing: border-box;
    }

    .purchase-modal-footer.two-buttons .buttons-container {
        flex-direction: column;
        width: 100%;
    }

    .purchase-modal-footer.two-buttons .buttons-container button {
        width: 100%;
    }
}

@media (max-width: 768px) {
    main.container,
    .ilan-pazari-page > .container,
    .mesajlar-container,
    .bildirimler-container,
    .ilanlarim-page .container {
        padding-left: max(10px, env(safe-area-inset-left)) !important;
        padding-right: max(10px, env(safe-area-inset-right)) !important;
    }
}

@media (max-width: 480px) {
    .categories-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .category-name {
        font-size: 11px;
    }

    .breadcrumb-links a,
    .breadcrumb-current {
        font-size: 12px;
    }
}