/* ==== eVersum site fixes (layout / graphics integrity) ==== */

/* 1. Footer legal + cookie links: keep them inside the policy box, on the
      same baseline as the copyright, instead of floating loose between the two
      floated sub-footer blocks (which pushed them out of the dark footer bar). */
.subfooter .policy-box{width:auto;max-width:100%}
.policy-box .cc-links{display:inline}
.policy-box .cc-links a{display:inline-block;color:inherit;opacity:.75;font-size:10px;letter-spacing:2px;text-transform:uppercase;line-height:90px;margin-left:16px;position:relative;text-decoration:none;transition:opacity .2s ease}
.policy-box .cc-links a:before{content:'|';position:absolute;left:-11px;opacity:.5}
.policy-box .cc-links a:after{content:'';position:absolute;left:0;bottom:32px;width:0;height:1px;background:#35bfef;transition:width .25s ease}
.policy-box .cc-links a:hover{opacity:1}
.policy-box .cc-links a:hover:after{width:100%}
@media only screen and (max-width:1064px){
  .subfooter{height:auto!important}
  .subfooter .policy-box{float:none;width:100%;text-align:center;line-height:2.2;padding:18px 0 4px}
  .policy-box .cc-links{display:block;padding-top:4px}
  .policy-box .cc-links a{line-height:2.2;margin:0 10px}
  .policy-box .cc-links a:before{display:none}
  .policy-box .cc-links a:after{bottom:-2px}
  .subfooter .to-top-btn{float:none;display:block;text-align:center;height:60px;line-height:60px}
}

/* 2. No sideways scrolling on phones/tablets. Off-canvas slides and hover-only
      media tooltips were pushing the document wider than the viewport. */
@media only screen and (max-width:1064px){
  html,body{overflow-x:hidden;max-width:100%}
  .swiper-container,.fs-slider,.fs-slider-wrap,.slider-container,.gallery-items,.content-holder{max-width:100%}
  .content-nav_mediatooltip{display:none!important}
}

/* 3. Touch devices have no hover: make the gallery zoom buttons visible so they
      are not invisible-but-clickable graphics. */
@media (hover:none){
  .box-media-zoom,.box-item .overlay + .box-media-zoom{opacity:1!important;visibility:visible!important}
}

/* 4. Home page has no sub-footer: the legal / cookie links sit in a fixed
      bar. Style it as a discreet pill and keep it clear of the chat bubble. */
.cc-settings-fixed{position:fixed!important;bottom:14px!important;right:96px!important;left:auto!important;z-index:800!important;
  padding:7px 14px;border-radius:20px;background:rgba(18,19,23,.72);backdrop-filter:blur(6px);
  font-size:10px;letter-spacing:1px;text-transform:uppercase;color:rgba(255,255,255,.75);line-height:1}
.cc-settings-fixed a{color:rgba(255,255,255,.75);text-decoration:none;transition:color .2s ease}
.cc-settings-fixed a:hover{color:#35bfef}
@media only screen and (max-width:768px){
  .cc-settings-fixed{right:auto!important;left:12px!important;bottom:78px!important;font-size:9px;padding:6px 10px}
}

/* 5. Bottom-left "SHARE" button: the rotated label was printed on top of the
      theme's "+" glyph. Lift the label so both are legible. */
@media only screen and (min-width:1065px){
  .share-button span{top:6px}
  .share-button:before{bottom:20px}
  .share-button:after{bottom:15px}
}

/* 7. ADR Platform photo grid: replace the ragged masonry (isotope placed the
      six photos by their natural heights, leaving items out of line and a gap
      under the large photo) with a true 3-column grid. Every cell keeps a 3:2
      ratio, the large photo spans 2x2, so all edges align on every viewport. */
.gallery-items.gallery-fix{display:grid!important;grid-template-columns:repeat(3,1fr);gap:4px;height:auto!important;position:relative!important}
.gallery-items.gallery-fix .gallery-item{position:relative!important;left:auto!important;top:auto!important;width:auto!important;padding:0!important;aspect-ratio:3/2;transform:none!important}
.gallery-items.gallery-fix .gallery-item.gallery-item-second{grid-column:span 2;grid-row:span 2;aspect-ratio:auto}
.gallery-items.gallery-fix .grid-item-holder{width:100%;height:100%;float:none}
.gallery-items.gallery-fix .grid-item-holder img{width:100%;height:100%;object-fit:cover;object-position:center}
@media only screen and (max-width:768px){
  .gallery-items.gallery-fix{grid-template-columns:repeat(2,1fr);grid-auto-flow:row dense}
  .gallery-items.gallery-fix .gallery-item.gallery-item-second{grid-column:span 2;grid-row:span 1;aspect-ratio:3/2}
  .gallery-items.gallery-fix .gallery-item:last-child{grid-column:span 2;aspect-ratio:2/1}
}