/* ════════════════════════════════════════════════════════════════
   AUTO RESPONSIVE HARDENING — design.azea.az
   Mövcud responsive baza artıq güclüdür (box-sizing, fluid .container,
   body{overflow-x:hidden}, viewport meta, admin 880px collapse, marquee clip).
   Bu fayl YALNIZ çatışmayan qlobal guard-ları və bilinən daşma nöqtələrini
   bağlayır. Dizayn kimliyinə, funksiyaya, layout-a toxunmur — sadəcə qoruma qatı.
   ════════════════════════════════════════════════════════════════ */

/* ── 1. Media heç vaxt konteyneri aşmasın (qlobal img/video/svg max-width yox idi) ── */
img, video, canvas, svg, iframe { max-width: 100%; }

/* ── 2. Form elementləri xanadan/konteynerdən çıxmasın (qlobal input guard yox idi) ── */
input, select, textarea, button {
  max-width: 100%;
  box-sizing: border-box;
}

/* ── 3. Uzun mətn / link / e-poçt / slug daşmasının qarşısı (gentle, layout pozmur) ── */
p, li, dd, blockquote,
.legal-body, .nh-quote, .nh-testi-text,
.sr-note, .a-tbl td, .ms-link b {
  overflow-wrap: break-word;
}

/* ── 4. Cədvəl və scroll-wrapper-lər ekran enini aşmasın ── */
table { max-width: 100%; }
.a-table-wrap, .sr-scroll, .table-wrapper, .package-table-wrapper {
  max-width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

/* ── 5. Bilinən geniş komponentlər dar ekranda konteynerdə qalsın ── */
.credit-card, .nh-gift, .nh-gift-slot,
.banner, .ad-banner, .installment-banner,
.modal, .popup, .dialog { max-width: 100%; }

/* ── 6. Admin: əsas kontent sahəsi heç vaxt daşmasın (min-width:0 grid fix) ── */
.admin-main, .admin-shell, .admin-side { min-width: 0; }
.admin-main > * { max-width: 100%; }

/* ── 7. Çox dar ekran (≤360px) — yan padding-i azalt ki, kartlar sığsın ── */
@media (max-width: 360px) {
  .admin-main { padding-left: 12px; padding-right: 12px; }
  .panel, .a-card, .sr-card { padding-left: 16px; padding-right: 16px; }
}