/* Restyles the exported WordPress pages to match the landing (loaded after spice.css). */

body.spice-page{background:var(--red)!important;color:var(--ink);font-family:var(--body)}
.spice-page #page{background:transparent;min-height:0!important}

/* Header: the landing's pill nav in its own frame */
.spice-page .frame--page{margin:16px;padding:0;min-height:0;overflow:visible;background:var(--wine);border-radius:var(--radius-xl)}
.spice-page .frame--page .nav{position:relative}
.spice-page .frame--page .mobile-menu{top:80px}

/* Old WordPress chrome is replaced */
.spice-page #masthead,.spice-page .sc-footer,.spice-page #ast-scroll-top,.spice-page #colophon,.spice-page .site-footer{display:none!important}

/* Page body sits in a rounded card, like the landing's sections */
.spice-page #content{background:var(--paper);margin:0 16px;border-radius:var(--radius-xl);overflow:hidden;min-height:0;padding-top:0!important}
/* Offsets that made room for the old fixed WordPress header */
.spice-page .sc-ph,.spice-page .sc-merch-band{margin-top:0!important}
.spice-page #content .ast-container{display:block;max-width:none;padding:0}
.spice-page #primary{width:100%!important;float:none!important;margin:0!important;padding:0!important;border:0!important}
.spice-page #secondary{display:none}
.spice-page .site-main,.spice-page article.ast-article-single{margin:0!important;padding:0!important}
.spice-page .entry-content > *:last-child{margin-bottom:0}

/* Type */
.spice-page h1,.spice-page h2,.spice-page h3,.spice-page h4{font-family:var(--display);letter-spacing:-.025em}
.spice-page .entry-content h1{font-size:clamp(38px,6vw,76px);line-height:.95;letter-spacing:-.04em}
.spice-page .entry-content h2{line-height:1}
.spice-page p,.spice-page li{font-family:var(--body)}

/* Buttons: pill shapes */
.spice-page .entry-content a[class*="btn"],.spice-page .entry-content a[class*="button"],
.spice-page .entry-content button,.spice-page .entry-content input[type="submit"],
.spice-page .ur-submit-button,.spice-page .wpforms-submit,.spice-page .button{
  border-radius:999px!important;font-family:var(--display)!important;font-weight:700!important;padding:13px 26px!important;
  transition:transform .2s ease,background .2s ease!important;
}
.spice-page .entry-content a[class*="btn"]:hover,.spice-page .entry-content button:hover,
.spice-page .entry-content input[type="submit"]:hover,.spice-page .ur-submit-button:hover,.spice-page .wpforms-submit:hover{transform:translateY(-2px)}
.spice-page .ur-submit-button,.spice-page .wpforms-submit,.spice-page .entry-content input[type="submit"]{
  background:var(--red)!important;color:#fff!important;border:0!important;min-width:200px;
}

/* Forms: soft rounded fields */
.spice-page .entry-content input[type="text"],.spice-page .entry-content input[type="email"],
.spice-page .entry-content input[type="password"],.spice-page .entry-content input[type="url"],
.spice-page .entry-content input[type="tel"],.spice-page .entry-content input[type="number"],
.spice-page .entry-content input[type="date"],.spice-page .entry-content select,.spice-page .entry-content textarea{
  border:1.5px solid #E7DEDF!important;border-radius:14px!important;background:#FBF8F7!important;
  padding:13px 16px!important;font-family:var(--body)!important;font-size:16px!important;color:var(--ink)!important;
  box-shadow:none!important;transition:border-color .2s,background .2s!important;
}
.spice-page .entry-content input:focus,.spice-page .entry-content select:focus,.spice-page .entry-content textarea:focus{
  border-color:var(--red)!important;background:#fff!important;outline:none!important;
}
.spice-page .entry-content label,.spice-page .ur-label,.spice-page .wpforms-field-label{
  font-family:var(--display)!important;font-weight:700!important;font-size:14px!important;color:var(--ink)!important;
}
.spice-page .user-registration,.spice-page .ur-frontend-form,.spice-page .wpforms-container{
  border:0!important;box-shadow:none!important;background:transparent!important;
}
.spice-page .ur-frontend-form .ur-form-row .ur-form-grid,.spice-page .user-registration-form{padding:0!important}
.spice-page .ur-form-row{gap:0}

