/* =============================================================================
   Uneseanss (audio) - page-templates/tpl-audio-session.php
   Everything is scoped under .ama-audio so nothing leaks into the theme.
   ========================================================================== */

.ama-audio{
   --aas-blue: var(--ama-secondary-color, #0047ab);
   --aas-coral: var(--ama-primary-color, #ff7f50);
   --aas-coral-dark: #d9572a;
   --aas-cream: #fdf8f0;
   --aas-ink: #353b46;
   --aas-muted: #6f7784;
   --aas-line: #dfe4eb;
   --aas-success: #18845b;
   --aas-shadow: 0 18px 48px rgba(0,43,104,.1);
   color: var(--aas-ink);
   margin-top: 3.75rem;
   margin-bottom: 6rem
}
.ama-audio *,.ama-audio *::before,.ama-audio *::after{box-sizing: border-box}
.ama-audio .aas-inner{max-width: 1080px; margin: 0 auto}
.ama-audio h2,.ama-audio h3{color: var(--aas-blue)}
.ama-audio .classic-editor > :last-child{margin-bottom: 0}
.ama-audio [hidden]{display: none!important}

/* intro */
.ama-audio .aas-intro{max-width: 850px; margin-bottom: 2.625rem}
.ama-audio .aas-intro ol{display: grid; gap: .5rem; margin-top: 1.25rem; padding-left: 1.35rem; color: var(--aas-muted)}
.ama-audio .aas-intro ol > li{margin-top: 0!important}

/* messages */
.ama-audio .aas-messages{scroll-margin-top: 8rem; outline: 0}
.ama-audio .aas-alert{margin: 0 0 1.375rem; padding: 1rem 1.125rem; border-radius: 13px; border: 1px solid transparent}
.ama-audio .aas-alert--success{color: #126d4b; background: #edf9f4; border-color: #cbeada}
.ama-audio .aas-alert--warning{color: #7b5513; background: #fff8e7; border-color: #efdcae}
.ama-audio .aas-alert--error{color: #9d3027; background: #fff0ef; border-color: #efc7c2}


/* wizard */
.ama-audio .aas-wizard{display: grid; gap: 14px}
.ama-audio .aas-step{background: #fff; border: 1px solid var(--aas-line); border-radius: 20px; box-shadow: 0 8px 28px rgba(21,48,91,.04); overflow: hidden}
.ama-audio .aas-step.is-open{border-color: #c5d6ef; box-shadow: var(--aas-shadow)}
.ama-audio .aas-step.is-locked{background: #f0f2f5}
.ama-audio .aas-step__summary{display: grid; grid-template-columns: 48px minmax(0,1fr) auto 24px; gap: 16px; align-items: center; width: 100%; min-height: 92px; margin: 0; padding: 17px 24px; color: var(--aas-ink); background: transparent; border: 0; border-radius: 0; text-align: left; font: inherit; cursor: pointer}
.ama-audio .aas-step__summary:disabled{cursor: not-allowed; opacity: .58}
.ama-audio .aas-step__index{display: grid; width: 44px; height: 44px; color: var(--aas-blue); background: #f2f6fc; border: 1px solid #d9e4f3; border-radius: 50%; font-weight: 700; place-items: center}
.ama-audio .is-open .aas-step__index,.ama-audio .is-complete .aas-step__index{color: #fff; background: var(--aas-blue); border-color: var(--aas-blue)}
.ama-audio .aas-step__title{display: flex; flex-direction: column; line-height: 1.35}
.ama-audio .aas-step__title small{margin-bottom: 3px; color: var(--aas-coral-dark); font-size: .72rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase}
.ama-audio .aas-step__title strong{color: var(--aas-blue); font-size: 1.08rem; text-transform: uppercase}
.ama-audio .aas-step__state{padding: 5px 10px; color: var(--aas-muted); background: #eef1f5; border-radius: 999px; font-size: .75rem; font-weight: 600; white-space: nowrap}
.ama-audio .is-complete .aas-step__state{color: #116a49; background: #e9f7f1}
.ama-audio .aas-step__chevron{color: var(--aas-blue); font-size: 1.25rem; transition: transform .2s ease}
.ama-audio .is-open .aas-step__chevron{transform: rotate(180deg)}
.ama-audio .aas-step__panel{border-top: 1px solid var(--aas-line)}
.ama-audio .aas-step__body{padding: 32px clamp(24px,5vw,54px) 40px}
.ama-audio .aas-step__body > *{max-width: 850px}
.ama-audio .aas-step__body > * + *{margin-top: 1.25rem}
.ama-audio .aas-step__body > .aas-periods{max-width: none}

/* buttons */
.ama-audio .aas-button{display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 11px 22px; border: 2px solid transparent; border-radius: 999px; font-weight: 650; line-height: 1.25; text-decoration: none!important; cursor: pointer; transition: .2s ease}
.ama-audio .aas-button span{margin-left: 9px}
.ama-audio .aas-button--primary{color: #fff!important; background: var(--aas-coral); border-color: var(--aas-coral)}
.ama-audio .aas-button--primary:hover:not(:disabled){background: var(--aas-blue); border-color: var(--aas-blue)}
.ama-audio .aas-button:disabled{cursor: not-allowed; opacity: .45}

.ama-audio .aas-success{display: flex; align-items: center; gap: 12px; max-width: 600px; padding: 14px 16px; color: #126d4b; background: #edf9f4; border: 1px solid #cbeada; border-radius: 13px}
.ama-audio .aas-success > span{display: grid; flex: 0 0 28px; height: 28px; color: #fff; background: var(--aas-success); border-radius: 50%; place-items: center}
.ama-audio .aas-success div{display: flex; flex-direction: column; line-height: 1.35}

/* periods */
.ama-audio .aas-periods{display: grid; grid-template-columns: repeat(3,1fr); gap: 16px}
.ama-audio .aas-period{display: flex; flex-direction: column; min-height: 210px; margin: 0; padding: 24px; color: var(--aas-ink); background: #fff; border: 1px solid var(--aas-line); border-radius: 16px; text-align: left; font: inherit; cursor: pointer; transition: .2s ease}
.ama-audio .aas-period:hover:not(:disabled){border-color: var(--aas-coral); box-shadow: 0 12px 28px rgba(0,71,171,.09); transform: translateY(-2px)}
.ama-audio .aas-period:disabled{cursor: default}
.ama-audio .aas-period.is-selected{background: #f6f9fe; border: 2px solid var(--aas-blue); box-shadow: 0 12px 28px rgba(0,71,171,.12)}
.ama-audio .aas-period__top{display: flex; justify-content: space-between; gap: 16px; margin-bottom: 18px; color: var(--aas-blue)}
.ama-audio .aas-period__top strong{font-size: 1.25rem}
.ama-audio .aas-period__top b{white-space: nowrap}
.ama-audio .aas-period__text{color: var(--aas-muted); font-size: .92rem; line-height: 1.55}
.ama-audio .aas-inline-error{color: #b53b2d; font-size: .9rem}

/* payment */
.ama-audio .aas-payment{max-width: 820px; margin: 26px 0 0; border-top: 1px solid var(--aas-line)}
.ama-audio .aas-payment > div{display: grid; grid-template-columns: 150px minmax(0,1fr); padding: 15px 0; border-bottom: 1px solid var(--aas-line)}
.ama-audio .aas-payment dt{font-weight: 700}
.ama-audio .aas-payment dd{display: flex; justify-content: space-between; gap: 15px; margin: 0; color: var(--aas-blue); font-weight: 650; overflow-wrap: anywhere}
.ama-audio .aas-copy{padding: 3px 0; color: var(--aas-coral-dark); background: none; border: 0; border-bottom: 1px solid currentColor; border-radius: 0; font-size: .8rem; font-weight: 700; cursor: pointer}
.ama-audio .aas-note{max-width: 820px; padding: 18px 20px; background: var(--aas-cream); border-left: 4px solid var(--aas-coral); border-radius: 0 13px 13px 0}

/* step 4 */
.ama-audio .aas-access{max-width: 820px; padding: 24px; background: #f7faff; border: 1px solid #dbe7f5; border-radius: 16px}
.ama-audio .aas-access__status{display: flex; align-items: center; gap: 12px; margin-bottom: 18px}
.ama-audio .aas-access__status > div{display: flex; flex-direction: column; line-height: 1.4}
.ama-audio .aas-access__status small{margin-top: 3px; color: var(--aas-muted)}
.ama-audio .aas-dot{flex: 0 0 13px; height: 13px; background: #a5adba; border: 3px solid #fff; border-radius: 50%; box-shadow: 0 0 0 1px #a5adba}
.ama-audio .aas-access.is-active .aas-dot{background: var(--aas-success); box-shadow: 0 0 0 1px var(--aas-success)}
.ama-audio .aas-reminder{margin: 0 0 16px; padding: 14px 16px; color: #00367f; background: #fff; border-left: 4px solid var(--aas-coral); border-radius: 0 11px 11px 0; line-height: 1.55}

/* forms */
.ama-audio .aas-form-row{display: flex}
.ama-audio .aas-form-row input{flex: 1 1 auto; border-radius: 999px 0 0 999px}
.ama-audio .aas-form-row .aas-button{border-radius: 0 999px 999px 0}
.ama-audio input[type=email]{width: 100%; min-height: 52px; margin: 0; padding: 12px 17px; color: var(--aas-ink); background: #fff; border: 1px solid #bcc7d5; font: inherit}
.ama-audio input[type=email]:focus{border-color: var(--aas-blue); box-shadow: 0 0 0 3px rgba(0,71,171,.12); outline: 0}
.ama-audio input[type=email]:disabled{background: #eef1f4}
.ama-audio .aas-honeypot{position: absolute!important; left: -9999px!important; width: 1px!important; height: 1px!important; overflow: hidden!important}

/* terms view */
.ama-audio .aas-terms{max-width: 1040px}
.ama-audio .aas-back{display: inline-flex; gap: 9px; align-items: center; margin-bottom: 2.75rem; color: var(--aas-blue); font-weight: 650; text-decoration: none}
.ama-audio .aas-back--bottom{margin: 2.875rem 0 0}
.ama-audio .aas-terms__intro{max-width: 820px; margin-bottom: 2.625rem}
.ama-audio .aas-eyebrow{margin: 0 0 .5rem; color: #f7e7ce; font-size: .8rem; font-weight: 700; letter-spacing: .13em; line-height: 1.3; text-transform: uppercase}
.ama-audio .aas-tester{padding: clamp(24px,4vw,36px); color: #fff; background: var(--aas-blue); border-radius: 20px; box-shadow: var(--aas-shadow)}
.ama-audio .aas-tester h2{margin: 0; color: #fff}
.ama-audio .aas-tester p{margin: 1rem 0 0}
.ama-audio .aas-player{display: grid; grid-template-columns: auto minmax(0,1fr) auto; gap: 14px; align-items: center; margin-top: 26px}
.ama-audio .aas-player__play{display: grid; width: 48px; height: 48px; margin: 0; padding: 0 0 0 3px; color: var(--aas-blue); background: #fff; border: 0; border-radius: 50%; font-size: 1rem; cursor: pointer; place-items: center}
.ama-audio .aas-player__play[aria-pressed=true]{padding-left: 0}
.ama-audio .aas-player__track{display: block; height: 12px; margin: 0; padding: 0; overflow: hidden; background: rgba(255,255,255,.28); border: 0; border-radius: 999px; cursor: pointer}
.ama-audio .aas-player__progress{display: block; width: 0; height: 100%; background: var(--aas-coral)}
.ama-audio .aas-player__time{min-width: 45px; font-size: .8rem; text-align: right}
.ama-audio .aas-player audio{display: none}
.ama-audio .aas-tester__video{margin-top: 26px}
.ama-audio .aas-tester__video video{display: block; width: 100%; max-height: 70vh; background: #000; border-radius: 12px}

.ama-audio .aas-consent{margin-top: 20px; padding: clamp(24px,4vw,38px); background: #fff; border: 1px solid var(--aas-line); border-radius: 20px; box-shadow: var(--aas-shadow)}
.ama-audio .aas-check{position: relative; display: grid; grid-template-columns: 25px minmax(0,1fr); gap: 13px; align-items: start; margin: 0; font-size: .92rem; line-height: 1.62; cursor: pointer}
.ama-audio .aas-check input{position: absolute; top: 0; left: 0; width: 25px; height: 25px; margin: 0; opacity: 0}
/* the theme decorates "checkbox + *" - undo that for our own box */
.ama-audio .aas-check input + .aas-check__box{position: relative; display: block; width: 25px; height: 25px; margin-top: 2px; padding: 0; background: #fff; border: 2px solid #9ea9b6; border-radius: 6px}
.ama-audio .aas-check input + .aas-check__box::before{content: none; display: none}
.ama-audio .aas-check input + .aas-check__box::after{content: ""; display: block; position: absolute; top: 3px; left: 7px; width: 6px; height: 11px; background: none; border: solid #fff; border-width: 0 2px 2px 0; border-radius: 0; opacity: 0; transform: rotate(45deg)}
.ama-audio .aas-check input:checked + .aas-check__box{background: var(--aas-blue); border-color: var(--aas-blue)}
.ama-audio .aas-check input:checked + .aas-check__box::after{opacity: 1}
.ama-audio .aas-check input:focus-visible + .aas-check__box{box-shadow: 0 0 0 3px rgba(0,71,171,.25)}
.ama-audio .aas-field{margin-top: 28px}
.ama-audio .aas-field > label{display: block; margin-bottom: 8px; color: var(--aas-blue); font-size: .88rem; font-weight: 650}
.ama-audio .aas-field__note{max-width: 680px; margin-top: 12px; color: var(--aas-muted); font-size: .88rem}
.ama-audio .aas-field__note p{margin: 0 0 .5rem}
.ama-audio .aas-field__note p:first-child{font-weight: 700}
.ama-audio .aas-consent .aas-form-row{max-width: 680px}

/* player view */
.ama-audio .aas-listen{max-width: 900px}
.ama-audio .aas-lead{font-size: clamp(1.05rem,1.8vw,1.25rem)}
.ama-audio .aas-listen__card{margin-top: 2.2rem; padding: clamp(25px,5vw,48px); color: #fff; background: var(--aas-blue); border-radius: 22px; box-shadow: var(--aas-shadow)}
.ama-audio .aas-listen__card h3{margin: 0; color: #fff}
.ama-audio .aas-listen__card audio{display: block; width: 100%; margin: 26px 0}
.ama-audio .aas-listen__card video{display: block; width: 100%; max-height: 75vh; margin: 26px 0; background: #000; border-radius: 12px}
.ama-audio .aas-listen__note{margin: 0; color: rgba(255,255,255,.8); font-size: .9rem}
.ama-audio .aas-listen__content{margin-top: 2.5rem}

.ama-audio .ama-limited-access--open{max-width: 700px; padding: clamp(24px,4vw,38px); background: #fff; border: 1px solid var(--aas-line); border-radius: 20px; box-shadow: var(--aas-shadow)}
.ama-audio .ama-limited-access--open form{margin-top: 1.25rem}

@media (max-width: 800px){
   .ama-audio .aas-periods{grid-template-columns: 1fr}
   .ama-audio .aas-period{min-height: 0}
   .ama-audio .aas-step__summary{grid-template-columns: 44px minmax(0,1fr) 22px}
   .ama-audio .aas-step__state{display: none}
}
@media (max-width: 560px){
   .ama-audio{margin-top: 2.5rem}
   .ama-audio .aas-step__summary{min-height: 82px; padding: 14px; gap: 11px}
   .ama-audio .aas-step__index{width: 40px; height: 40px}
   .ama-audio .aas-step__title strong{font-size: .95rem}
   .ama-audio .aas-step__body{padding: 25px 18px 30px}
   .ama-audio .aas-payment > div{grid-template-columns: 1fr; gap: 3px}
   .ama-audio .aas-form-row{flex-direction: column; gap: 9px}
   .ama-audio .aas-form-row input,.ama-audio .aas-form-row .aas-button{border-radius: 999px}
   .ama-audio .aas-check{font-size: .87rem}
}
@media (prefers-reduced-motion: reduce){
   .ama-audio *,.ama-audio *::before,.ama-audio *::after{transition-duration: .01ms!important}
}
