/* v10 — Apple-style look for the pages couples, guests and family see (sign-in, selection gallery, guest gallery).
   Only active when <html> has class "ms-apple" (set by the middleware snippet on those pages; the admin stays as is).
   Light is the default; the dark mode keeps the same clean layout. Gold stays as the accent colour. */
html.ms-apple{--a-font:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display","SF Hebrew","Heebo","Segoe UI",system-ui,sans-serif;
  --a-bg:#fbfbfd;--a-bg2:#f5f5f7;--a-card:#ffffff;--a-text:#1d1d1f;--a-sub:#6e6e73;--a-line:rgba(0,0,0,.08);--a-chip:#ececf0;
  --a-acc:#9c7124;--a-acc-bg:linear-gradient(180deg,#c9a057,#a77a2d);--a-on-acc:#fff;--a-glass:rgba(251,251,253,.78);--a-shadow:0 1px 2px rgba(0,0,0,.04),0 8px 28px rgba(0,0,0,.06);
  --a-sel:#a77a2d}
html.ms-apple[data-ms-theme=dark]{--a-bg:#000;--a-bg2:#0b0b0c;--a-card:#1c1c1e;--a-text:#f5f5f7;--a-sub:#a1a1a6;--a-line:rgba(255,255,255,.1);--a-chip:#2c2c2e;
  --a-acc:#e1c47d;--a-acc-bg:linear-gradient(180deg,#e6c987,#c8a45a);--a-on-acc:#1a1408;--a-glass:rgba(10,10,12,.72);--a-shadow:0 1px 2px rgba(0,0,0,.4),0 10px 30px rgba(0,0,0,.35);--a-sel:#e1c47d}

/* type & page */
html.ms-apple,html.ms-apple body{background:var(--a-bg)!important;color:var(--a-text)!important}
html.ms-apple body,html.ms-apple button,html.ms-apple input,html.ms-apple textarea,html.ms-apple select{font-family:var(--a-font)!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
html.ms-apple body{letter-spacing:-.005em}
html.ms-apple h1,html.ms-apple h2,html.ms-apple h3,html.ms-apple .client-title h2,html.ms-apple .g-head h2,html.ms-apple .lg-card h2{font-family:var(--a-font)!important;color:var(--a-text)!important;letter-spacing:-.022em}
html.ms-apple .client-title h2,html.ms-apple .g-head h2,html.ms-apple .lg-card h2{font-weight:700!important;font-size:34px!important;line-height:1.1}
html.ms-apple .sub,html.ms-apple .g-head p,html.ms-apple .lead,html.ms-apple small,html.ms-apple .gallery-count,html.ms-apple .client-intro,html.ms-apple .client-intro p{color:var(--a-sub)!important}

/* header: frosted glass */
html.ms-apple header{background:var(--a-glass)!important;-webkit-backdrop-filter:saturate(180%) blur(20px)!important;backdrop-filter:saturate(180%) blur(20px)!important;border-bottom:1px solid var(--a-line)!important;box-shadow:none!important}
html.ms-apple header .brand small{color:var(--a-sub)!important;font-size:12px!important}
html.ms-apple .ms-theme-btn{background:var(--a-chip)!important;border:0!important;box-shadow:none!important;color:var(--a-text)!important}

/* cards */
html.ms-apple .card,html.ms-apple .plus-card,html.ms-apple .lg-card,html.ms-apple .notice-card,html.ms-apple .q-banner,html.ms-apple .client-error{background:var(--a-card)!important;border:0!important;border-radius:22px!important;box-shadow:var(--a-shadow)!important}
html.ms-apple .q-banner:after{display:none}
html.ms-apple .q-text b{font-family:var(--a-font)!important;font-weight:650!important;color:var(--a-text)!important;font-size:16px!important}
html.ms-apple .q-icon{background:var(--a-bg2)!important;border:0!important}

/* buttons: pills */
html.ms-apple .btn{border-radius:980px!important;font-weight:600!important;box-shadow:none!important}
html.ms-apple .btn.primary,html.ms-apple .q-btn,html.ms-apple .q-float{background:var(--a-acc-bg)!important;color:var(--a-on-acc)!important;border:0!important}
html.ms-apple .btn.secondary{background:var(--a-chip)!important;color:var(--a-text)!important;border:0!important}
html.ms-apple .plus-pill,html.ms-apple .g-pill,html.ms-apple .plus-smart,html.ms-apple .ms-foot a{background:var(--a-chip)!important;color:var(--a-text)!important;border:0!important;border-radius:980px!important;font-weight:600!important;box-shadow:none!important}
html.ms-apple .plus-smart{color:var(--a-acc)!important}

/* product tabs = segmented cards; folders = chips */
html.ms-apple .ptab{background:var(--a-card)!important;border:0!important;border-radius:16px!important;box-shadow:var(--a-shadow)!important;color:var(--a-text)!important}
html.ms-apple .ptab .pname{color:var(--a-sub)!important;font-weight:500!important}
html.ms-apple .ptab .pcount{font-family:var(--a-font)!important;font-weight:700!important;color:var(--a-text)!important;letter-spacing:-.02em}
html.ms-apple .ptab.active{background:var(--a-text)!important}
html.ms-apple .ptab.active .pname,html.ms-apple .ptab.active .pcount{color:var(--a-bg)!important}
html.ms-apple .ptab.complete .pcount{color:var(--a-acc)!important}
html.ms-apple .category,html.ms-apple .chip,html.ms-apple .plus-chip{background:var(--a-chip)!important;border:0!important;color:var(--a-text)!important;border-radius:980px!important;font-weight:500!important}
html.ms-apple .category.active,html.ms-apple .chip.active{background:var(--a-text)!important;color:var(--a-bg)!important}

/* sticky toolbar + bottom bar: glass */
html.ms-apple .client-toolbar,html.ms-apple .g-toolbar{background:var(--a-glass)!important;-webkit-backdrop-filter:saturate(180%) blur(20px)!important;backdrop-filter:saturate(180%) blur(20px)!important;border-bottom:1px solid var(--a-line)!important}
html.ms-apple .client-bottom{background:var(--a-glass)!important;-webkit-backdrop-filter:saturate(180%) blur(20px)!important;backdrop-filter:saturate(180%) blur(20px)!important;border-top:1px solid var(--a-line)!important;box-shadow:none!important}

/* inputs */
html.ms-apple input:not([type=checkbox]):not([type=radio]),html.ms-apple textarea,html.ms-apple select{background:var(--a-bg2)!important;border:1px solid transparent!important;border-radius:12px!important;color:var(--a-text)!important;box-shadow:none!important}
html.ms-apple input:focus,html.ms-apple textarea:focus{border-color:var(--a-acc)!important;background:var(--a-card)!important}
html.ms-apple .plus-search{background:var(--a-bg2)!important;border:0!important;border-radius:12px!important}

/* photos: edge-to-edge grid like Photos.app */
html.ms-apple .photo-grid,html.ms-apple .g-grid{gap:3px!important}
html.ms-apple .photo,html.ms-apple .g-tile{border-radius:4px!important;box-shadow:none!important;border:0!important;background:var(--a-bg2)!important}
html.ms-apple .photo.selected{outline:3px solid var(--a-sel)!important;outline-offset:-3px}
html.ms-apple .photo .check{border-width:1.5px!important}
html.ms-apple .photo.selected .check{background:var(--a-sel)!important;border-color:var(--a-sel)!important;color:#fff!important}
html.ms-apple .person .face{border-color:transparent!important;box-shadow:0 0 0 1px var(--a-line)}
html.ms-apple .person.on .face{box-shadow:0 0 0 3px var(--a-sel)}

/* misc */
html.ms-apple .ms-foot{border-top:1px solid var(--a-line)!important}
html.ms-apple .ms-foot p{color:var(--a-sub)!important}
html.ms-apple .lg-or:before,html.ms-apple .lg-or:after{background:var(--a-line)!important}
html.ms-apple .lg-ev{background:var(--a-bg2)!important;border:0!important}
html.ms-apple .lg-ev b{color:var(--a-text)!important}
html.ms-apple .lg-pass button,html.ms-apple .lg-help a,html.ms-apple .ms-foot a svg{color:var(--a-acc)!important}
html.ms-apple .toast{border-radius:14px!important}
html.ms-apple .people-bar{background:var(--a-card)!important;border:0!important;border-radius:22px!important;box-shadow:var(--a-shadow)!important}
html.ms-apple .people-active{background:var(--a-bg2)!important;color:var(--a-text)!important}
html.ms-apple .photo:after{background:linear-gradient(180deg,transparent 62%,rgba(0,0,0,.28))!important}
html.ms-apple .client-bottom .current b{font-family:var(--a-font)!important;font-weight:700!important;color:var(--a-text)!important;letter-spacing:-.02em}
html.ms-apple .client-bottom .current small{color:var(--a-sub)!important}
html.ms-apple .people-top b,html.ms-apple .plus-card b{color:var(--a-text)!important}
html.ms-apple .lg-card h2{font-size:28px!important}