/* Status messages from our form handlers */
.spice-form-msg{margin:16px 0 0;padding:14px 18px;border-radius:14px;font-family:var(--body);font-size:15px}
.spice-form-msg.ok{background:#E9F8EE;color:#11643A}
.spice-form-msg.err{background:#FDECEE;color:#9B0F24}

/* Footer spacing on subpages */
.spice-page .site-foot{margin-top:16px}
@media (max-width:640px){
  .spice-page .frame--page,.spice-page #content{margin-left:8px;margin-right:8px}
  .spice-page .frame--page{margin-top:8px;border-radius:28px}
}

/* Page heroes lost the header offset above, so they need their own breathing room */
.spice-page .sc-ph{padding-top:clamp(56px,6vw,88px)!important}
.spice-page .entry-content a[class*="btn"]{max-width:max-content}
.spice-page .entry-content select{height:auto!important;line-height:1.4!important}
.spice-page .ur-frontend-form a,.spice-page .user-registration a{color:var(--red)!important}

/* Curated Collection: the shop grid, built from the store's products */
.spice-page .sc-merch-band-cnt{padding-top:clamp(56px,6vw,88px)!important}
.shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;width:min(1240px,100% - clamp(32px,6vw,96px));margin:clamp(36px,5vw,64px) auto;scroll-margin-top:24px}
.shop-card{display:flex;flex-direction:column;border-radius:var(--radius-lg);overflow:hidden;background:#F4F1F0;text-decoration:none;color:var(--ink);transition:transform .25s ease}
.shop-card:hover{transform:translateY(-4px)}
.shop-card__media{aspect-ratio:4/5;background:var(--cream);overflow:hidden}
.shop-card__media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}
.shop-card:hover .shop-card__media img{transform:scale(1.04)}
.shop-card__info{padding:16px 18px 20px;display:flex;flex-direction:column;flex:1}
.shop-card__info h3{font:700 19px var(--display);letter-spacing:-.015em;margin:0 0 6px}
.shop-card__info p{font-size:14px;line-height:1.5;color:#5c4a4d;margin:0 0 14px}
.shop-card__foot{margin-top:auto;display:flex;justify-content:space-between;align-items:center}
.shop-card__price{font:700 16px var(--display);color:var(--red)}
.shop-card__dots{display:flex;gap:6px}
.shop-card__dot{width:16px;height:16px;border-radius:50%;box-shadow:inset 0 0 0 1px rgb(0 0 0 / .15)}
.shop-empty{grid-column:1/-1;text-align:center;color:#5c4a4d}
.spice-page .shop-card,.spice-page .shop-card *{text-decoration:none!important}
.spice-page .shop-grid{margin-bottom:0;padding-bottom:clamp(40px,5vw,72px)}

/* Responsive fixes (phone and tablet audit) */
/* WordPress's own page title duplicates each page's designed heading */
.spice-page .entry-header{display:none!important}
/* Page heroes grow with their text instead of clipping it on small screens */
.spice-page .sc-ph{height:auto!important;min-height:260px}
.spice-page .sc-ph-content{height:auto!important}
/* Log in, register and reset forms use the full width they're given */
.spice-page .user-registration,.spice-page #user-registration{width:100%!important;max-width:520px!important;padding:0 20px!important;box-sizing:border-box}
.spice-page .ur-frontend-form .ur-form-row{display:block!important}
.spice-page .ur-frontend-form .ur-form-row .ur-form-grid{width:100%!important;padding:0!important;max-width:none!important}
.spice-page .user-registration-form-login .ur-form-row .ur-form-grid input:not([type=checkbox]){width:100%!important}