/* ============================================================================
   Mobilie labojumi /web-izstrade/ lapam.

   Vainas nak no mobila audita (360px un 390px, Edge, isti skatlogi), ne no
   uzminesanas. Katrs bloks zemak ir viena atrasta vaina un tas izmers.

   Nekas netiek parkrasots un neviens izmers uz darbvirsmas nemainas: viss stav
   @media (max-width:760px) ieksa.
   ==========================================================================*/

@media (max-width: 760px) {

  /* ---- pieskariena laukumi -------------------------------------------------
     Audits: kajenes saites 101x17, drupacas 67x19, kontakti 129x23, juridiskas
     saites 106x23, "Uzzinat vairak" 107x25, atsauksmju saite 136x26.
     Pirksta gals ir ap 9 mm, tapec zem 36px augstuma trapa tikai ar uzmanibu.
     Platums netiek diktets: saite paliek teksta rinda, aug tikai augstums. */
  body .footer li { margin-bottom: 2px }
  body .footer li > a { display: inline-block; padding: 9px 0 }
  body .breadcrumb a { display: inline-block; padding: 8px 0 }
  body .footer-mini-contact { gap: 0 }
  body .footer-mini-contact > a { display: inline-block; padding: 7px 0 }
  body .footer-legal-links > a { display: inline-block; padding: 7px 0 }
  body .footer-bottom a { display: inline-block; padding: 6px 0 }
  body .card-link,
  body .reviews-head-r,
  body .csrel-foot > a { display: inline-flex; align-items: center; min-height: 44px }

  /* Buves sadalas soli bija 30px, tad 36px. Abi bija par zemu: pieskariena
     merkim jabut 44px, un tie ir vienigais veids, ka uz telefona parslegt
     kadru. */
  body .jkb-step { min-height: 44px; display: inline-flex; align-items: center }

  /* ---- lasams teksts -------------------------------------------------------
     Audits: klientu stastu skaitlu paraksti 10,5px bezserifa. Mono uzraksti
     drikst but mazi, jo tie ir zimes; sis ir vards, ko lasa. */
  body .csrel-card-stat-label { font-size: 13px }

  /* ---- izvelne ------------------------------------------------------------
     Audits ar atvertu izvelni: visas 43 saites 19-26px augstas. Tas ir galvenais
     navigacijas riks uz telefona, tapec te tas ir svarigak neka jebkur citur.
     Saraksta atstarpe pariet uz pasu saiti, tapec kopejais ritms nemainas. */
  body #site-menu .menu-sub { gap: 0 }
  body #site-menu .menu-sub a { display: flex; align-items: center; min-height: 38px }
  body #site-menu .menu-h { margin-bottom: 0 }
  body #site-menu .menu-h a { display: flex; align-items: center; min-height: 44px }
  body #site-menu .menu-foot a { display: inline-flex; align-items: center; min-height: 38px }

  /* ---- horizontalie skrolleri ---------------------------------------------
     Tie STRADA (overflow-x:auto), bet uz telefona nekas nepasaka, ka tur ir
     vairak pa labi. Malas izgaisinajums to pasaka bez neviena vārda. */
  body .h-scroller, body .reviews-scroller { -webkit-overflow-scrolling: touch }

  /* ---- klientu stasti: velc, nevis kraujies ------------------------------
     Uz darbvirsmas tris keisi stav blakus un ir salidzinami ar vienu acu
     metienu. Uz telefona tas pats rezgis kluva par vienu kolonnu, un tris
     kartites ar statistiku viena zem otras ir ap 1400px: cilveks aizskrollee
     garam pirmajai un parejas divas nekad neredz.

     Slidnis NAV jauns: lapa to jau pazist ka .csrel-grid[data-mode="scroll"],
     un tapat izskatas .h-scroller sadalas augstak. Sheit tiek iesleegts tas
     pats, tikai pec ekrana platuma, nevis pec atributa, tapec darbvirsmas
     tris kolonnas paliek neskartas. */
  body .csrel-grid {
    display: flex; grid-template-columns: none;
    overflow-x: auto; scroll-snap-type: x mandatory; scroll-padding: 24px;
    padding: 8px 24px 20px; margin: 0 -24px; gap: 20px;
    scrollbar-width: thin; -webkit-overflow-scrolling: touch;
  }
  body .csrel-grid::-webkit-scrollbar { height: 6px }
  body .csrel-grid::-webkit-scrollbar-thumb { background: var(--rule-strong); border-radius: 3px }
  /* 82vw, nevis 340px: uz 390px ekrana 340 + 24 malas neatstatu nakamajai
     kartitei nevienu redzamu pikseli, un tad nekas nepasaka, ka tur ir vairak.
     Ta vieta 320px atstat ap 46px, kas ir tiesi tik daudz, lai redzetu, ka
     kartite turpinas. min-width nonemts: 300px to atkal izspiestu par platu. */
  body .csrel-grid > .csrel-card {
    flex: 0 0 min(340px, 82vw); min-width: 0; max-width: 400px;
    scroll-snap-align: start;
  }
}