/* ==========================================================================
   VIGPRO - CSS DU CATALOGUE (extrait automatiquement de css-complet.css)
   Copie de test pour top-coureurs.ch - generee le 25.09.2026.
   Contient UNIQUEMENT les regles ciblant les classes emises par Vigpro Gestion
   (fiches course/bien, vignettes, boutons du catalogue). Aucune regle de menu,
   de Divi global, de body/html ni de page-id du site du club.
   Charge seulement sur la page catalogue, la page test et les fiches ?voir=.
   Regles gardees : 59 (dont 4 partielles) - selecteurs : 138.
   ========================================================================== */

@media (min-width:680px) and (max-width:1024px) {
  div.page[id^="bien"]:has(.caract-table) .property-main,
div.page[id^="course"]:has(.caract-table) .property-main { display:grid !important; grid-template-columns:1fr 1fr; gap:14px 12px; }
  div.page[id^="bien"]:has(.caract-table) .property-main > .property-left,
div.page[id^="course"]:has(.caract-table) .property-main > .property-left,
div.page[id^="bien"]:has(.caract-table) .property-main > .property-right-col,
div.page[id^="course"]:has(.caract-table) .property-main > .property-right-col,
div.page[id^="bien"]:has(.caract-table) .property-main .property-right,
div.page[id^="course"]:has(.caract-table) .property-main .property-right { display:contents !important; }
  div.page[id^="bien"]:has(.caract-table) .vigpro-cardtop,
div.page[id^="course"]:has(.caract-table) .vigpro-cardtop { grid-column:1/-1; order:1; }
  div.page[id^="bien"]:has(.caract-table) .vigpro-mainphoto-wrap,
div.page[id^="course"]:has(.caract-table) .vigpro-mainphoto-wrap { order:2; min-width:0; width:100% !important; margin:0 !important; }
  div.page[id^="bien"]:has(.caract-table) .property-right .property-map,
div.page[id^="course"]:has(.caract-table) .property-right .property-map { order:3; min-width:0; width:100% !important; margin:0 !important; height:100% !important; aspect-ratio:auto !important; align-self:stretch; }
  div.page[id^="bien"]:has(.caract-table) .map-address-note,
div.page[id^="course"]:has(.caract-table) .map-address-note { grid-column:1/-1; order:4; margin:0 !important; }
  div.page[id^="bien"]:has(.caract-table) .property-conditions,
div.page[id^="course"]:has(.caract-table) .property-conditions { grid-column:1/-1; order:5; min-width:0; width:100% !important; margin:0 !important; }
  div.page[id^="bien"]:has(.caract-table) .property-description,
div.page[id^="course"]:has(.caract-table) .property-description { grid-column:1/-1; order:6; min-width:0; width:100% !important; margin:0 !important; }
  div.page[id^="bien"]:has(.caract-table) .vgmeteo-fiche,
div.page[id^="course"]:has(.caract-table) .vgmeteo-fiche { grid-column:1/-1; order:7; width:100% !important; margin-bottom:0 !important; }
  div.page[id^="bien"]:has(.caract-table) .caract-table,
div.page[id^="course"]:has(.caract-table) .caract-table { grid-column:1/-1; order:8; min-width:0; width:100% !important; }
  div.page[id^="bien"]:has(.caract-table) .property-lien,
div.page[id^="course"]:has(.caract-table) .property-lien { grid-column:1/-1; order:9; margin:0 !important; }
  div.page[id^="bien"]:has(.caract-table) .property-demande,
div.page[id^="course"]:has(.caract-table) .property-demande { grid-column:1/-1; order:10; }
}
@media (min-width:1500px) {
  div.page[id^="bien"] .property-main,
div.page[id^="course"] .property-main { display:grid !important; grid-template-columns:1fr 1fr 1fr; gap:14px 16px; align-items:start; }
  div.page[id^="bien"] .property-main > .property-right-col,
div.page[id^="course"] .property-main > .property-right-col,
div.page[id^="bien"] .property-main .property-right,
div.page[id^="course"] .property-main .property-right { display:contents !important; }
  div.page[id^="bien"]:has(.caract-table) .property-main > .property-left,
div.page[id^="course"]:has(.caract-table) .property-main > .property-left { grid-column:1; grid-row:2 / span 2; width:auto !important; max-width:none !important; min-width:0; margin:0 !important; }
  div.page[id^="bien"]:has(.caract-table) .vigpro-mainphoto-wrap,
div.page[id^="course"]:has(.caract-table) .vigpro-mainphoto-wrap { grid-column:2; }
  div.page[id^="bien"]:has(.caract-table) .property-right .property-map,
div.page[id^="course"]:has(.caract-table) .property-right .property-map { grid-column:3; }
  div.page[id^="bien"]:has(.caract-table) .map-address-note,
div.page[id^="course"]:has(.caract-table) .map-address-note { grid-column:3; }
  div.page[id^="bien"]:not(:has(.caract-table)) .property-main > .property-left,
div.page[id^="course"]:not(:has(.caract-table)) .property-main > .property-left { display:contents !important; }
  div.page[id^="bien"]:not(:has(.caract-table)) .vigpro-mainphoto-wrap,
div.page[id^="course"]:not(:has(.caract-table)) .vigpro-mainphoto-wrap { grid-column:1; }
  div.page[id^="bien"]:not(:has(.caract-table)) .property-right .property-map,
div.page[id^="course"]:not(:has(.caract-table)) .property-right .property-map { grid-column:2; }
  div.page[id^="bien"]:not(:has(.caract-table)) .map-address-note,
div.page[id^="course"]:not(:has(.caract-table)) .map-address-note { grid-column:2; }
  div.page[id^="bien"] .vigpro-cardtop,
div.page[id^="course"] .vigpro-cardtop { grid-column:1 / -1; grid-row:1; }
  div.page[id^="bien"] .vigpro-mainphoto-wrap,
div.page[id^="course"] .vigpro-mainphoto-wrap { grid-row:2; min-width:0; width:100% !important; max-width:none !important; margin:0 !important; }
  div.page[id^="bien"] .property-right .property-map,
div.page[id^="course"] .property-right .property-map { grid-row:2; min-width:0; width:100% !important; margin:0 !important; }
  div.page[id^="bien"] .map-address-note,
div.page[id^="course"] .map-address-note { grid-row:3; margin:0 !important; }
  div.page[id^="bien"] .property-main > .property-demande,
div.page[id^="course"] .property-main > .property-demande { grid-column:1 / -1; grid-row:4; }
}
@media (min-width:1500px) {
  div.page[id^="bien"]:has(.caract-table) .property-main,
div.page[id^="course"]:has(.caract-table) .property-main { grid-template-rows:auto auto auto auto auto 1fr auto auto auto !important; row-gap:0 !important; }
  div.page[id^="bien"]:has(.caract-table) .property-main > .property-left,
div.page[id^="course"]:has(.caract-table) .property-main > .property-left { display:contents !important; }
  div.page[id^="bien"]:has(.caract-table) .vigpro-cardtop,
div.page[id^="course"]:has(.caract-table) .vigpro-cardtop { margin-bottom:14px !important; }
  div.page[id^="bien"]:has(.caract-table) .property-address,
div.page[id^="course"]:has(.caract-table) .property-address { grid-column:1; grid-row:2; }
  div.page[id^="bien"]:has(.caract-table) .property-lien,
div.page[id^="course"]:has(.caract-table) .property-lien { grid-column:1; grid-row:3; }
  div.page[id^="bien"]:has(.caract-table) .vgmeteo-fiche,
div.page[id^="course"]:has(.caract-table) .vgmeteo-fiche { grid-column:1; grid-row:4; width:100% !important; }
  div.page[id^="bien"]:has(.caract-table) .caract-table,
div.page[id^="course"]:has(.caract-table) .caract-table { grid-column:1; grid-row:5; width:100% !important; }
  div.page[id^="bien"]:has(.caract-table) .property-conditions,
div.page[id^="course"]:has(.caract-table) .property-conditions { grid-column:1; grid-row:6; align-self:start; }
  div.page[id^="bien"]:has(.caract-table) .property-address,
div.page[id^="course"]:has(.caract-table) .property-address,
div.page[id^="bien"]:has(.caract-table) .property-lien,
div.page[id^="course"]:has(.caract-table) .property-lien,
div.page[id^="bien"]:has(.caract-table) .vgmeteo-fiche,
div.page[id^="course"]:has(.caract-table) .vgmeteo-fiche,
div.page[id^="bien"]:has(.caract-table) .caract-table,
div.page[id^="course"]:has(.caract-table) .caract-table,
div.page[id^="bien"]:has(.caract-table) .property-conditions,
div.page[id^="course"]:has(.caract-table) .property-conditions { margin:0 0 14px !important; }
  div.page[id^="bien"]:has(.caract-table) .vigpro-mainphoto-wrap,
div.page[id^="course"]:has(.caract-table) .vigpro-mainphoto-wrap { grid-column:2; grid-row:2 / span 5; }
  div.page[id^="bien"]:has(.caract-table) .property-right .property-map,
div.page[id^="course"]:has(.caract-table) .property-right .property-map { grid-column:3; grid-row:2 / span 5; }
  div.page[id^="bien"]:has(.caract-table) .map-address-note,
div.page[id^="course"]:has(.caract-table) .map-address-note { grid-column:3; grid-row:7; margin:14px 0 0 !important; }
  div.page[id^="bien"]:has(.caract-table) .property-description,
div.page[id^="course"]:has(.caract-table) .property-description { grid-column:1 / -1; grid-row:8; margin:14px 0 0 !important; }
  div.page[id^="bien"]:has(.caract-table) .property-main > .property-demande,
div.page[id^="course"]:has(.caract-table) .property-main > .property-demande { grid-column:1 / -1; grid-row:9; }
}
@media(min-width:2301px) {
  body.home .vigprot-grid-wrap,
body:has(#sommaire) .vigprot-grid-wrap,
body.home .vigprot-grid,
body:has(#sommaire) .vigprot-grid { width:100% !important; max-width:100% !important; }
}
.vigprot-card .vigpro-cardtop { display:grid !important; grid-template-columns:1fr auto 1fr !important; align-items:center !important; padding-left:7px !important; padding-right:7px !important; column-gap:5px !important; }
.vigprot-card .vigpro-cardtop > *:first-child { justify-self:start !important; }
.vigprot-card .vigpro-cardtop > *:last-child { justify-self:end !important; }
.vigprot-card .vigpro-cardtop > span { padding-left:6px !important; padding-right:6px !important; font-size:13px !important; }
.vigprot-card .vgmeteo-pill { justify-self:center !important; padding-left:6px !important; padding-right:6px !important; font-size:13px !important; gap:4px !important; line-height:1.85 !important; }
#sommaire .vigprot-grid { grid-template-columns:repeat(auto-fill,minmax(255px,1fr)) !important; }
@media(max-width:600px) {
  .vigprot-card .vigpro-cardtop { display:flex !important; grid-template-columns:none !important; padding-left:14px !important; padding-right:14px !important; gap:10px !important; }
  .vigprot-card .vigpro-cardtop > span { padding-left:12px !important; padding-right:12px !important; font-size:15px !important; }
  .vigprot-card .vgmeteo-pill { justify-self:auto !important; padding-left:12px !important; padding-right:12px !important; font-size:15px !important; gap:5px !important; }
  #sommaire .vigprot-grid { grid-template-columns:none !important; }
}
body .vigprot-search-btn,
body .vgalb-open,
body .dl-btn-online,
body .dl-btn-pdf,
body .wa-btn,
body .vigprot-pop-link,
body .vigpp-arrow { transition:filter .18s ease, box-shadow .18s ease, transform .12s ease, background-color .18s ease, color .18s ease !important; }
body .vigprot-search-btn:hover,
body .vgalb-open:hover,
body .dl-btn-online:hover,
body .dl-btn-pdf:hover,
body .wa-btn:hover,
body .vigprot-pop-link:hover,
body .vigpp-arrow:hover { filter:brightness(.85) !important; box-shadow:0 6px 16px -6px rgba(0,0,0,.42) !important; transform:translateY(-1px) !important; }
body .vigprot-search-btn:active,
body .vgalb-open:active,
body .dl-btn-online:active,
body .dl-btn-pdf:active,
body .wa-btn:active,
body .vigprot-pop-link:active,
body .vigpp-arrow:active { transform:translateY(0) !important; box-shadow:0 2px 6px -2px rgba(0,0,0,.4) !important; }
@media (min-width:1700px) {
  .page .vigpro-mainphoto-wrap,
.page .vgpro-plan-box { max-width:745px !important; }
}
body.home .vigpro-accueil-cover,
body:has(#sommaire) .vigpro-accueil-cover { width:auto !important; margin-left:0 !important; margin-right:0 !important; margin-top:0 !important; padding-left:0 !important; padding-right:0 !important; box-sizing:border-box !important; border-radius:14px !important; box-shadow:none !important; }
body.home .vigpro-accueil-cover,
body:has(#sommaire) .vigpro-accueil-cover { margin-top:3.5mm !important; margin-bottom:0 !important; }
.vpc-titre { padding-top:0 !important; }
