/* ==========================================================================
   PORTALIS — Media queries (chargé en dernier)
   ========================================================================== */

@media (max-width:1000px){
  .value:nth-child(3){border-left:0;padding-left:0}
}

@media (max-width:860px){
  .hdr-u .ref{display:none}
  .hdr-in{position:relative}
  .hdr-actions{display:none!important}
  .burger{display:inline-grid;margin-left:auto}
  .hdr-in > .region-header.collapse:not(.show){display:none}
  .hdr-in > .region-header.collapsing,
  .hdr-in > .region-header.show{
    display:block;
    position:absolute;
    top:100%;
    left:50%;
    right:auto;
    width:100vw;
    transform:translateX(-50%);
    max-height:calc(100vh - var(--portalis-hdr-m));
    overflow:auto;
    background:var(--portalis-paper);
    z-index:1030;
  }
  .hdr-in > .region-header.collapsing{height:auto!important}
  .hdr-in > .region-header > div{width:100%}
  .cab.row{grid-template-columns:minmax(0,1fr);gap:32px}
  .xbody.row{grid-template-columns:minmax(0,1fr);gap:32px}
  .cab.row > [class*="col-"],.impl.row > [class*="col-"],.contact.row > [class*="col-"],.xbody.row > [class*="col-"]{width:100%}
  .facts li{grid-template-columns:1fr;gap:5px}
  #portalis-nav{
    height:auto;display:flex;flex-direction:column;gap:0!important;
    width:100%;align-items:stretch!important;background:var(--portalis-paper);
    padding:6px var(--portalis-gut) 100px!important;
  }
  #portalis-nav>li{display:block;width:100%;border-bottom:1px solid var(--portalis-line)}
  .nav a{color:var(--portalis-ink)}
  .nav>li>a{border-bottom:0;padding:17px 0;font:500 1.15rem/1.2 var(--portalis-font-display)}
  .nav>li>a:hover,.nav>li>a[aria-current]{color:var(--portalis-accent)}
  .sub{display:block;position:static;min-width:0;border:0;background:none;padding:0 0 10px}
  .sub a{padding:8px 0 8px 16px;font-size:.98rem;color:var(--portalis-ink-2)}
  .sub a:hover{background:none;color:var(--portalis-ink)}
  .toc{display:none}
  .bar{background:var(--portalis-graph);border-top:1px solid var(--portalis-line-dark);padding-bottom:env(safe-area-inset-bottom,0px)}
  .bar a{min-height:58px;text-decoration:none;color:var(--portalis-on-dark);font-weight:500;font-size:.8rem}
  .bar a+a{border-left:1px solid var(--portalis-line-dark)}
  .bar .ico{width:20px;height:20px}
  body{padding-bottom:60px}
}

@media (max-width:640px){
  body{font-size:1rem}
  .value,.value:nth-child(3){border-left:0;padding-left:0;border-top:1px solid var(--portalis-line);padding-top:18px}
  .value:first-child{border-top:0;padding-top:0}
  .form{grid-template-columns:1fr}
  .brand .mk{height:26px}
  .wm{width:70px;height:34px}
  .sit{grid-template-columns:minmax(0,1fr)}
  .ref-card{grid-template-columns:96px 1fr;gap:20px}
}