/* One gold control edge across Audioworlds. Delivered after page styles on
   Audioworlds hosts only. Card frames and WARD's blue status controls are separate. */
:root {
  --aw-button-edge: 1px;
  --aw-button-gold: #ebc47199;
  --aw-button-gold-hover: #f5d891;
  --aw-button-radius: 7px;
  --aw-button-shadow: inset 0 1px 0 #fff5e51f, 0 8px 24px #0003;
  --aw-button-shadow-hover: inset 0 1px 0 #fff5e52e, 0 8px 24px #0003;
}

.cinematic-site .action:not(.home-share-button),
body.cinematic-site #share-whisperworld:not(.home-share-button),
#beta-screen #beta-submit,
#beta-screen #beta-preview,
#beta-screen .beta-gift .gift-play,
#share-panel .share-options :is(a,button),
.choices button,
.player-settings #resumemenu {
  border: var(--aw-button-edge) solid var(--aw-button-gold);
  border-radius: var(--aw-button-radius);
  box-shadow: var(--aw-button-shadow);
}

/* Hover increases contrast, never edge thickness or an extra outer gold glow. */
.cinematic-site .action:not(.home-share-button):hover,
body.cinematic-site #share-whisperworld:not(.home-share-button):hover,
#beta-screen #beta-submit:hover,
#beta-screen #beta-preview:hover,
#beta-screen .beta-gift .gift-play:hover,
#share-panel .share-options :is(a,button):hover,
.choices button:hover,
.player-settings #resumemenu:hover {
  border-color: var(--aw-button-gold-hover);
  box-shadow: var(--aw-button-shadow-hover);
}

/* Circular icon rims retain their shape and use the same single gold edge. */
.cinematic-site .feature .arrow {
  border: var(--aw-button-edge) solid var(--aw-button-gold);
}
.cinematic-site .feature:is(:hover,:focus-visible) .arrow {
  border-color: var(--aw-button-gold-hover);
}

/* Keyboard focus is an intentionally separate, offset accessibility ring. */
.cinematic-site .action:focus-visible,
.cinematic-site .home-beta-actions .action:focus-visible,
body.cinematic-site #share-whisperworld:focus-visible,
#beta-screen #beta-submit:focus-visible,
#beta-screen #beta-preview:focus-visible,
#beta-screen .beta-gift .gift-play:focus-visible,
#share-panel .share-options :is(a,button):focus-visible,
.choices button:focus-visible,
.player-settings #resumemenu:focus-visible {
  outline: 2px solid #ebc471;
  outline-offset: 4px;
}

/* Consistent controls; hero PLAY deliberately excluded from this layer. */
body .aw-control.aw-control {
 display:inline-flex !important;align-items:center !important;justify-content:center !important;gap:12px !important;box-sizing:border-box !important;
 min-height:54px !important;padding:14px 24px !important;border:1px solid #ebc47199 !important;border-radius:7px !important;
 background:linear-gradient(125deg,#efe0c714,#b1cce106 55%,#e8c28c0b),#08141fcc !important;
 color:#f3efe4 !important;font-size:16px !important;font-weight:400 !important;line-height:1.5 !important;letter-spacing:.08em !important;
 box-shadow:var(--aw-button-shadow) !important;text-decoration:none !important;
 transition:background-color .2s,border-color .2s,color .2s !important;
}
body .aw-control.aw-control:is(:hover,:focus-visible){border-color:#f5d891 !important;background-color:#192c3de6 !important;color:#fff8e8 !important;box-shadow:var(--aw-button-shadow-hover) !important;transform:none}
body .aw-control.aw-control:focus-visible,body .aw-icon-button:focus-visible{outline:2px solid #ebc471 !important;outline-offset:4px}
body .aw-control .aw-icon,body .aw-icon {width:22px !important;height:22px !important;flex:0 0 22px !important;color:#ebc471 !important;vertical-align:middle}
body .aw-icon-button{min-width:44px !important;min-height:44px !important;display:inline-flex !important;align-items:center !important;justify-content:center}
body .aw-control.aw-control svg{width:22px !important;height:22px !important;flex:0 0 22px}
body .aw-control.aw-control .beta-preview-label{order:0!important}
body .aw-control.aw-control .beta-preview-title{font:inherit !important;letter-spacing:inherit}
body .aw-control.aw-control > span:empty{display:none}
body .soundscape-play-icon{stroke-width:1.7 !important;color:#ebc471}
@media(max-width:700px){body .aw-control.aw-control{padding:13px 20px !important;min-height:52px}}
@media(prefers-reduced-motion:reduce){body .aw-control.aw-control{transition:none}}
body .aw-control[hidden],body .aw-icon-button[hidden]{display:none!important}
@media(max-width:700px){body .aw-control.aw-control{min-height:52px!important}}
@media(prefers-reduced-motion:reduce){body .aw-control.aw-control{transition:none!important}}

/* Compact collection filters on phones; preserve desktop wording and layout. */
@media(max-width:700px){
 .ward-tabs .aw-desktop-word{display:none}
 .cinematic-site .ward-collection-shell .ward-tabs button{min-height:44px;height:auto;padding:8px 10px;font-size:14px!important;line-height:1.5!important;white-space:nowrap;min-width:0}
}

/* Keep artwork stationary through hover, touch and keyboard selection.
   Older page styles zoom images and lift Soundscapes cards simultaneously.
   Shared delivery intentionally wins; colour, gold rims and focus rings remain. */
body.cinematic-site :is(.feature,.poster,.world,.story,.home-format,.ward-banner,.sc-card,.journey-crosslink-card),
body.cinematic-site :is(.feature,.poster,.world,.story,.home-format,.ward-banner,.sc-card) > img,
body.cinematic-site .journey-crosslink-card::before {
 transform:none!important;
 transition-property:filter,border-color,background-color,box-shadow,color!important;
}

/* Discovery descriptions share the regular body-copy weight. */
body.cinematic-site .ward-collection-shell .ward-entry p{font-weight:400}