/* ============================================================
   ASTO — Compléments de charte pour le site complet
   (portail 4 accès, pages univers, pages partenaires)
   Vient APRÈS style.css — ne modifie pas la charte existante.
   ============================================================ */

/* ---- Portail : les 4 accès (univers) ---- */
.acces{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.acces .card .thumb{aspect-ratio:16/11}
.acces .card .tags,.gammes .card .tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}
.acces .card .tags span,.gammes .card .tags span{font-size:12px;font-weight:600;color:var(--blue);background:#eaf1f9;
  border:1px solid #d5e3f2;border-radius:20px;padding:3px 10px}
/* Cartes resserrées : 4 univers dans la même largeur que les 3 précédents */
.acces .card h3{font-size:19px}
.acces .card .body{padding:16px 17px 20px}
.acces .card p{font-size:13.5px;line-height:1.5;margin-bottom:14px}
.acces .card .tags{gap:5px;margin-bottom:12px}
.acces .card .tags span{font-size:11px;padding:2px 9px}
.acces .card .more{font-size:12px}
@media(max-width:1080px){.acces{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.acces{grid-template-columns:1fr}}

/* ---- Vignette monogramme (partenaires sans photo) ---- */
.monogram{width:100%;height:100%;display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,var(--blue) 0%,var(--blue-2) 100%)}
.monogram span{font-family:var(--disp);font-weight:900;font-size:44px;color:#fff;letter-spacing:1px}
.monogram small{display:block;font-size:12px;font-weight:600;color:#cfdcea;letter-spacing:2px;text-transform:uppercase}

/* ---- Bandeau partenaire ---- */
.partner-kicker{display:inline-block;font-family:var(--disp);font-weight:700;font-size:12.5px;
  letter-spacing:1.5px;text-transform:uppercase;color:var(--blue);background:#eaf1f9;
  border:1px solid #d5e3f2;padding:5px 13px;border-radius:3px;margin-bottom:14px}
.gamme-hero .visual img.contain{object-fit:contain;background:#fff;padding:18px}

/* ---- Boutons documentation ---- */
.docs-list{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}
.docbtn{display:inline-flex;align-items:center;gap:9px;background:var(--paper);border:1.5px solid var(--blue);
  color:var(--blue);font-family:var(--disp);font-weight:700;font-size:14px;padding:11px 18px;
  border-radius:var(--radius);transition:.15s}
.docbtn:hover{background:var(--blue);color:#fff}
.docbtn::before{content:"\2913";font-size:16px}

/* ---- Badges certifications ---- */
.certifs{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}
.certifs span{background:var(--paper);border:1.5px solid var(--blue);color:var(--blue);
  font-family:var(--disp);font-weight:700;font-size:13px;padding:7px 15px;border-radius:20px}

/* ---- Vidéo ---- */
.video-wrap{position:relative;padding-top:56.25%;border-radius:var(--radius);overflow:hidden;
  box-shadow:var(--ombre);background:#000}
.video-wrap iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

/* ---- Sous-familles (sections ancrées) ---- */
.jump{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:-14px auto 34px}
.jump a{font-family:var(--disp);font-weight:700;font-size:13.5px;color:var(--blue);
  background:var(--paper);border:1.5px solid #d5e3f2;padding:8px 16px;border-radius:20px;transition:.15s}
.jump a:hover{border-color:var(--blue);background:var(--blue);color:#fff}

/* ---- Tableaux larges ---- */
.table-scroll{overflow-x:auto}
.table-scroll table.specs{min-width:640px}

/* ---- Équipe (page agence) ---- */
.equipe{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.equipe .membre{background:var(--paper);border-radius:var(--radius);padding:24px 22px;text-align:center;
  box-shadow:var(--ombre);border-top:4px solid var(--yellow)}
.equipe .membre strong{display:block;font-family:var(--disp);font-size:17px;margin-bottom:4px}
.equipe .membre span{font-size:14px;color:var(--gris)}
@media(max-width:700px){.equipe{grid-template-columns:1fr}}

/* ---- Bloc contact ---- */
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:stretch}
.contact-card{background:var(--paper);border-radius:var(--radius);padding:28px;box-shadow:var(--ombre);
  border:1px solid var(--line)}
.contact-card h3{font-size:19px;margin-bottom:14px}
.contact-card p{font-size:15px;color:var(--gris);margin-bottom:8px}
.contact-card .big{font-family:var(--disp);font-weight:800;font-size:24px;color:var(--blue);margin:6px 0}
@media(max-width:760px){.contact-grid{grid-template-columns:1fr}}

/* Menu principal : resserre l'espacement sous 1280 px
   (8 entrees depuis l'ajout de l'onglet Plasturgie) */
@media(max-width:1280px){
  nav.primary ul{gap:14px}
  nav.primary a{font-size:13.5px}
  header.main .brand .baseline{display:none}
}

/* Grille partenaires 4 colonnes (Agro / Industrie : 8 cartes = 2 rangées pleines) */
.gammes.g4{grid-template-columns:repeat(4,1fr);gap:20px}
.gammes.g4 .card h3{font-size:18px}
.gammes.g4 .card .body{padding:16px 17px 20px}
.gammes.g4 .card p{font-size:13.5px;line-height:1.5;margin-bottom:14px}
@media(max-width:1080px){.gammes.g4{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.gammes.g4{grid-template-columns:1fr}}