/* gsm en tablet: verbeteringen na de mobiele doorlichting van 28/10/2026 (Karel; 24 pagina's op 23 toestellen).
   Alles enkel onder 992 px (waar het gsm-menu staat) of op aanraakschermen; de pc blijft zoals hij was.
   Geladen na app.css in layouts/app.blade.php en layouts/project.blade.php. */

@media (max-width: 991.98px) {
  /* tablet rechtop: de kleine links bovenaan staan al in het gsm-menu */
  header > .row > .col-md-8 { display: none !important; }
  /* nieuwbouwpagina's: telefoonnummer bovenaan leesbaar op een lichte foto */
  header ul.phone { display: inline-flex !important; background: #fff; border-radius: 999px; padding: 4px 14px 4px 6px; box-shadow: 0 4px 14px rgba(0, 20, 80, .15); }
  header ul.phone a { color: #001e9a !important; }

  /* deelknoppen (Facebook, mail, print) zweefden over de tekst; op gsm en tablet deelt men via de knop van de browser */
  #sharebox { display: none !important; }

  /* te kleine tekst: de basis is op gsm 12 px, waardoor .8rem-tekst 9,6 px werd. Alles wat leesbaar moet zijn minstens 12 px.
     Kaartlabels (werkgebied, Leaflet, Park Atlantis) en de grafiek in de startprijs-animatie blijven: daar is de ruimte te krap. */
  #subheader span, footer p small, .footer-links a, .copyright p, .copyright a, .copyright button,
  .property-status span, .property-vanaf, .cvr-kicker, .eyebrow, .project-building-table td, .project-building-table th,
  .cvr-feiten dt, .wg-legende span, .cvr-legende span, .cvr-seg button, .cvr-gemnaam small, .cvr-sublabel, .cvr-vork__kop,
  .cvr-let-op, .cvr-let-op strong, .cvr-let-op a, .cvr-bron, .cvr-bron a, .cvr-makelaar__info .rol, .cvr-makelaar__info .meer,
  .cvr-ook__titel, .cvr-ook__mens span, .cvr-sb-legende, .cvr-sb-legende span, .cvr-sb-legende b, .cvr-sb-tabel th, .cvr-sb-tabel td,
  .rv figcaption small, .cvr-tabel th, .cvr-tabel td, .cvr-gem .pc, .cvr-gem .mk,
  .pd-label, .pd-knop-foto, .pd-galerij__teller, .pd-cijfers span, .pd-prijskaart__soort, .pd-prijskaart__uitleg a, .pd-makelaar span,
  .pd-biv, .pd-schatting__tekst span, .pd-delen span, .pd-kaart__gsm,
  .tp-rij__tip, .tp-samen figcaption, .tp-filter button, .tp-groep__label, .tp-mens__functie, .tp-knop, .tp-knop span,
  .tp-kantoor__adres, .tp-kantoor__label, .tp-hoofd span, .tp-slot__gsm,
  #generalform label, #generalform .klein, #generalform .klein a, .kantoor .label, .kantoor .mens small, .regel small, .gegevens,
  .rv-kantoor, .rv-balk span, .st-tel__wie b, .st-tel__wie span, .st-rev__aantal, .st-teller, .st-chips li, .cta-sub-note,
  span.kicker, .cv-kicker-rood, .pw-ts, .pw-knop, .spf-kicker, .spf-knop, .sf-speel, .sf-keuzes button, .sf-item b, .sf-item span,
  .jb-regio, .hm-label, .hm-veld label, .hm-uitleg, .hm-uitleg b, .hm-gebieden li, .hm-verstuur p, .hm-verstuur a,
  .nb-biv, .unit-price small, .apt-bld, .apt-price small { font-size: 12px !important; }
  .pd-kruimel, .cvr-kruimel, .cvr-kruimel a, .cvr-kruimel span { font-size: 13px !important; }
  .voet-adres, .copyright a[href^="tel:"], .copyright a[href^="mailto:"] { font-size: 13px !important; }
  .pw-bod small, .hm-veld small, .hm-gebieden small { font-size: 11px !important; }

  /* te kleine knoppen en links: minstens 44 px om op te tikken (norm Apple/Google) */
  .zk-weergave button { min-height: 44px; font-size: 13px !important; }
  .property-formule-title a { display: inline-block; padding: 12px 10px; margin: -12px -10px; }
  .kantoor .kop a.knop { display: inline-flex; align-items: center; min-height: 44px; padding: 0 18px; font-size: 13px !important; }
  .rv-links a { display: inline-block; padding: 12px 4px; font-size: 13px !important; }
  .tp-groep__link { display: inline-block; padding: 12px 0; font-size: .95rem !important; }
  .cvr-feiten dd a { display: inline-block; padding: 10px 0; }
  .voet-adres, .copyright a, .copyright button, .footer-links a { display: inline-block; padding: 10px 4px; }
  .apt-link { display: inline-block; padding: 12px 0; }
  .apt-btn { min-height: 44px; }
}

/* teamfoto (aanraakscherm, de strook veegt opzij): naamlabels iets groter */
@media (hover: none) {
  .tp-rij__naam { font-size: 10.5px !important; }
}

/* formules: de vergelijkingstabel werd afgesneden; op gsm per formule onder elkaar, met de kolomtitel boven elk vak */
@media (max-width: 767.98px) {
  .vergelijk table { min-width: 0 !important; width: 100% !important; }
  .vergelijk thead { display: none; }
  .vergelijk table, .vergelijk tbody, .vergelijk tr, .vergelijk td { display: block; width: auto; }
  .vergelijk tr { padding: 14px 0; border-bottom: 1px solid #e4e7f1; }
  .vergelijk td { padding: 2px 0 !important; border: 0 !important; white-space: normal !important; }
  .vergelijk td:first-child { font-size: 1.15rem; font-weight: 700; margin-bottom: 2px; }
  .vergelijk td:nth-child(n+2)::before { display: block; margin-top: 8px; font-size: .72rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: #8a90aa; }
  .vergelijk td:nth-child(2)::before { content: "Hoe komt de prijs tot stand?"; }
  .vergelijk td:nth-child(3)::before { content: "Tempo"; }
  .vergelijk td:nth-child(4)::before { content: "Wie beslist?"; }
}

/* pandkaarten: de adresregel was een aparte link naar Google Maps van 18 px hoog, vlak onder de kaart; op een aanraakscherm
   opende een tik net naast het pand Google Maps. Op aanraakschermen is het adres gewone tekst (de route staat op de pandpagina). */
@media (hover: none) {
  .property .property-address { pointer-events: none; }
}