/* dressmakergames.com — mobile display refinements
   Display-only optimizations (≤560px): no text/content is altered.
   This file is linked AFTER each page's inline styles, so these rules win. */

@media (max-width:560px){

  /* 1) Compact the sticky two-row header so it stops eating half the screen */
  header{padding:6px 10px;gap:6px}
  header .logo svg{width:100px !important;height:auto}
  nav{gap:3px;row-gap:5px;margin-top:2px}
  nav a{font-size:12.5px;padding:4px 9px}
  .langbtn{font-size:12px;padding:5px 10px}

  /* 2) Tables: tighter rows so data tables stay readable */
  table{font-size:12px}
  th,td{padding:5px 7px !important}

  /* 3) Prevent iOS auto-zoom on input focus (fonts <16px trigger zoom) */
  input,select,textarea{font-size:16px !important}

  /* 4) Media never overflows its container */
  img,iframe,video{max-width:100%;height:auto}
  .md{overflow-wrap:break-word}
}

/* Extra-small phones */
@media (max-width:380px){
  header .logo svg{width:88px !important}
  nav a{font-size:11.5px;padding:4px 7px}
}