/* AquaTour sitewide surface depth. Last updated: 2026-10-15. Version: 1.1. */

/* Photo surfaces without a physical border use an outside ring, preserving crops. */
.sea-main .c3d-area0-gallery .gtile[data-gallery-photo],
.atomix-hero .c4a-main-frame.atomix-photo-track,
#full-inclusions .included-proof-grid > .included-photo,
#marine-group .c3r-company-photo > picture,
.why-crew .why-crew-photos > .why-crew-photo,
#operations .ops-pier-card {
  box-shadow: 0 0 0 1px var(--aqua-depth-edge),
    var(--aqua-depth-rest), var(--aqua-depth-keylight);
}

/* The figure also owns a caption; only its photograph becomes a depth surface. */
#marine-group .c3r-company-photo > picture {
  overflow: hidden;
  border-radius: 18px;
}

/* Each complete card carries one shadow; its media and text remain one surface. */
.home-page #boats.fleet-section .fleet-grid > .fleet-card,
.home-page .faq-list > .faq-group,
.sea-main .c3d-prices.c3d-area0-prices,
.atomix-included-band .ease-grid > .ease-item,
.atomix-hero .atomix-facts,
#operations .ops-hours-card {
  border-color: var(--aqua-depth-edge);
  box-shadow: var(--aqua-depth-rest), var(--aqua-depth-keylight);
}

/* Preserve the original pink borders on these cream/white cards. */
.atomix-area-list > .atomix-area,
.included-package .included-extras {
  box-shadow: var(--aqua-depth-rest), var(--aqua-depth-keylight);
}

/* Keep the existing 3px thumb borders, including the active pink selection. */
.atomix-hero .c4a-thumbs > .c4a-thumb {
  border-color: var(--aqua-depth-edge);
  box-shadow: var(--aqua-depth-rest), var(--aqua-depth-keylight);
}
.atomix-hero .c4a-thumbs > .c4a-thumb.is-active {
  border-color: #c81e56;
}
.atomix-hero .c4a-thumbs > .c4a-thumb:focus-visible {
  outline: 3px solid #006582;
  outline-offset: 2px;
}

/* Existing hover transforms stay in their component styles; only depth changes. */
@media (hover: hover) and (pointer: fine) {
  .sea-main .c3d-area0-gallery .gtile[data-gallery-photo]:hover,
  .atomix-hero .c4a-main-frame.atomix-photo-track:hover,
  #full-inclusions .included-proof-grid > .included-photo:hover {
    box-shadow: 0 0 0 1px var(--aqua-depth-edge),
      var(--aqua-depth-hover), var(--aqua-depth-keylight);
  }
  .atomix-hero .c4a-thumbs > .c4a-thumb:hover,
  .atomix-area-list > .atomix-area:hover {
    box-shadow: var(--aqua-depth-hover), var(--aqua-depth-keylight);
  }
  .home-page #boats.fleet-section .fleet-grid > .fleet-card:hover {
    box-shadow: var(--aqua-depth-hover), var(--aqua-depth-keylight) !important;
  }
}

.sea-main .c3d-area0-gallery .gtile[data-gallery-photo]:active,
.atomix-hero .c4a-main-frame.atomix-photo-track:active,
#full-inclusions .included-proof-grid > .included-photo:active {
  box-shadow: 0 0 0 1px var(--aqua-depth-edge),
    var(--aqua-depth-pressed), var(--aqua-depth-keylight);
}
.atomix-hero .c4a-thumbs > .c4a-thumb:active,
.atomix-area-list > .atomix-area:active {
  box-shadow: var(--aqua-depth-pressed), var(--aqua-depth-keylight);
}
.home-page #boats.fleet-section .fleet-grid > .fleet-card:active {
  box-shadow: var(--aqua-depth-pressed), var(--aqua-depth-keylight) !important;
}

/* The desktop gallery wrapper is layout machinery; its tiles clip their images. */
@media (min-width: 1101px) {
  .sea-main .c3d-area0-gallery { overflow: visible; }
}

/* Scrollboxes retain horizontal clipping and gain only vertical paint room.
   Equal opposite margins preserve the original content coordinates and footprint. */
@media (max-width: 1100px) {
  .sea-main .c3d-area0-gallery {
    min-height: 0;
    padding-top: 16px;
    padding-bottom: 36px;
    margin-top: -16px;
    margin-bottom: -36px;
  }
}
@media (max-width: 900px) {
  .atomix-hero .c4a-thumbs {
    min-height: 0;
    padding-top: 16px;
    padding-bottom: 36px;
    margin-top: -16px;
    margin-bottom: -36px;
  }
}
@media (max-width: 768px) {
  .home-page #boats.fleet-section .fleet-grid,
  .home-page .faq-list {
    padding-top: 16px;
    padding-bottom: 36px;
    margin-top: -16px;
    margin-bottom: -36px;
  }
  .home-page #boats.fleet-section .fleet-grid > .fleet-card {
    min-height: 0;
  }
}

/* Already approved Home directions/reviews, Included life and Why proof retain
   their existing depth. Fullscreen viewers, pan/zoom, heroes, forms and menus
   keep their functional presentation and receive no new surface treatment. */