/* A un tir de pedra — shared territory artwork layer
   Source of truth: shared-assets/manifest.json (web + iOS + Android). */
:root{
  --atdp-art-cool:url('/shared-assets/decorations/territory-panorama-cool.svg');
  --atdp-art-warm:url('/shared-assets/decorations/territory-panorama-warm.svg');
  --atdp-art-forest:url('/shared-assets/decorations/territory-horizon-forest.svg');
  --atdp-art-square:url('/shared-assets/decorations/territory-forest-square.svg');
}

/* Shared desktop side/footer atmosphere */
.side-note,.org-side>p{
  position:relative;
  background-image:var(--atdp-art-forest)!important;
  background-repeat:no-repeat!important;
  background-position:center bottom!important;
  background-size:220px auto!important;
  min-height:185px;
  display:flex;
  align-items:flex-end;
}
.org-side>p{margin:0;padding:12px 10px 18px!important}

/* Main editorial pages are deliberately white. Artwork stays in the sidebar/footer only. */
.browser-section,.nearby-view,.place-detail-view,.route-detail-view,.theme-detail-view{position:relative;isolation:isolate}
.browser-section::before,.nearby-view::before,.place-detail-view::before,.route-detail-view::before,
.browser-section::after,.profile-hero::after{display:none!important}

/* Organizations */
.org-hero{background:#f8f8f4!important}
.org-hero .hero-art{background:var(--atdp-art-warm) right center/cover no-repeat!important;opacity:.72!important}
.org-hero .hero-art .ridge,.org-hero .hero-art .sun{display:none!important}
.directory{
  position:relative;isolation:isolate;
}
.directory::before{
  content:"";position:absolute;z-index:-1;right:0;top:55px;width:min(58vw,800px);height:190px;
  background:var(--atdp-art-cool) right top/contain no-repeat;opacity:.58;
  -webkit-mask-image:linear-gradient(to left,#000 64%,transparent);
  mask-image:linear-gradient(to left,#000 64%,transparent);
}

/* Nature + family keep their own identity but share the territory layer. */
.nature-hero,.kids-hero{position:relative;overflow:hidden;isolation:isolate}
.nature-hero::after{
  content:"";position:absolute;z-index:-1;right:-30px;bottom:-8px;width:55%;height:88%;
  background:var(--atdp-art-forest) right bottom/contain no-repeat;opacity:.42;
}
.kids-hero::after{
  content:"";position:absolute;z-index:-1;right:-20px;bottom:-5px;width:50%;height:100%;
  background:var(--atdp-art-square) right bottom/contain no-repeat;opacity:.28;
}

/* Utility classes for future screens and native parity. */
.atdp-art-cool{background-image:var(--atdp-art-cool)}
.atdp-art-warm{background-image:var(--atdp-art-warm)}
.atdp-art-forest{background-image:var(--atdp-art-forest)}
.atdp-art-square{background-image:var(--atdp-art-square)}

@media(max-width:760px){
  .browser-section::before,.nearby-view::before,.place-detail-view::before,.route-detail-view::before{
    width:100%;height:110px;right:-12px;top:0;opacity:.28;
  }
  .profile-hero::after{width:72%;opacity:.34}
  .directory::before{width:78%;height:135px;opacity:.34}
  .nature-hero::after,.kids-hero::after{opacity:.18;width:70%}
}


/* Shared interaction affordance */
button:not(:disabled),a[href],[role="button"],input[type="button"],input[type="submit"],input[type="reset"],label[for],select{cursor:pointer}
button:disabled,[aria-disabled="true"]{cursor:not-allowed}