/* ============ st62 — op de telefoon geen schuine foto's: elke foto een rechthoek, elk label op een foto recht
   afgesneden. Gezet door ../st62-recht.py; de operator: "please remove all the slanting effects from all pictures on
   mobile since it looks horrid". Alleen tot 620px en niet met ?telefoon=uit. Het ronde stempel en de afgeknipte
   hoekjes van de kaarten blijven. ============ */

@media (max-width:620px){

  /* ── de foto's zelf ── */
  :root:not([data-telefoon="uit"]) .kaart__photo img,
  :root:not([data-telefoon="uit"]) .foto--cut img,
  :root:not([data-telefoon="uit"]) .foto--cut-links img,
  :root:not([data-telefoon="uit"]) .foto--detail > img,
  :root:not([data-telefoon="uit"]) .eigenaar__foto img,
  :root:not([data-telefoon="uit"]) .pakketten__cap img,
  :root:not([data-telefoon="uit"]) .wie__beeld,
  :root:not([data-telefoon="uit"]) .wie__duim img{clip-path:none}

  /* ── de labels op de foto's: recht, en zonder de extra ruimte die de schuine kant nodig had ── */
  :root:not([data-telefoon="uit"]) .fotolabel,
  :root:not([data-telefoon="uit"]) .d3-paar figcaption{clip-path:none}
  :root:not([data-telefoon="uit"]) .fotolabel{padding-right:1rem}
  /* bij Schoorsteenrenovatie (gespiegeld): het label stond 12px van de schuine rechterrand; die rand is nu recht, dus
     het label sluit erop aan zoals de andere labels links */
  :root:not([data-telefoon="uit"]) .foto--cut-links > .fotolabel{right:0;padding-left:1rem}
}