.divers-offer-control button,.divers-checkout button{font:inherit;cursor:pointer;border:1px solid #16858c;border-radius:999px;padding:.6rem 1rem;background:#087681;color:white}.divers-offer-control{display:flex;gap:.6rem;flex-wrap:wrap;align-items:center;padding:1rem;font:400 14px/1.5 system-ui;background:var(--paper,#f1f6f5);color:var(--ink,#133f43);border-radius:12px;margin:.5rem 0}.divers-offer-control>span{flex:1;min-width:160px}.divers-offer-control select{padding:.5rem;max-width:100%}.divers-enroll{max-width:1160px;margin:2rem auto;padding:1rem}.divers-checkout{box-sizing:border-box;width:min(94vw,640px);max-height:90dvh;overflow:auto;border:0;border-radius:20px;padding:24px;background:#f9fcfb;color:#143c42;font:16px/1.5 system-ui}.divers-checkout::backdrop{background:#001c26b3}.divers-checkout header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.divers-checkout ul{list-style:none;padding:0}.divers-checkout li{display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid #ccdbda;padding:12px 0}.divers-checkout label{display:block;margin:10px 0}.divers-checkout input:not([type=checkbox]),.divers-checkout textarea{display:block;box-sizing:border-box;width:100%;padding:10px;border:1px solid #97b8b9;border-radius:6px;background:white;color:#143c42;font:inherit}.divers-checkout section{margin-top:20px}.divers-checkout section button{display:block;margin-top:16px}.divers-checkout button:disabled{opacity:.55;cursor:wait}.divers-checkout [hidden]{display:none}.divers-checkout fieldset{border:0;padding:0}.divers-checkout a{color:#087681}@media(max-width:700px){.divers-checkout{padding:18px}.divers-offer-control{padding:10px}}
/* Product documents have strong typography rules; keep checkout readable in both themes. */
.divers-checkout p,.divers-checkout h2,.divers-checkout h3,.divers-checkout strong,.divers-checkout span,.divers-checkout label{color:#143c42;opacity:1;text-shadow:none;letter-spacing:normal}.divers-checkout h2{font:600 24px/1.3 system-ui;margin:0}.divers-checkout header{position:sticky;top:-24px;background:#f9fcfb;padding:12px 0;z-index:1}.divers-card-order{position:relative;z-index:2}.divers-enroll{background:var(--paper,#f1f6f5);color:var(--ink,#143c42);border-radius:16px}.divers-enroll p,.divers-enroll h2,.divers-enroll a{color:inherit;opacity:1}
@media(max-width:800px){.divers-checkout header{top:-18px}}
/* Compact Shark account controls; checkout buttons keep their own styling. */
.divers-header .divers-account-controls{display:flex;align-items:center;gap:8px;flex:none;min-height:44px}
.divers-header .divers-cart-button,.divers-header .divers-account-menu>summary{display:grid;place-items:center;position:relative;width:40px;height:40px;min-height:40px;padding:0;border:0;border-radius:50%;background:transparent;color:inherit;font:600 12px/1 system-ui,-apple-system,BlinkMacSystemFont,"SF Pro Text","Inter","Aptos","Avenir Next","Segoe UI",sans-serif;letter-spacing:normal;text-transform:none;box-shadow:none;transform:none;cursor:pointer;list-style:none}
.divers-header .divers-account-menu>summary::-webkit-details-marker{display:none}
.divers-header .divers-account-menu>summary span{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--nav-ink,#071d2b);color:var(--nav-paper,#fafdff);font:600 12px/1.4 system-ui,-apple-system,BlinkMacSystemFont,"SF Pro Text","Inter","Aptos","Avenir Next","Segoe UI",sans-serif;transition:background-color 170ms ease,box-shadow 170ms ease}
.divers-header .divers-cart-button svg{display:block;width:21px;height:21px}
.divers-header .divers-cart-count{position:absolute;top:0;right:0;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:#d70012;color:white;font:600 10px/16px system-ui,-apple-system,BlinkMacSystemFont,"SF Pro Text","Inter","Aptos","Avenir Next","Segoe UI",sans-serif}
.divers-header .divers-cart-count[hidden]{display:none}
.divers-header .divers-account-menu{position:relative}
.divers-header .divers-account-panel{position:absolute;top:calc(100% + 8px);right:0;width:280px;max-width:calc(100vw - 24px);box-sizing:border-box;padding:6px;border:1px solid #ced5d7;border-radius:12px;background:var(--divers-surface,#fff);color:var(--divers-muted,#071d2b);box-shadow:0 12px 36px #071d2b26}
.divers-header .divers-account-panel a,.divers-header .divers-account-panel button{display:flex;align-items:center;width:100%;min-height:40px;padding:8px 12px;border:0;border-radius:6px;background:transparent;color:inherit;font:600 14px/1.4 system-ui,-apple-system,BlinkMacSystemFont,"SF Pro Text","Inter","Aptos","Avenir Next","Segoe UI",sans-serif;text-align:left;text-transform:none;letter-spacing:normal;box-shadow:none;transform:none;cursor:pointer}
.divers-header .divers-cart-button:not(:disabled):hover,.divers-header .divers-account-menu>summary:hover,.divers-header .divers-account-panel a:hover,.divers-header .divers-account-panel button:not(:disabled):hover{background:color-mix(in srgb,currentColor 8%,transparent)}
.divers-header .divers-account-controls :is(button,summary,a):focus-visible{outline:3px solid #1589a8;outline-offset:2px}
.divers-header .divers-account-panel button:disabled{opacity:.55;cursor:wait}

/* Ownership never changes the geometry of public cards or navigation. */
a.divers-owned-anchor{position:relative}
.divers-checkout .divers-owned-badge{display:inline-flex;align-items:center;max-width:100%;padding:3px 8px;border:1px solid #b7d8cf;border-radius:20px;background:#e8f4ef;color:#205c51;font:500 11px/1.4 system-ui}
.divers-offer-dialog .divers-offer-control{gap:10px;margin:0;padding:16px 0;border-bottom:1px solid #ccdbda;border-radius:0;background:transparent;color:#143c42}
.divers-offer-dialog .divers-offer-control>span{flex-basis:100%;min-width:0;font-size:15px;font-weight:600}
.divers-offer-dialog .divers-offer-control>button{margin-left:auto}
.divers-offer-dialog .divers-offer-close{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;min-height:44px;padding:0;font:400 28px/1 system-ui}
.divers-checkout button:focus-visible{outline:3px solid #1589a8;outline-offset:4px}
@media(hover:hover) and (pointer:fine){.divers-checkout button:not(:disabled):hover{background:#095c65;border-color:#96d8d3}}
@media(max-width:700px){.divers-offer-dialog .divers-offer-control>button{min-height:44px}}

/* Public course, bundle and event details share Shark's persistent order summary. */
html[data-divers-order-bar] { scroll-padding-bottom:calc(var(--divers-order-height, 90px) + 16px); }
html[data-divers-order-bar] body { padding-bottom:var(--divers-order-height, 90px); }
.divers-order-bar {
  --order-accent:#8de4e7;
  position:fixed; inset:auto 0 0; z-index:1200;
  padding:14px max(24px, env(safe-area-inset-right)) calc(14px + env(safe-area-inset-bottom)) max(24px, env(safe-area-inset-left));
  border-top:1px solid #ffffff24; background:#091e2df2; color:#f2f8fa;
  backdrop-filter:blur(18px); -webkit-backdrop-filter:blur(18px);
  font:500 14px/1.4 system-ui,-apple-system,BlinkMacSystemFont,"SF Pro Text","Inter","Aptos","Segoe UI",sans-serif;
}
/* Match the accent of the same course in My Courses, in either appearance mode. */
html[data-course=nitrox] .divers-order-bar { --order-accent:#e4ed61; }
html[data-course=night] .divers-order-bar { --order-accent:#ffdc99; }
html[data-course=navigation] .divers-order-bar { --order-accent:#96e6d0; }
html[data-course=dry] .divers-order-bar { --order-accent:#c4e0fa; }
html[data-course=science] .divers-order-bar { --order-accent:#c6bcff; }
html[data-course=buoyancy] .divers-order-bar { --order-accent:#a4f0dd; }
html[data-course=sidemount] .divers-order-bar { --order-accent:#bbdbcf; }
html[data-course=deco] .divers-order-bar { --order-accent:#ffd49a; }
html[data-course=dpv] .divers-order-bar { --order-accent:#75efe4; }
html[data-course=photo] .divers-order-bar { --order-accent:#e8b9ef; }
html[data-course=wreck] .divers-order-bar { --order-accent:#e4b582; }
html[data-course=react] .divers-order-bar { --order-accent:#f5a4b0; }
html[data-course=rescue] .divers-order-bar { --order-accent:#ffc18c; }
html[data-course=xrside] .divers-order-bar { --order-accent:#b7cef7; }
html[data-course=advwreck] .divers-order-bar { --order-accent:#e6ba83; }
html[data-course=tryscr] .divers-order-bar { --order-accent:#93e8dc; }
html[data-course=scr] .divers-order-bar { --order-accent:#6ee1ee; }
html[data-course=scrxr] .divers-order-bar { --order-accent:#abaaff; }
html[data-course=nudibranch] .divers-order-bar { --order-accent:#edb4e8; }
html[data-course=turtle] .divers-order-bar { --order-accent:#bedca0; }
html[data-course=marine] .divers-order-bar { --order-accent:#86e0c5; }
html[data-course=fullface] .divers-order-bar { --order-accent:#b0d8eb; }
html[data-course=shark] .divers-order-bar { --order-accent:#88c5ed; }
html[data-course=computer] .divers-order-bar { --order-accent:#79f2c9; }
html[data-course=xrnitrox] .divers-order-bar { --order-accent:#d8e98c; }
html[data-course=foundations] .divers-order-bar { --order-accent:#c8d4e7; }
.divers-order-bar * { box-sizing:border-box; }
.divers-order-bar-inner { max-width:1440px; margin:auto; display:grid; grid-template-columns:minmax(0,1fr) auto auto; align-items:center; gap:24px; }
.divers-order-title { display:grid; gap:4px; min-width:0; }
.divers-order-bar .divers-order-title small { color:var(--order-accent); font:600 9px/1.4 system-ui; letter-spacing:.16em; }
.divers-order-bar .divers-order-title strong { color:#f2f8fa; font:700 clamp(14px,1.5vw,20px)/1.25 system-ui; overflow-wrap:anywhere; }
.divers-order-summary { display:grid; gap:3px; min-width:0; max-width:360px; }
.divers-order-summary > strong { color:#f2f8fa; font:700 16px/1.4 system-ui; }
.divers-order-status { color:#bdd0d9; font:500 12px/1.4 system-ui; }
.divers-order-bar .divers-order-note { color:#bdd0d9; font:500 13px/1.4 system-ui; max-width:210px; }
.divers-order-bar .divers-order-button {
  appearance:none; display:inline-flex; align-items:center; justify-content:center;
  min-height:48px; max-width:280px; margin:0; padding:12px 24px; border:1px solid transparent; border-radius:6px;
  background:var(--order-accent); color:#091e2d; font:750 14px/1.4 system-ui;
  text-transform:none; letter-spacing:normal; text-align:center; text-shadow:none; box-shadow:none; transform:none;
  cursor:pointer; transition:filter 180ms ease;
}
.divers-order-bar .divers-order-button:focus-visible { outline:2px solid white; outline-offset:4px; }
@media(hover:hover) and (pointer:fine) { .divers-order-bar .divers-order-button:hover { filter:brightness(1.1); } }
.divers-order-bar .divers-order-button:active { filter:brightness(.95); }
html[data-divers-order-bar] :is(.divers-appearance, #cookiescript_badge, button.divers-back-to-top) { bottom:calc(var(--divers-order-height, 90px) + 8px); }
@media(max-width:900px) {
  .divers-order-summary { display:grid; gap:3px; }
}
@media(max-width:700px) {
  .divers-order-bar { padding:10px max(16px, env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left)); }
  .divers-order-bar-inner { grid-template-columns:minmax(0,1fr) minmax(0,1.2fr); gap:8px 12px; }
  .divers-order-title { grid-column:1 / -1; }
  .divers-order-title small { display:none; }
  .divers-order-bar .divers-order-title strong { font-size:14px; }
  .divers-order-bar .divers-order-note { font-size:11px; }
  .divers-order-bar .divers-order-button { width:100%; min-width:0; max-width:none; padding:10px 12px; font-size:13px; }
  html[data-divers-order-bar] button.divers-back-to-top { width:44px; min-height:44px; padding:10px; }
  html[data-divers-order-bar] .divers-back-to-top-label { display:none; }
}
@media(prefers-reduced-motion:reduce) { .divers-order-bar .divers-order-button { transition:none; } }

/* Account initials match the customer account in Shark, including the focus halo. */
.divers-header .divers-account-menu>summary { width:36px; height:36px; min-height:36px; }
.divers-header .divers-account-menu>summary:is(:hover,:focus-visible),.divers-header .divers-account-menu[open]>summary { background:transparent; }
.divers-header .divers-account-menu>summary:is(:hover,:focus-visible) span,.divers-header .divers-account-menu[open]>summary span { background:color-mix(in srgb,var(--nav-ink) 92%,var(--nav-paper)); color:var(--nav-paper); box-shadow:inset 0 1px 0 color-mix(in srgb,var(--nav-paper) 20%,transparent),0 0 0 3px color-mix(in srgb,var(--nav-accent) 20%,transparent),0 3px 9px #071d2b26; }
.divers-header .divers-account-panel { padding:8px; border-radius:10px; border-color:var(--nav-line); background:var(--nav-paper); color:var(--nav-ink); }
.divers-header .divers-account-panel :is(a,button) { font:500 13px/1.45 system-ui,-apple-system,BlinkMacSystemFont,"SF Pro Text","Inter","Aptos","Avenir Next","Segoe UI",sans-serif; border-radius:7px; }
.divers-header .divers-account-panel :is(a,button):is(:hover,:focus-visible) { color:var(--nav-accent); background:var(--nav-soft); }
@media(pointer:coarse) { .divers-header .divers-account-panel :is(a,button) { min-height:44px; } .divers-header .divers-account-menu>summary,.divers-header .divers-account-menu>summary span { width:44px; height:44px; min-height:44px; } }
@media(prefers-reduced-motion:reduce) { .divers-header .divers-account-menu>summary span { transition:none; } }

/* Reserve account geometry while the uncached session is being verified. */
.divers-header .divers-account-slot{display:flex;align-items:center;justify-content:flex-end;gap:8px;width:92px;min-height:44px;grid-column:3;grid-row:1}
.divers-header .divers-account-controls{justify-content:flex-end;flex:none;width:auto}
.divers-header .divers-nav-login[hidden]{display:none}
.divers-account-checking .divers-header .divers-nav-login{pointer-events:none;position:relative}
.divers-account-checking .divers-nav-login svg{visibility:hidden}
.divers-account-checking .divers-nav-login::after{content:"";width:22px;height:22px;border:2px solid var(--nav-line,#c8d5d7);border-top-color:var(--nav-accent,#087681);border-radius:50%;position:absolute;inset:0;margin:auto}
@media(max-width:820px){
  .divers-header .divers-account-slot{grid-column:3;width:auto;min-width:44px}
  .divers-header .divers-account-controls{gap:4px}
  .divers-header .divers-cart-button,.divers-header .divers-account-menu>summary,.divers-header .divers-account-menu>summary span{width:44px;height:44px;min-height:44px}
}

/* Short, readable labels distinguish completion from an unconfirmed request. */
main a .divers-owned-marker{position:absolute;inset:8px 8px auto auto;display:inline-flex;align-items:center;gap:4px;width:auto;height:auto;min-height:22px;min-width:0;max-width:calc(100% - 16px);padding:3px 7px;margin:0;border:1px solid #82bcb5;border-radius:6px;background:#e8f4ef;color:#205c51;font:600 11px/1.3 Arial,sans-serif;letter-spacing:0;text-transform:none;white-space:normal;text-align:left;box-shadow:0 1px 4px #001c2620;transform:none;opacity:1;z-index:5}
main a .divers-owned-marker[data-state="pending_approval"],main a .divers-owned-marker[data-state="waitlist"]{background:#fff3d7;border-color:#d4b76a;color:#745317}
main a .divers-owned-marker[data-state="registered"]{background:#e2f1fa;border-color:#88b9d2;color:#1a546f}
.catalog-path a.divers-owned-link{padding-bottom:30px}
.catalog-path a .divers-owned-marker{inset:auto auto 3px 8px}
body p.divers-personal-status[data-state]{display:table;max-width:100%;padding:5px 10px;border:1px solid #82bcb5;border-radius:6px;background:#e8f4ef;color:#205c51;font:600 12px/1.4 Arial,sans-serif;letter-spacing:0;text-transform:none}

body p.divers-personal-status[data-state="pending_approval"],body p.divers-personal-status[data-state="waitlist"]{background:#fff3d7;border-color:#d4b76a;color:#745317}
body p.divers-personal-status[data-state="registered"]{background:#e2f1fa;border-color:#88b9d2;color:#1a546f}

.divers-order-date { display:none; color:#bdd0d9; font:500 12px/1.4 system-ui; }
@media(min-width:1000px) { .divers-order-date { display:block; } }

/* Keep the account mode action consistent with Shark. */
.divers-header .divers-account-mode-group { padding-bottom:10px; margin-bottom:6px; border-bottom:1px solid var(--nav-line); }
.divers-header .divers-account-panel a.divers-account-mode-switch { display:flex; align-items:center; min-height:40px; box-sizing:border-box; padding:9px 12px; background:#176958; color:#fff; font-weight:600; }
.divers-header .divers-account-panel a.divers-account-mode-switch:is(:hover,:focus-visible,:active) { background:#104f43; color:#fff; }
html[data-theme=dark] .divers-header .divers-account-panel a.divers-account-mode-switch { background:#74dcc3; color:#10392f; }
html[data-theme=dark] .divers-header .divers-account-panel a.divers-account-mode-switch:is(:hover,:focus-visible,:active) { background:#a0ecd9; color:#10392f; }

.divers-header .divers-account-separator { height:1px; background:var(--nav-line); margin:6px 4px; }

@media(max-width:820px){
  .divers-header .divers-cart-button{width:44px;height:44px;min-height:44px}
  .divers-header .divers-account-controls:empty{display:none}
}

.divers-header .divers-cart-count[hidden]{display:none}
.divers-header .divers-cart-button:disabled{cursor:default;opacity:1}

/* Admin-only shop chooser: plain action labels and touch/keyboard support. */
.divers-eshop-options:popover-open{position:fixed;inset:auto;margin:0;top:var(--divers-eshop-top,70px);left:var(--divers-eshop-left,16px);z-index:1200;display:grid;min-width:150px;padding:8px;background:var(--paper,#fff);color:var(--ink,#142429);border:1px solid currentColor;border-radius:12px;box-shadow:0 12px 30px #0002}
.divers-eshop-options a{padding:12px 16px;border-radius:7px;text-decoration:none;color:inherit}
.divers-eshop-options a:hover{background:color-mix(in srgb,currentColor 8%,transparent)}
.divers-eshop-options a:focus-visible{outline:2px solid currentColor;outline-offset:-2px}
