/* ===== Wedding Wardrobe Planner — planner-style pages ===== */
.wp-root{--wp-paper:#FCEBDA;--wp-gold:#8A5A1E;--wp-brown:#6F4A1C;--wp-wine:#7A1232;--wp-line:#C9A46A;
  position:relative;max-width:1100px;margin:0 auto;padding:0 16px}

/* ---- cover header ---- */
.wp-cover{text-align:center;max-width:620px;margin:0 auto}
.wp-ganesha{display:block;width:clamp(54px,9vw,74px);height:auto;margin:0 auto 10px;opacity:.9}
.wp-eyebrow{font:600 .72rem/1 Manrope,system-ui,sans-serif;letter-spacing:.28em;text-transform:uppercase;color:#a07a45;margin:0 0 12px}
.wp-cover-title{margin:0;font:500 clamp(1.9rem,6.4vw,3.1rem)/1.04 'Cormorant Garamond',Georgia,serif;letter-spacing:.06em;text-transform:uppercase;color:var(--wp-gold)}
.wp-cover-title span{display:block}
.wp-lotus{display:block;width:min(300px,64%);height:auto;margin:14px auto 12px}
.wp-cover-intro{margin:0 auto;max-width:30rem;font:italic 500 clamp(1rem,3.6vw,1.18rem)/1.45 'Cormorant Garamond',Georgia,serif;color:#7b5a35}

/* ---- tabs ---- */
.wp-tabs{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:26px -16px 18px;padding:2px 16px 6px;justify-content:flex-start;scroll-snap-type:x proximity}
.wp-tabs::-webkit-scrollbar{display:none}
@media(min-width:640px){.wp-tabs{justify-content:center;margin-inline:0;padding-inline:0}}
.wp-tab{flex:0 0 auto;scroll-snap-align:center;border:1px solid rgba(201,164,106,.5);background:rgba(255,255,255,.55);color:#6d5640;border-radius:999px;padding:9px 16px;
  font:600 .74rem/1 Manrope,system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;transition:background .3s,color .3s,border-color .3s}
.wp-tab:hover{border-color:var(--wp-line)}
.wp-tab.is-on{background:var(--wp-wine);border-color:transparent;color:#fff8ee;box-shadow:0 6px 16px -8px rgba(122,18,50,.6)}
.wp-tab:focus-visible,.wp-arrow:focus-visible,.wp-dot:focus-visible,.wp-fig:focus-visible,.wp-look:focus-visible,.wp-download:focus-visible{outline:2px solid var(--wp-wine);outline-offset:3px}

/* ---- swipe track ---- */
.wp-viewport{position:relative}
.wp-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
.wp-track::-webkit-scrollbar{display:none}
.wp-slide{flex:0 0 100%;scroll-snap-align:center;scroll-snap-stop:always;padding:6px 2px 14px;box-sizing:border-box}
.wp-wrap{display:flex;flex-direction:column;align-items:center;gap:18px}
@media(min-width:900px){.wp-wrap{display:grid;grid-template-columns:minmax(0,470px) minmax(0,360px);gap:56px;justify-content:center;align-items:center}}
.wp-arrow{display:none}
@media(min-width:900px){
  .wp-arrow{display:grid;place-items:center;position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;border:1px solid rgba(201,164,106,.55);
    background:rgba(255,250,243,.9);color:var(--wp-wine);font:400 28px/1 'Cormorant Garamond',serif;cursor:pointer;z-index:3;box-shadow:0 8px 20px -12px rgba(80,40,10,.5);transition:opacity .3s}
  .wp-prev{left:-6px}.wp-next{right:-6px}
  .wp-arrow:disabled{opacity:0;pointer-events:none}
}

/* ---- the planner page ---- */
.wp-page{position:relative;width:min(100%,470px);aspect-ratio:1055/1491;container-type:inline-size;overflow:hidden;isolation:isolate;display:flex;flex-direction:column;
  background:var(--wp-paper) radial-gradient(120% 80% at 50% 35%,#fff3e4 0%,rgba(252,235,218,0) 70%);
  border-radius:6px;box-shadow:0 24px 50px -28px rgba(80,40,10,.45),0 2px 6px rgba(80,40,10,.08);color:var(--wp-brown)}
.wp-corner{position:absolute;width:31%;height:auto;pointer-events:none;z-index:1;rotate:0deg}
.wp-tl{left:0;top:0;transform-origin:0 0}
.wp-tr{right:0;top:0;transform-origin:100% 0}
.wp-bl{left:0;bottom:0;width:27%;scale:1 -1;transform-origin:0 100%}
.wp-br{right:0;bottom:0;width:27%;scale:1 -1;transform-origin:100% 100%}

.wp-head{position:relative;margin:0 9%;padding-top:2.4cqw;z-index:2;text-align:center;display:flex;flex-direction:column;align-items:center;flex:0 0 auto}
.wp-orn-top{width:11.5cqw;height:auto;margin-bottom:.6cqw}
.wp-title{margin:0;font:400 13.2cqw/1 'Pinyon Script',cursive;white-space:pre-line;color:var(--wp-wine);letter-spacing:0}
.wp-haldi .wp-title{font-size:11.6cqw;line-height:.92;color:var(--wp-gold)}
.wp-date,.wp-time{margin:2.2cqw 0 0;font:600 3.75cqw/1.2 'Cormorant Garamond',Georgia,serif;letter-spacing:.075em;text-transform:uppercase;color:var(--wp-brown)}
.wp-time{margin-top:.6cqw}
.wp-sched{font-size:3.35cqw;letter-spacing:.02em;line-height:1.3;text-transform:none}
.wp-sched span{display:block}
.wp-orn-div{width:46cqw;height:auto;margin:2cqw 0 1.4cqw}
.wp-dress{margin:0;font:italic 500 4.15cqw/1.2 'Cormorant Garamond',Georgia,serif;color:var(--wp-wine)}
.wp-rule{display:block;width:38cqw;height:1px;margin:2cqw 0 0;background:linear-gradient(90deg,transparent,var(--wp-line) 20%,var(--wp-line) 80%,transparent)}
.wp-palette{margin-top:2cqw;display:flex;flex-direction:column;align-items:center}
.wp-pal-label{margin:0 0 1.8cqw;font:600 2.55cqw/1 'Cormorant Garamond',Georgia,serif;letter-spacing:.3em;text-transform:uppercase;color:var(--wp-brown)}
.wp-dots{display:flex;gap:2.6cqw}
.wp-dot{width:7.2cqw;height:7.2cqw;border-radius:50%;border:0;padding:0;cursor:pointer;background:var(--c);
  box-shadow:inset 0 -.6cqw 1.2cqw rgba(0,0,0,.18),0 .4cqw .9cqw rgba(80,40,10,.22);transition:transform .25s}
.wp-dot.is-silver{background:radial-gradient(circle at 35% 30%,#fff,#d4d4d4 45%,#a9a9a9 100%)}
.wp-dot:hover{transform:translateY(-1px) scale(1.06)}
.wp-dot.is-on{box-shadow:0 0 0 .6cqw var(--wp-paper),0 0 0 .95cqw var(--wp-line),0 .4cqw .9cqw rgba(80,40,10,.22)}
.wp-dot.is-pop{animation:wp-pop .45s ease}
@keyframes wp-pop{40%{transform:scale(1.2)}}
.wp-pal-name{margin:1.2cqw 0 0;min-height:3.6cqw;white-space:nowrap;font:italic 500 3cqw/1.1 'Cormorant Garamond',serif;color:var(--wp-brown)}

/* figures */
.wp-figures{position:relative;flex:1 1 auto;min-height:0;margin:3cqw 2.5% 8.5cqw;z-index:2;container-type:size;display:flex;align-items:flex-end;justify-content:center}
.wp-figbox{position:relative;aspect-ratio:var(--ar);width:min(100cqw,calc(100cqh * var(--ar)));flex:0 0 auto}
.wp-floor{position:absolute;left:-6%;right:-6%;bottom:-3%;height:9%;border-radius:50%;background:radial-gradient(closest-side,rgba(120,80,40,.16),rgba(120,80,40,0));pointer-events:none}
.wp-fig{position:absolute;inset:0;border:0;padding:0;margin:0;background:none;pointer-events:none;cursor:pointer;transition:opacity .35s,transform .35s,filter .35s}
.wp-fig::after{content:"";position:absolute;top:0;bottom:0;left:var(--l);width:var(--w);pointer-events:auto}
.wp-fig-img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none}
.wp-fig-img{transition:opacity .35s,filter .35s}
.has-pick .wp-fig .wp-fig-img{opacity:.35;filter:saturate(.6)}
.has-pick .wp-fig.is-picked .wp-fig-img{opacity:1;filter:none}
.has-pick .wp-fig.is-picked{transform:translateY(-1.2%);z-index:2}
.wp-tag{position:absolute;bottom:-6.5%;transform:translateX(-50%);margin:0;width:max-content;max-width:58%;box-sizing:border-box;padding:1.3cqw 2.6cqw;border-radius:2cqw;z-index:4;text-align:center;
  background:rgba(255,250,243,.96);box-shadow:0 1cqw 3cqw -1cqw rgba(80,40,10,.45);font:500 2.9cqw/1.25 Manrope,system-ui,sans-serif;color:#5a3c1c;opacity:0;pointer-events:none}
.wp-tag.is-show{animation:wp-tag .35s ease forwards}
@keyframes wp-tag{from{opacity:0;transform:translate(-50%,6px)}to{opacity:1;transform:translate(-50%,0)}}

/* petals */
.wp-petals{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}
.wp-petals span{position:absolute;top:-6%;width:1.7cqw;height:1.1cqw;border-radius:60% 40% 60% 40%;background:var(--c);opacity:0;box-shadow:0 0 .4cqw rgba(0,0,0,.08)}

/* ---- notes ---- */
.wp-notes{width:min(100%,470px);text-align:left}
.wp-notes-eyebrow{display:none}
.wp-notes-title{margin:0 0 4px;font:500 clamp(1.5rem,4.6vw,2.1rem)/1.1 'Cormorant Garamond',Georgia,serif;letter-spacing:.04em;text-transform:uppercase;color:var(--wp-wine)}
.wp-notes-dress{margin:0 0 16px;font:italic 500 1.12rem/1.35 'Cormorant Garamond',Georgia,serif;color:#9a6a2c}
.wp-group{border:1px solid rgba(201,164,106,.38);background:rgba(255,252,247,.7);border-radius:14px;padding:12px 14px 8px;margin-bottom:10px}
.wp-group-label{margin:0 0 6px;font:700 .68rem/1 Manrope,system-ui,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:#a07a45}
.wp-look{display:block;width:100%;text-align:left;border:0;background:none;padding:6px 8px;margin:0 -8px 2px;border-radius:8px;cursor:pointer;
  font:500 .92rem/1.4 Manrope,system-ui,sans-serif;color:#4c3a2a;transition:background .25s,color .25s;width:calc(100% + 16px)}
.wp-look::before{content:"";display:inline-block;width:6px;height:6px;margin-right:9px;border-radius:50%;background:var(--wp-line);vertical-align:2px}
.wp-look:hover{background:rgba(201,164,106,.12)}
.wp-look.is-picked{background:rgba(122,18,50,.08);color:var(--wp-wine)}
.wp-look.is-picked::before{background:var(--wp-wine)}
.wp-soon{margin:8px 0 0;font:italic 500 1rem/1.3 'Cormorant Garamond',serif;color:#9a7a55}
.wp-hint{margin:0 0 10px;font:500 .78rem/1.4 Manrope,system-ui,sans-serif;color:#9b8a77}
@media(max-width:899px){.wp-notes-title,.wp-notes-dress{display:none}}

/* ---- footer ---- */
.wp-foot{display:flex;flex-direction:column;align-items:center;gap:16px;margin-top:6px}
.wp-pagedots{display:flex;gap:8px}
.wp-pagedots button{width:8px;height:8px;padding:0;border:0;border-radius:50%;background:rgba(160,122,69,.35);cursor:pointer;transition:width .3s,background .3s}
.wp-pagedots button.is-on{width:22px;border-radius:5px;background:var(--wp-wine)}
.wp-download{display:inline-flex;align-items:center;gap:8px;padding:11px 18px;border-radius:999px;border:1px solid rgba(201,164,106,.6);background:rgba(255,252,247,.85);
  color:var(--wp-wine);text-decoration:none;font:600 .78rem/1 Manrope,system-ui,sans-serif;letter-spacing:.08em;transition:background .25s}
.wp-download:hover{background:#fff}
.wp-download svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

/* ---- motion (only on the page in view) ---- */
.wp-inview .is-active .wp-fig{animation:wp-fig-in .9s cubic-bezier(.2,.75,.25,1) calc(var(--i) * .14s + .2s) both}
.wp-inview .is-active .wp-head>*{animation:wp-rise .8s ease calc(var(--k,0) * .06s) both}
.wp-inview .is-active .wp-dot{animation:wp-dot-in .5s cubic-bezier(.3,1.5,.5,1) calc(var(--i) * .08s + .5s) both}
.wp-inview .is-active .wp-tl,.wp-inview .is-active .wp-br{animation:wp-sway 7s ease-in-out infinite alternate}
.wp-inview .is-active .wp-tr,.wp-inview .is-active .wp-bl{animation:wp-sway 8s ease-in-out -2.5s infinite alternate-reverse}
.wp-inview .is-active .wp-petals span{animation:wp-fall var(--d,8s) linear var(--delay,0s) infinite}
@keyframes wp-fig-in{from{opacity:0;translate:0 5%}to{opacity:1;translate:0 0}}
@keyframes wp-rise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes wp-dot-in{from{opacity:0;transform:scale(.4)}to{opacity:1;transform:none}}
@keyframes wp-sway{from{rotate:-1.6deg}to{rotate:1.4deg}}
@keyframes wp-fall{0%{opacity:0;transform:translate(0,0) rotate(var(--r))}8%{opacity:.9}50%{transform:translate(var(--sx),55cqh) rotate(calc(var(--r) + 180deg))}92%{opacity:.85}100%{opacity:0;transform:translate(calc(var(--sx) * -1),112cqh) rotate(calc(var(--r) + 360deg))}}
.wp-page{container-type:size}
.wp-still .wp-fig,.wp-still .wp-head>*,.wp-still .wp-dot,.wp-still .wp-corner{animation:none!important}
.wp-still .wp-petals{display:none}
@media(prefers-reduced-motion:reduce){.wp-root *{animation:none!important}.wp-petals{display:none}}
/* colour try-on: the recoloured outfit fades in over the original */
.wp-fig .wp-fig-alt{transition:opacity .75s ease}
.wp-fig .wp-fig-alt:not(.is-on){opacity:0!important}
.wp-fig-alt.is-on{opacity:1}
.has-pick .wp-fig .wp-fig-alt.is-on{opacity:.35}
.has-pick .wp-fig.is-picked .wp-fig-alt.is-on{opacity:1}
.wp-fig-img{color:transparent}
/* reset all try-on colours */
.wp-reset{display:inline-flex;align-items:center;gap:1.2cqw;margin-top:1cqw;padding:1.1cqw 2.8cqw;border-radius:999px;cursor:pointer;
  border:1px solid rgba(201,164,106,.6);background:rgba(255,252,247,.92);color:var(--wp-wine);font:600 2.6cqw/1 Manrope,system-ui,sans-serif;letter-spacing:.06em;
  animation:wp-rise .35s ease both;transition:background .2s}
.wp-reset.is-off{visibility:hidden;animation:none;pointer-events:none}
.wp-reset:hover{background:#fff}
.wp-reset:focus-visible{outline:2px solid var(--wp-wine);outline-offset:2px}
.wp-reset svg{width:3cqw;height:3cqw;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
/* gold separator at the top of the section (same line + flower as under the date headers) */
#wardrobe{padding-top:0!important;padding-bottom:clamp(64px,9vw,96px)!important}
.wp-sep{position:relative;left:50%;width:100vw;margin-left:-50vw;height:1px;margin-top:0;margin-bottom:clamp(44px,8vw,72px);background:#b38b49;opacity:.85;top:14px}
.wp-sep::before{content:"";position:absolute;left:50%;top:50%;width:34px;height:24px;transform:translate(-50%,-50%);background:rgb(251,246,237)}
.wp-sep::after{content:"";position:absolute;left:50%;top:50%;width:17px;height:21px;transform:translate(-50%,-50%);background:#ac823b;
  clip-path:path('M8.5 0 C13 5 11 8 8.5 9 C6 8 4 5 8.5 0 Z M17 10.5 C12 15 9.5 13 9.5 10.5 C10 8 13 6 17 10.5 Z M8.5 21 C4 16 6 13 8.5 12 C11 13 13 16 8.5 21 Z M0 10.5 C5 6 7.5 8 7.5 10.5 C7 13 4 15 0 10.5 Z')}
/* gold separator at the end of Wardrobe, Venue and Gallery */
.sec-sep{position:absolute;left:0;right:0;bottom:14px;height:1px;background:#b38b49;opacity:.85;z-index:6;pointer-events:none}
.sec-sep::before{content:"";position:absolute;left:50%;top:50%;width:34px;height:24px;transform:translate(-50%,-50%);background:var(--sep-bg,#fbf6ed)}
.sec-sep::after{content:"";position:absolute;left:50%;top:50%;width:17px;height:21px;transform:translate(-50%,-50%);background:#ac823b;
  clip-path:path('M8.5 0 C13 5 11 8 8.5 9 C6 8 4 5 8.5 0 Z M17 10.5 C12 15 9.5 13 9.5 10.5 C10 8 13 6 17 10.5 Z M8.5 21 C4 16 6 13 8.5 12 C11 13 13 16 8.5 21 Z M0 10.5 C5 6 7.5 8 7.5 10.5 C7 13 4 15 0 10.5 Z')}
.wp-pal-row{display:flex;align-items:center;justify-content:center;gap:2cqw;margin-top:1.2cqw;height:4.6cqw}
.wp-pal-row .wp-pal-name{margin:0;min-height:0}
.wp-pal-row .wp-reset{margin:0;padding:.7cqw 2cqw;font-size:2.4cqw}

/* every page: the four looks sit in the same fixed area, so they are the same size on all pages
   and nothing above them (palette, colour name, reset) can change their size */
.wp-figures{position:absolute;left:0;right:0;bottom:8cqw;height:67cqw;margin:0;flex:none;container-type:normal;display:flex;align-items:flex-end;justify-content:center}
.wp-figbox{height:100%;width:auto;aspect-ratio:var(--ar);max-width:96cqw}
.wp-haldi .wp-title{font-size:9.6cqw;line-height:1;white-space:nowrap}
.wp-figures .wp-reset{position:absolute;top:-1cqw;right:3cqw;z-index:5;margin:0;padding:.9cqw 2.2cqw;font-size:2.5cqw}
.wp-figures{bottom:7cqw;height:66cqw}
.wp-sangeet .wp-title{font-size:12cqw}
.wp-palette{margin-top:1.4cqw}
.wp-pal-label{margin-bottom:1.3cqw}
.wp-pal-row{margin-top:.7cqw;height:4.2cqw}
.wp-title{white-space:nowrap}