/* Wholetones overrides */
/* 1. Logged-in user menu: compact inline links */
.header .user .dropdown{display:flex;align-items:center;gap:14px}
.header .user .dropdown__trigger{display:block;cursor:pointer;flex:none}
.header .user__avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;display:block;border:2px solid #e7dfd3}
.header .user .dropdown__menu{position:static!important;display:flex!important;flex-direction:row;align-items:center;gap:14px;background:transparent!important;box-shadow:none!important;border:0!important;padding:0!important;margin:0!important;opacity:1!important;visibility:visible!important;transform:none!important;width:auto;min-width:0}
.header .user .dropdown__item{display:inline-block;padding:0!important;white-space:nowrap}
.header .user .dropdown__item a{font-size:.85rem;font-weight:600;color:#33303b!important;text-decoration:none;padding:0}
.header .user .dropdown__item:first-child a{background:#4a3e61;color:#fff!important;padding:.5rem 1rem;border-radius:999px;display:inline-block}
.header .user .dropdown__item:first-child a:hover{background:#362c4a}
.header .user .dropdown__item a:hover{color:#4a3e61!important}
/* 2. Store/hero headings centered */
.wt-eyebrow{display:inline-block}
.block:has(.wt-lead){text-align:center}
.block h1,.block .wt-lead,.block .wt-actions,.block p:has(.wt-eyebrow){text-align:center;margin-left:auto;margin-right:auto}
/* 3. Reveal animations visible by default */
[data-aos],.aos-init{opacity:1!important;transform:none!important;visibility:visible!important}
/* Print / PDF */
@media print{
  *{-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .modal,.two-step,.hello-bars,.hamburger{display:none!important}
  section,.section,.section__content,.container{min-height:0!important;height:auto!important}
  .section,.block{break-inside:avoid}
  .header .user .dropdown__menu{display:flex!important}
}
/* Rich heroes, covers grid, plans */
.wt-wrap{max-width:1160px;margin:0 auto;padding:0 24px}
.wt-hero{position:relative;overflow:hidden;background:#fbf8f3;padding:64px 0 72px}
.wt-blob{position:absolute;border-radius:50%;filter:blur(60px);opacity:.5;pointer-events:none}
.wt-blob.b1{width:360px;height:360px;background:#f9c9a4;top:-80px;left:-80px}
.wt-blob.b2{width:420px;height:420px;background:#d9c8f3;right:-100px;bottom:-120px}
.wt-grid{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}
.wt-copy{text-align:left}
.wt-copy h1,.wt-copy .wt-lead,.wt-copy .wt-actions{text-align:left!important;margin-left:0!important}
.wt-copy h1{font-size:clamp(2.2rem,4.6vw,3.8rem);line-height:1.08;font-weight:800;letter-spacing:-.03em;color:#1d1b24;margin:.2em 0 .4em}
.wt-lead{font-size:1.15rem;line-height:1.65;color:#4f4b58;max-width:34em}
.wt-actions{display:flex;gap:14px;flex-wrap:wrap;margin:26px 0 22px}
.wt-pills{list-style:none;display:flex;flex-wrap:wrap;gap:10px;margin:0;padding:0}
.wt-pills li{background:#fff;border:1px solid #e7dfd3;border-radius:999px;padding:6px 14px;font-size:.88rem;font-weight:600;color:#33303b}
.wt-stage{position:relative;min-height:460px}
.wt-disc{position:absolute;inset:6% 4% 6% 8%;border-radius:50%;background:conic-gradient(#f26b6b,#f5a54a,#f2d04b,#5fcf98,#4cb8e0,#7a84f0,#b27be8,#f26b6b);opacity:.35;filter:blur(2px)}
.wt-stage img{position:absolute;object-fit:cover;box-shadow:0 18px 44px rgba(46,38,64,.2)}
.wt-ph1{width:68%;height:300px;top:0;right:0;border-radius:32px}
.wt-ph2{width:56%;height:230px;bottom:0;left:0;border-radius:32px;border:6px solid #fbf8f3}
.wt-cv{width:96px;height:96px;border-radius:20px;border:4px solid #fff}
.wt-cv.cv1{top:34%;left:-2%}
.wt-cv.cv2{bottom:6%;right:2%;width:110px;height:110px}
.wt-float{position:absolute;top:8%;left:2%;display:flex;gap:10px;align-items:center;background:#fff;border-radius:18px;padding:10px 16px;box-shadow:0 10px 30px rgba(46,38,64,.15);font-weight:700;font-size:.9rem;color:#1d1b24}
.wt-float small{display:block;font-weight:500;color:#4f4b58}
.wt-float i{width:12px;height:12px;border-radius:50%;background:linear-gradient(90deg,#f26b6b,#f2d04b,#4cb8e0,#b27be8)}
.wt-covers,.wt-plans{padding:72px 0;text-align:center;background:#fbf8f3}
.wt-covers{background:#f4eee5}
.wt-covers h2,.wt-plans h2{font-size:clamp(1.9rem,3.6vw,2.8rem);font-weight:800;letter-spacing:-.025em;color:#1d1b24;margin:.2em 0 1em;text-align:center}
.wt-grid12{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,1fr);gap:20px}
.wt-grid12 li{background:#fff;border-radius:24px;padding:10px 10px 14px;box-shadow:0 8px 24px rgba(46,38,64,.08)}
.wt-grid12 img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:16px;display:block}
.wt-grid12 span{display:block;margin-top:10px;font-size:.85rem;font-weight:700;color:#33303b}
.wt-cmp{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;max-width:860px;margin:30px auto 0;text-align:left}
.wt-plan{position:relative;background:#f4eee5;border-radius:32px;padding:40px;box-shadow:0 14px 40px rgba(46,38,64,.1)}
.wt-plan.best{background:#fff;border:2px solid transparent;background-image:linear-gradient(#fff,#fff),linear-gradient(90deg,#f26b6b,#f5a54a,#f2d04b,#5fcf98,#4cb8e0,#7a84f0,#b27be8);background-origin:border-box;background-clip:padding-box,border-box}
.wt-tag{position:absolute;top:-16px;left:32px;background:#4a3e61;color:#fff;font-size:.9rem;font-weight:700;padding:6px 16px;border-radius:999px}
.wt-plan h3{font-size:1.3rem;font-weight:700;margin:0 0 8px}
.wt-amt{font-size:2.6rem;font-weight:800;color:#1d1b24}.wt-amt small{font-size:1rem;font-weight:600;color:#4f4b58}
.wt-per{color:#4f4b58;font-size:1rem;margin-bottom:18px}
.wt-plan ul{list-style:none;padding:0;margin:0 0 26px}.wt-plan li{padding-left:30px;position:relative;margin:10px 0;line-height:1.45}
.wt-plan li:before{content:"✓";position:absolute;left:0;color:#24804f;font-weight:800}
.wt-micro{margin-top:26px;color:#4f4b58}
@media(max-width:860px){.wt-grid{grid-template-columns:1fr}.wt-stage{min-height:400px}.wt-grid12{grid-template-columns:repeat(3,1fr)}.wt-cmp{grid-template-columns:1fr}}
@media(max-width:520px){.wt-grid12{grid-template-columns:repeat(2,1fr)}}
@media print{.wt-hero,.wt-covers,.wt-plans{break-inside:avoid}}

/* Print/PDF: force reveal content visible */
[data-reveal-event],.section,.section .sizer,.block,.row,[class*="block-type"]{opacity:1!important;visibility:visible!important;transform:none!important;animation:none!important}
@media print{
  html,body{background:#fbf8f3!important}
  .wt-stage img,.wt-float{opacity:1!important;visibility:visible!important}
}

@media print{.wt-hero,.wt-covers,.wt-plans,.section,.block{break-inside:auto!important}.wt-blob{display:none!important}.wt-hero{overflow:visible!important}}

@media print{.section{position:relative!important}.section__overlay{display:none!important}}

/* ===== v2: feature cards, photos, library, auth pages ===== */
.wt-ph1,.wt-ph2{object-position:center 24%}
/* 1. Home: 3 feature cards */
.section:has(.block-type--feature){background:#f4eee5!important;min-height:0!important}
.section:has(.block-type--feature) .sizer{min-height:0!important}
.section:has(.block-type--feature) .container{max-width:1160px;margin:0 auto;padding:0 24px}
.section:has(.block-type--feature) .row{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:0!important;align-items:stretch}
.section:has(.block-type--feature) .block-type--feature{width:auto!important;max-width:none!important;flex:none!important;padding:0!important;margin:0!important;display:flex}
.section:has(.block-type--feature) .block-type--feature .block{background:#fff!important;border:0!important;border-radius:32px!important;padding:44px 32px 38px!important;box-shadow:0 14px 40px rgba(46,38,64,.08);width:100%;text-align:center;position:relative}
.section:has(.block-type--feature) .block-type--feature .block:before{content:"";display:block;width:72px;height:8px;border-radius:999px;margin:0 auto 24px;background:linear-gradient(90deg,#f26b6b,#f5a54a,#f2d04b,#5fcf98,#4cb8e0,#7a84f0,#b27be8)}
.section:has(.block-type--feature) .feature__text h3{font-size:1.3rem;font-weight:700;color:#1d1b24;margin:0 0 10px;text-align:center}
.section:has(.block-type--feature) .feature__text p{color:#4f4b58;line-height:1.6;margin:0;text-align:center}
@media(max-width:860px){.section:has(.block-type--feature) .row{grid-template-columns:1fr}}
@media print{.section:has(.block-type--feature) .row{grid-template-columns:repeat(3,minmax(0,1fr))!important}.section:has(.block-type--feature) .block-type--feature{break-inside:avoid}}
/* 3. Library product cards (album-card style) */
.products .row{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:0!important}
.products__col{width:auto!important;max-width:none!important;flex:none!important;padding:0!important;margin:0!important;display:flex}
.products__col .product{display:flex!important;flex-direction:column!important;width:100%;background:#fff!important;border:0!important;border-radius:24px!important;padding:10px 10px 18px!important;box-shadow:0 8px 24px rgba(46,38,64,.08)!important;overflow:hidden;break-inside:avoid;transition:transform .2s,box-shadow .2s}
.products__col .product:hover{transform:translateY(-3px);box-shadow:0 18px 40px -18px rgba(40,25,70,.35)!important}
.products__col .product>a{display:block;width:auto!important}
.products__col .product__image{width:100%!important;max-width:none!important;padding:0!important;margin:0!important}
.products__col .product__image img{width:100%!important;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:16px;display:block}
.products__col .product__content{display:flex!important;flex-direction:column;flex:1;width:auto!important;padding:14px 10px 0!important}
.products__col .product__info{flex:1;padding:0!important}
.products__col .product__title{font-size:1.1rem;font-weight:700;color:#1d1b24;margin:0 0 10px;line-height:1.25}
.products__col .product__body{font-size:.92rem;line-height:1.55;color:#4f4b58;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:10px 0 0}
.products__col .progress__outer{height:6px!important;border-radius:999px;background:#efe9f7!important;overflow:hidden}
.products__col .progress__inner{background:linear-gradient(90deg,#f26b6b,#f5a54a,#f2d04b,#5fcf98,#4cb8e0,#7a84f0,#b27be8)!important;height:100%}
.products__col .product__button{padding:16px 10px 0!important;width:auto!important;text-align:left}
@media(max-width:960px){.products .row{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.products .row{grid-template-columns:1fr}}
@media print{.products .row{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
/* 4. Login / 404 / Thank you */
.wt-auth{position:relative;overflow:hidden;background:#fbf8f3;padding:56px 0 88px}
.wt-auth>*{position:relative}
.wt-auth .wt-blob{position:absolute}
.wt-mini{display:flex;justify-content:center;gap:14px;margin:0 auto 30px;padding:0 20px}
.wt-mini img{width:84px;height:84px;object-fit:cover;border-radius:20px;border:4px solid #fff;box-shadow:0 12px 28px rgba(46,38,64,.18)}
.wt-mini img:nth-child(1){transform:rotate(-6deg)}.wt-mini img:nth-child(2){transform:translateY(8px) rotate(3deg)}.wt-mini img:nth-child(3){transform:rotate(-3deg)}.wt-mini img:nth-child(4){transform:translateY(8px) rotate(6deg)}
.wt-auth .section,.wt-auth .thank-you{background:transparent!important;min-height:0!important;padding:0!important}
.wt-auth .sizer{min-height:0!important;padding:0!important}
.wt-auth .section__overlay{display:none!important}
.wt-auth .row{margin:0!important}
.wt-auth .auth__content,.wt-auth [class*="block-type--"]>.block,.wt-auth .thank-you .container{background:#fff!important;border-radius:32px!important;box-shadow:0 30px 60px -36px rgba(74,62,97,.6),0 8px 24px rgba(46,38,64,.06);max-width:520px;margin:0 auto!important;padding:44px 40px 40px!important;text-align:center;position:relative;border:0!important}
.wt-auth .thank-you .container{max-width:640px}
.wt-auth .auth__content:after,.wt-auth [class*="block-type--"]>.block:after,.wt-auth .thank-you .container:after{content:"";position:absolute;left:40px;right:40px;top:0;height:6px;border-radius:0 0 999px 999px;background:linear-gradient(90deg,#f26b6b,#f5a54a,#f2d04b,#5fcf98,#4cb8e0,#7a84f0,#b27be8)}
.wt-auth .auth__content:before,.wt-auth [class*="block-type--"]>.block:before,.wt-auth .thank-you .container:before{content:"";display:block;height:46px;margin:0 auto 22px;background:var(--wt-logo) center/contain no-repeat}
.wt-auth .col-6{width:100%!important;max-width:100%!important;flex:0 0 100%!important}
.wt-auth h1,.wt-auth h2{color:#1d1b24;font-weight:800;letter-spacing:-.025em;text-align:center}
.wt-auth .auth__title{font-size:2.2rem;margin:0 0 22px}
.wt-auth .auth__label{font-weight:600;color:#33303b;text-align:left;display:block}
.wt-auth .auth__field,.wt-auth .form-control{background:#fff!important;border:2px solid #e7dfd3!important;border-radius:16px!important;min-height:52px;padding:0 16px}
.wt-auth .auth__field:focus{border-color:#4a3e61!important;outline:4px solid #f2b84b;outline-offset:2px}
.wt-auth .form-group{text-align:left}
.wt-auth .form-btn{margin-top:8px;min-height:56px;padding:0 40px;border-radius:999px;background:#4a3e61;color:#fff;font-weight:700;border:0;box-shadow:0 10px 24px -10px rgba(74,62,97,.7);cursor:pointer}
.wt-auth .form-btn:hover{background:#362c4a}
.wt-auth .auth__link{margin-top:18px}.wt-auth .auth__link a{color:#4a3e61;font-weight:600;text-decoration:underline;text-underline-offset:3px}
.wt-auth .thank-you__text h2{font-size:2.4rem;margin:0 0 14px}
.wt-auth .thank-you__text p{color:#4f4b58;line-height:1.65}
.wt-auth .thank-you .btn{margin-top:14px}
@media print{.wt-auth{padding:40px 0 56px;break-inside:avoid}.wt-auth .wt-blob{display:none!important}.wt-auth .auth__content,.wt-auth [class*="block-type--"]>.block,.wt-auth .thank-you .container{break-inside:avoid}}

/* v2 fixes */
.wt-auth .auth__content:before,.wt-auth [class*="block-type--"]>.block:before,.wt-auth .thank-you .container:before{width:100%;background:url("https://kajabi-storefronts-production.kajabi-cdn.com/kajabi-storefronts-production/sites/135267/images/MFK8sKVRbOZqFCCbuTbg_wholetones2021logokajabibranding.png") center/contain no-repeat}
.wt-auth [class*="block-type--"] h1{font-size:2.6rem;line-height:1.1;margin:.3em 0}
.wt-auth label:has(input[type=checkbox]){display:flex;align-items:center;gap:10px;margin:6px 0 10px}
.section:has(.block-type--feature) .sizer{padding:8px 0 72px!important}
@media print{.section:has(.block-type--feature) .sizer{padding:8px 0 56px!important}}

.wt-auth .auth__content:before,.wt-auth [class*="block-type--"]>.block:before,.wt-auth .thank-you .container:before{background:url("https://kajabi-storefronts-production.kajabi-cdn.com/kajabi-storefronts-production/themes/2167911857/assets/wt-logo.png") center/contain no-repeat}

.products__col:has(.products__header){grid-column:1/-1;display:block}
.products__header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 6px}
.products__header .resume-course{display:flex;align-items:center;gap:14px;background:#fff;border-radius:20px;padding:10px 16px;box-shadow:0 8px 24px rgba(46,38,64,.08);max-width:520px}
.products__header .resume-course img{width:96px!important;max-width:96px!important;height:54px!important;object-fit:cover;border-radius:12px;flex:none}
.products__header .products__title{margin:0}

/* Mobile QA fixes */
@media(max-width:767px){.products__header{flex-direction:column!important;align-items:stretch!important;gap:12px}.products__title{margin:0 0 4px!important}.thank-you .container{margin-left:16px!important;margin-right:16px!important;width:auto!important}}

@media(max-width:767px){body .wt-auth .thank-you .container,body .thank-you>.sizer>.container{margin-left:16px!important;margin-right:16px!important;width:auto!important;max-width:calc(100% - 32px)!important}}

/* ===== QA round: header rainbow, signed-in prompts, library/store/thank-you ===== */
/* 1. Rainbow line under site header (all pages) */
#section-header .header{position:relative}
#section-header .header:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,#f08a7e,#f5c26b,#7cc6a4,#6fa8dc,#a98bd8);pointer-events:none;z-index:5}
/* 2. Signed-in members (Log Out link present): hide Log in / Start listening prompts */
body:has(a[href="/logout"]) .wt-actions a[href*="/login"],
body:has(a[href="/logout"]) .wt-actions a[href$="/#plans"],
body:has(a[href="/logout"]) .wt-footer li:has(> a[href*="/login"]){display:none!important}
body:has(a[href="/logout"]) .wt-actions:not(:has(a:not([href*="/login"]):not([href$="/#plans"]))){display:none!important}
/* 5. Hero buttons centred */
.wt-actions{justify-content:center!important}
.wt-copy .wt-actions{justify-content:center!important;margin-left:auto!important;margin-right:auto!important}
/* 3. Hero tint: soft fade at bottom instead of hard edge */
.wt-hero>.wt-wrap{position:relative;z-index:1}
.wt-hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:160px;background:linear-gradient(to bottom,rgba(251,248,243,0),#fbf8f3);pointer-events:none;z-index:0}
/* 3/4. Album covers in hero: show whole artwork (16:9) */
.wt-stage img.wt-ph2[src*="wt-cover"]{height:auto;aspect-ratio:16/9;object-fit:cover;object-position:center}
.wt-stage img.wt-cv[src*="wt-cover-healing"],.wt-stage img.wt-cv[src*="wt-cover-sound"]{width:150px!important;height:auto!important;aspect-ratio:16/9;object-fit:cover;object-position:center}
/* 3. Library: remove gap under hero */
#wt-lib .products .sizer{padding-top:16px!important}
#wt-lib .products__header{margin-bottom:14px!important}
/* Continue Listening card */
.products__header .resume-course{padding:12px 16px!important;text-align:left!important;max-width:460px;width:100%}
.products__header .resume-course__positioner{width:100%}
.products__header .resume-course__content{display:flex!important;flex-direction:row!important;align-items:center;gap:14px;text-decoration:none;width:100%}
.products__header .resume-course__image{order:-1;flex:none;margin:0!important;width:96px}
.products__header .resume-course__image img{width:96px!important;height:54px!important;object-fit:cover;border-radius:12px;display:block}
.products__header .resume-course__text{flex:1;min-width:0;text-align:left!important;padding:0!important;margin:0!important}
.products__header .resume-course__status{font-size:.72rem!important;letter-spacing:.08em;margin:0 0 4px!important;text-align:left!important;color:#4a3e61!important}
.products__header .resume-course__title{font-size:.92rem!important;line-height:1.35;font-weight:600;color:#1d1b24!important;margin:0!important;text-align:left!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
/* View Album pills centred */
.products__col .product__button{text-align:center!important}
/* Mobile */
@media(max-width:767px){
.wt-hero{padding:40px 0 32px}
.wt-copy,.wt-copy h1,.wt-copy .wt-lead{text-align:center!important;margin-left:auto!important;margin-right:auto!important}
#wt-lib .products .sizer{padding-top:8px!important}
main:has(#wt-lib) .wt-stage{min-height:340px}
.products__header .resume-course{max-width:none}
/* 6. Thank-you / 404 cover strip: side padding, no edge clipping */
.wt-mini{padding:0 20px!important;gap:10px;flex-wrap:wrap;box-sizing:border-box;max-width:100%}
.wt-mini img{width:64px;height:64px}
}

/* QA round 2 */
#wt-lib section.products{padding-top:0!important;margin-top:0!important}
#wt-lib section.products>.sizer{padding-top:8px!important;margin-top:0!important}
main:has(#wt-lib) .wt-hero{padding-bottom:24px}
@media(min-width:768px){.wt-copy .wt-actions,.wt-copy .wt-pills{justify-content:flex-start!important;margin-left:0!important}}
@media(max-width:767px){.wt-copy .wt-actions,.wt-copy .wt-pills{justify-content:center!important}}

/* FINAL QA */
/* (b) faint purple edge bottom-right of hero on wide screens */
.wt-blob.b2{bottom:40px!important;right:-40px!important;opacity:.28!important}
.wt-hero{overflow:hidden}

/* Mobile menu: stacked, full-width items (2026-10-16) */
@media(max-width:767px){
.header .header__content--mobile{padding:8px 20px 20px!important;flex-direction:column;align-items:stretch}
.header .header__content--mobile[style*="block"]{display:flex!important}
.header .header__content--mobile[style*="none"]{display:none!important}
.header .header__content--mobile .header__block{display:contents!important;width:100%!important;padding:0!important;margin:0!important}
.header .header__content--mobile .link-list{display:contents!important}
.header .header__content--mobile .header__spacer{display:none!important}
.header .header__content--mobile .link-list__link,
.header .header__content--mobile .user__login a,
.header .header__content--mobile .dropdown__item a{display:flex!important;align-items:center;justify-content:flex-start;width:100%;min-height:48px;padding:0 4px!important;margin:0!important;font-size:1.05rem;font-weight:600;color:#33303b!important;text-align:left!important;background:none!important;border:0!important;border-bottom:1px solid #ece5da!important;border-radius:0!important;box-shadow:none!important;box-sizing:border-box;white-space:normal}
.header .header__content--mobile .user,.header .header__content--mobile .user__login,.header .header__content--mobile .dropdown,.header .header__content--mobile .dropdown__menu{display:block!important;width:100%!important;order:2;position:static!important;padding:0!important;margin:0!important;background:none!important;box-shadow:none!important}
.header .header__content--mobile .dropdown__item{display:block!important;padding:0!important}
.header .header__content--mobile .link-list__link{order:1}
.header .header__content--mobile .link-list__link:last-child[href*="#plans"]{order:3;justify-content:center;margin-top:16px!important;min-height:52px;border:0!important;border-radius:999px!important;background:#4a3e61!important;color:#fff!important}
.header .header__content--mobile .link-list__link::before,.header .header__content--mobile .link-list__link::after{display:none!important}
}
/* Tablet header: single row (768-1100) */
@media(min-width:768px) and (max-width:1100px){
.header .header__content--desktop .header__container{display:flex!important;flex-wrap:nowrap!important;align-items:center!important;gap:16px;padding-top:12px!important;padding-bottom:12px!important;min-height:72px}
.header .header__content--desktop .header__block{flex:none;margin:0!important;padding:0!important;display:flex!important;align-items:center}
.header .header__content--desktop .header__block--logo{margin-right:auto!important}
.header .header__content--desktop .header__block--logo .logo__image,.header .header__content--desktop .header__block--logo img{max-width:170px!important;height:auto!important;width:auto}
.header .header__content--desktop .header__block--menu{flex:0 1 auto!important;width:auto!important}
.header .header__content--desktop .link-list{display:flex!important;flex-wrap:nowrap!important;align-items:center;gap:16px;margin:0!important}
.header .header__content--desktop .link-list__link{font-size:14px!important;margin:0!important;padding:0!important;white-space:nowrap;line-height:1.2}
.header .header__content--desktop .link-list__link:last-child[href*="#plans"]{padding:9px 16px!important;min-height:0!important;height:auto!important;font-size:14px!important}
.header .header__content--desktop .user__login a,.header .header__content--desktop .user .dropdown__item a{font-size:14px!important;white-space:nowrap}
.header .header__content--desktop .header__block--user .user .dropdown{gap:10px}
}
/* Members: hide marketing menu when logged in */
.header:has(.user__avatar) .header__block--menu .link-list,
.header:has(.user__avatar) .header__content--mobile .link-list{display:none!important}
.header .header__content--mobile .dropdown__item:first-child a{color:#33303b!important}
/* Older iOS (<14.5) ignores flex gap: margin fallbacks (2026-10-16) */
@supports not (inset:0){
.header .user .dropdown>*+*,.header .user .dropdown__menu>*+*{margin-left:14px}
.wt-actions>*+*,.wt-pills>*+*{margin-left:12px}
.products__header .resume-course>*+*,.products__header .resume-course__content>*+*{margin-left:14px}
.wt-auth label>input[type=checkbox]{margin-right:10px}
}

/* ===== Site QA fixes 2026-10-16 (music.wholetones.com) =====
   Where: paste at the END of the site theme stylesheet that already holds the .wt-footer / .wt-nav rules
   (Kajabi > Website > Design > Customize > Edit code > assets/overrides.css – or the wt <style> block in
   snippets/footer.liquid), AND in the Product theme (Products > Wholetones … > Customize > Edit code >
   assets/styles.css or the custom CSS box) so album/post pages get it too. */

/* 1. Member header on album/post pages: show Settings + Log out as plain links (rule: logo + My Library,
      Settings, Log out). Kajabi hides them inside the avatar dropdown. */
@media (min-width:768px){
  .header .user{display:flex!important;align-items:center;gap:6px}
  .header .user__avatar{display:none!important}
  .header .user__dropdown{position:static!important;display:flex!important;gap:6px;background:none!important;box-shadow:none!important;border:0!important;padding:0!important;opacity:1!important;visibility:visible!important;transform:none!important;width:auto!important}
  .header .user__dropdown a{padding:10px 14px!important;color:#4A3E61!important;font-weight:700;white-space:nowrap}
  .header .user__dropdown a[href="/library"]{display:none!important} /* already shown as the pill */
}
/* Mobile menu: "My Library" listed twice (pill + dropdown) */
@media (max-width:767px){
  .header .user__dropdown a[href="/library"]{display:none!important}
  .header .user__avatar{display:none!important}
  .header .user,.header .user__dropdown{display:block!important;position:static!important;background:none!important;box-shadow:none!important;width:100%!important}
  .header .user__dropdown a{display:block!important;padding:12px 0!important;min-height:44px;text-align:left!important;color:#4A3E61!important;font-weight:700}
}

/* 2. Tap targets >=44px on phones */
@media (max-width:767px){
  .wt-footer nav li{margin:0!important}
  .wt-footer nav li a,.wt-footer .copy a{display:inline-block;padding:11px 0;min-height:44px}
  .wt-repeat__btn{min-height:44px}
  .comment__reply{display:inline-block;padding:13px 8px}
  .product__info a{display:inline-block;padding:11px 0}
  .logo.logo--image{min-height:44px;display:flex;align-items:center}
}

/* Kajabi QA round 2 — 2026-10-16
   WHERE: append to the END of Kajabi > Website > Design > Streamlined Home > Edit code > assets/overrides.css
   (site theme, public pages + /library). Not needed in the product themes. */
/* Footer "Plans" (42px) and "FAQ" (36px) links were narrower than 44px on phones */
@media (max-width:767px){
  .wt-footer a{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}
}

/* plan cards: neutral tag/buttons, green circle checks, white Monthly (approved 2026-10-22) */
#plans .wt-tag{background:#1d1b24!important;color:#fff!important;box-shadow:none!important}
#plans .wt-plan:not(.best){background:#fff!important;border:1px solid #e7dfd3!important}
#plans .wt-plan ul{list-style:none!important;padding:0!important}
#plans .wt-plan li{position:relative;padding-left:34px!important}
#plans .wt-plan li:before{content:""!important;position:absolute;left:0;top:2px;width:22px;height:22px;border-radius:50%;background:#24804f url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center/13px no-repeat!important}
#plans .wt-plan .wt-btn{width:100%;justify-content:center;background:#1d1b24!important;color:#fff!important;box-shadow:0 10px 24px -12px rgba(29,27,36,.55)!important}
#plans .wt-plan:not(.best) .wt-btn{background:#fff!important;color:#1d1b24!important;box-shadow:inset 0 0 0 2px #1d1b24!important}
#plans .wt-eyebrow{background:transparent!important;color:#8a6f3c!important;letter-spacing:.14em;text-transform:uppercase;font-size:13px!important}
/* pills: even 2x2 grid */
.wt-pills{display:grid!important;grid-template-columns:repeat(2,max-content);gap:10px!important;justify-content:start!important}
.wt-pills>*+*{margin-left:0!important}
@media (max-width:640px){.wt-pills{justify-content:center!important;margin-left:auto!important;margin-right:auto!important;gap:8px!important}.wt-pills li{padding:6px 12px!important;font-size:.8rem!important;text-align:center}}