/* Telefonda tablolar kart olur, izgara/uzun metin tasmaz. Bkz. giyimin-adresi admin/partials/mobil-tablo.blade.php (9 Kasim 2026). */
@media (max-width: 767px) {
    main table.mt-kart, main table.mt-kart tbody, main table.mt-kart tfoot { display: block; width: 100%; min-width: 0; }
    main table.mt-kart thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
    main table.mt-kart tr { display: block; margin: 0 0 .7rem; padding: .5rem .95rem; border: 1px solid #e2e8f0; border-radius: 1rem; background: #fff; box-shadow: 0 6px 18px rgba(15,23,42,.05); }
    main table.mt-kart td, main table.mt-kart th { display: block; width: auto !important; min-width: 0; padding: .45rem 0 !important; border: 0 !important; text-align: left !important; white-space: normal !important; overflow-wrap: anywhere; }
    main table.mt-kart td + td { border-top: 1px dashed #eef0f4 !important; }
    main table.mt-kart td[data-label]::before { content: attr(data-label); display: block; margin-bottom: .15rem; font-size: 10.5px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: #94a3b8; }
    main table.mt-kart td.mt-bos { display: none; }
    main table.mt-kart td[colspan] { text-align: center !important; }
}
@media (max-width: 639px) {
    /* IZGARA TASMASI: yalniz "lg:grid-cols-3" gibi ekran boyutlu sutunu olan bir .grid, telefonda
       tek sutun olur ama sutun genisligi icerige gore buyur ("auto") ve sayfayi yana tasirir.
       Tailwind'in ekran boyutlu siniflari 640 px'ten basladigi icin bu kural yalniz altinda calisir. */
    main .grid:not([class~="grid-cols-1"]):not([class~="grid-cols-2"]):not([class~="grid-cols-3"]):not([class~="grid-cols-4"]):not([class~="grid-cols-5"]):not([class~="grid-cols-6"]):not([class~="grid-cols-7"]):not([class~="grid-cols-8"]):not([class~="grid-cols-9"]):not([class~="grid-cols-10"]):not([class~="grid-cols-11"]):not([class~="grid-cols-12"]):not([class^="grid-cols-["]):not([class*=" grid-cols-["]) { grid-template-columns: minmax(0, 1fr); }
    main .grid > * { min-width: 0; }
}

@media (max-width: 359px) {
    /* 320 px: yonetim ust seridi (baslik + ara/bildirim/avatar/Cikis) sigsin */
    header.sticky { padding-left: .6rem; padding-right: .6rem; }
    header.sticky .h-10.w-10 { width: 2.2rem; height: 2.2rem; }
    header.sticky .flex.items-center.gap-3 { gap: .3rem; }
    header.sticky button { padding: .4rem .5rem; font-size: 12px; }
    header.sticky > div > div:first-child { min-width: 0; }
    header.sticky > div > div:first-child > div { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    main nav .flex.gap-2 { flex-wrap: wrap; }
}
@media (max-width: 767px) {
    /* data-reveal gibi kayarak giren animasyonlar baslangicta ekran disinda durur ve sayfayi yana kaydirabilir */
    main { overflow-x: clip; }
}
@media (max-width: 359px) {
    /* 320 px: sabit min-genislik (min-w-72 gibi) dar ekrandan buyuk kalmasin */
    main :is([class~="min-w-60"], [class~="min-w-64"], [class~="min-w-72"], [class~="min-w-80"], [class~="min-w-96"]) { min-width: 0; }
}
@media (max-width: 639px) {
    main h1, main h2, main h3 { overflow-wrap: anywhere; }
    /* Uzun kesintisiz metin (XML baglantisi, e-posta, jeton) kutusundan tasmasin */
    main { overflow-wrap: anywhere; }
}