/* Public Divers actions. Photo, 3D, map and selection controls keep their own affordances. */
/* These are reading anchors after pointer-opened dialogs, never controls. */
[data-divers-dialog-heading]:focus { outline:none; }
html[data-divers-appearance] {
  --divers-sweep: color-mix(in srgb, #227eb0 14%, transparent);
  --divers-press: color-mix(in srgb, #227eb0 23%, transparent);
  --divers-sweep-duration: 180ms;
}
html[data-divers-appearance][data-theme=dark] {
  --divers-sweep:color-mix(in srgb,#76caff 18%,transparent);
  --divers-press:color-mix(in srgb,#76caff 27%,transparent);
}
html[data-divers-appearance] :is(main, footer, dialog, .rental-content, .divers-header, .divers-breadcrumbs, [data-divers-section-nav]) :is(
  .button, .text-link, .text-button, .pit-link, .store-link, .borek-link, .borek-text-link,
  .journey-skip, .catalog-path-skip, .community-link, .contact-link, .pit-mail,
  .borek-arrival-discover, .work-watch, .event-detail-cta, .events-reset, .catalog-reset, .catalog-more,
  .school-jumpnav a, .school-course-links a, .school-pathway-grid li a,
  .school-catalog-gateway nav a, .school-training-topics a,
  .about-index a, .store-index a, .pit-nav a, .service-price-nav a, .contacts-nav a,
  .page-index a, .category-rail a, .catalog-path li a, .catalog-path-branches a,
  .journey-training-options a, .work-contact-links a, .service-contact-details > a,
  .store-contact a, .borek-contacts a, .contacts-direct > a, .contact-name, .contact-address-panel a, .contact-topic-grid p a,
  .faq summary, .school-questions summary, .pit-detail summary, .review-story summary,
  .review-filter-group summary, .rules-more summary, .catalog-filter-help > summary,
  .divers-nav-links > a, .divers-nav-more, .divers-nav-popover a,
  [data-divers-nav-rail] a, .divers-nav-login, .divers-cart-button,
  .divers-account-menu > summary, .divers-account-panel a, .divers-account-panel button
):not(:where(.home-experience *)),
html[data-divers-appearance] :is(.site-footer, .footer, .divers-breadcrumbs, [data-divers-section-nav]) a:not(:has(img, picture)):not(:where([data-divers-sticky-nav] *)) {
  --divers-action-fill: 0%;
  --divers-action-decoration: none;
  background-image: linear-gradient(var(--divers-sweep), var(--divers-sweep));
  background-position: left center;
  background-repeat: no-repeat;
  background-size: var(--divers-action-fill) 100%;
  transition: background-size var(--divers-sweep-duration) ease;
  text-decoration: none;
}
/* Filled calls to action darken gently while retaining their page's semantic color. */
html[data-divers-appearance] :is(.button, .event-detail-cta) { --divers-sweep: #0003; }
/* A text action gets breathing room; inline prose links retain normal underlines. */
html[data-divers-appearance] :is(main, footer) :is(.text-link, .text-button):not(:where(.home-experience *)) {
  border: 0;
  border-radius: 4px;
  padding: 10px 12px;
  min-height: 44px;
  line-height: 1.45;
  box-shadow: none;
}
html[data-divers-appearance] .rental-content .text-button { display: inline-flex; align-items: center; }
/* State only changes a variable: unrelated buttons, images and transparent backdrops are untouched. */
@media (hover: hover) and (pointer: fine) {
  html[data-divers-appearance] :is(a, button, summary):not(:disabled):not([aria-disabled=true]):not([aria-busy=true]):hover { --divers-action-fill: 100%; }
}
html[data-divers-appearance]:not([data-focus-modality="pointer"]) :is(a, button, summary):not(:disabled):not([aria-disabled=true]):not([aria-busy=true]):focus-visible,
html[data-divers-appearance] :is(a, button, summary):not(:disabled):not([aria-disabled=true]):not([aria-busy=true]):active { --divers-action-fill: 100%; }
html[data-divers-appearance] .divers-header :is(.divers-nav-links, .divers-nav-popover) :is([aria-current=page], [aria-expanded=true]) { --divers-action-fill: 100%; }
/* Persistent selection and open states remain separate from pointer feedback. */
html[data-divers-appearance] :is(a, button, summary):is(:disabled, [aria-disabled=true], [aria-busy=true]) { --divers-action-fill: 0%; }
@media (prefers-reduced-motion: reduce) {
  html[data-divers-appearance] { --divers-sweep-duration: 0ms; }
}
html[data-divers-appearance][data-motion-paused], html[data-divers-appearance].motion-off { --divers-sweep-duration: 0ms; }

/* Keep the original filled account disc inside a generous touch target. */
html[data-divers-appearance] .divers-header {
  --divers-account-disc:color-mix(in srgb,#227eb0 16%,var(--nav-paper));
  --divers-account-ink:color-mix(in srgb,var(--nav-ink) 85%,#227eb0);
}
html[data-divers-appearance] .divers-header :is(.divers-cart-button,.divers-account-menu>summary,.divers-account-panel a,.divers-account-panel button):not(.divers-account-mode-switch) {
  background-color:transparent; color:var(--nav-ink); box-shadow:none;
}
html[data-divers-appearance] .divers-header .divers-nav-login {
  box-sizing:border-box; border:0; border-radius:50%;
  background-color:var(--divers-account-disc); color:var(--divers-account-ink); box-shadow:none;
  background-clip:padding-box;
}
@media(max-width:820px), (pointer:coarse) {
  html[data-divers-appearance] .divers-header .divers-nav-login {
    width:44px; height:44px; flex-basis:44px; border:4px solid transparent;
  }
}
html[data-divers-appearance] .divers-header :is(a,button,summary):focus-visible { outline:2px solid var(--nav-accent); outline-offset:-3px; }
html[data-divers-appearance] :is(.divers-nav-links>a,.divers-nav-more,.divers-nav-popover a,[data-divers-nav-rail] a,.divers-nav-login,.divers-cart-button,.divers-account-menu>summary,.divers-account-panel a,.divers-account-panel button):not(:disabled):not([aria-disabled=true]):not([aria-busy=true]):active { --divers-sweep:var(--divers-press); }

/* Public informational pages: Divers material, scoped away from account and checkout. */
html[data-divers-appearance] main#obsah:is(.about-page,.school-page,.store-page,.contacts-page,.service-page,.filling-page,.work-page,.club-page,.reviews-page,.voucher-page,.z-story,.borek-page,.pit-page,.legal-page) :is(.button,.club-button){position:relative;border:1px solid #ff859180;border-radius:9px;background:linear-gradient(145deg,#e52032,#b10014);color:#fff;text-decoration:none;box-shadow:inset 0 1px 1px #ffffff90,0 3px 0 #77000e,0 9px 15px #71001130;transform:none;translate:0 0;transition:translate .32s cubic-bezier(.4,0,.6,1),box-shadow .32s ease}
html[data-divers-appearance] main#obsah:is(.about-page,.school-page,.store-page,.contacts-page,.service-page,.filling-page,.work-page,.club-page,.reviews-page,.voucher-page,.z-story,.borek-page,.pit-page,.legal-page) :is(.button,.club-button)::after{content:"";position:absolute;left:0;right:0;top:100%;height:4px;background:transparent}
@media(hover:hover) and (pointer:fine){html[data-divers-appearance] main#obsah:is(.about-page,.school-page,.store-page,.contacts-page,.service-page,.filling-page,.work-page,.club-page,.reviews-page,.voucher-page,.z-story,.borek-page,.pit-page,.legal-page) :is(.button,.club-button):not(:disabled):not([aria-disabled=true]):not([aria-busy=true]):not(:active):hover{box-shadow:inset 0 1px 1px #ffffffb3,0 3px 0 #77000e,0 13px 21px #71001145}}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){html[data-divers-appearance]:not([data-motion-paused]) main#obsah:is(.about-page,.school-page,.store-page,.contacts-page,.service-page,.filling-page,.work-page,.club-page,.reviews-page,.voucher-page,.z-story,.borek-page,.pit-page,.legal-page) :is(.button,.club-button):not(:disabled):not([aria-disabled=true]):not([aria-busy=true]):not(:active):hover{translate:0 -2px}}
html[data-divers-appearance] main#obsah:is(.about-page,.school-page,.store-page,.contacts-page,.service-page,.filling-page,.work-page,.club-page,.reviews-page,.voucher-page,.z-story,.borek-page,.pit-page,.legal-page) :is(.button,.club-button):active{translate:0 0;box-shadow:inset 0 2px 5px #19000b55}
html[data-divers-appearance] main#obsah:is(.about-page,.school-page,.store-page,.contacts-page,.service-page,.filling-page,.work-page,.club-page,.reviews-page,.voucher-page,.z-story,.borek-page,.pit-page,.legal-page) :is(.button,.club-button):focus-visible{outline:3px solid #67d5e5;outline-offset:5px}
html[data-divers-appearance] main#obsah:is(.about-page,.school-page,.store-page,.contacts-page,.service-page,.filling-page,.work-page,.club-page,.reviews-page,.voucher-page,.z-story,.borek-page,.pit-page,.legal-page) :is(.button,.club-button):is(:disabled,[aria-disabled=true],[aria-busy=true]){translate:none;box-shadow:none;opacity:.55}
@media(prefers-reduced-motion:reduce){html[data-divers-appearance] main#obsah:is(.about-page,.school-page,.store-page,.contacts-page,.service-page,.filling-page,.work-page,.club-page,.reviews-page,.voucher-page,.z-story,.borek-page,.pit-page,.legal-page) :is(.button,.club-button){translate:none;transition:none}}
html[data-divers-appearance][data-motion-paused] main#obsah:is(.about-page,.school-page,.store-page,.contacts-page,.service-page,.filling-page,.work-page,.club-page,.reviews-page,.voucher-page,.z-story,.borek-page,.pit-page,.legal-page) :is(.button,.club-button){translate:none;transition:none}
html[data-divers-appearance] main#obsah:is(.about-page,.school-page,.store-page,.contacts-page,.service-page,.filling-page,.work-page,.club-page,.reviews-page,.voucher-page,.z-story,.borek-page,.pit-page,.legal-page) :is(.contact-topic-grid>article,.contact-branch-grid article,.review-card,.reviews-hero-aside,.reviews-filters,.store-work,.store-swim,.borek-tile,.legal-entities article,.legal-form){border-radius:16px;box-shadow:inset 0 1px 1px #ffffff26,0 3px 0 #00131c33,0 20px 32px -22px #00131c66}
html[data-divers-appearance] main#obsah:is(.about-page,.school-page,.store-page,.contacts-page,.service-page,.filling-page,.work-page,.club-page,.reviews-page,.voucher-page,.z-story,.borek-page,.pit-page,.legal-page) :is(.about-club-photo,.school-choice-photo,.store-film-wide,.club-gallery-grid a,.pit-instructor-photo){border-radius:12px;box-shadow:0 3px 0 #00131c33,0 20px 32px -22px #00131c88}
html[data-divers-appearance] main#obsah:is(.about-page,.school-page,.store-page,.contacts-page,.service-page,.filling-page,.work-page,.club-page,.reviews-page,.voucher-page,.z-story,.borek-page,.pit-page,.legal-page) :is(.text-link,.store-link,.pit-link,.borek-link,.borek-text-link):focus-visible{outline:3px solid #3399ac;outline-offset:4px}
