/* SoulAlign Global Premium Header 0.1.0
 * A reversible visual-only skin for the existing SoulAlign header; does NOT
 * alter account/cart/checkout hooks, brand settings, menus, post content, or data.
 * The approved Celestial Luxe homepage is the visual reference.
 */

/* Match the approved Celestial Luxe announcement strip on all custom pages. */
.sa-premium .sa-announcement,
.sa-premium.sa-luxe-home .sa-announcement {
  background:linear-gradient(90deg,#44243d,#744466 55%,#44243d);
  color:#fff0d8;
  letter-spacing:.155em;
  font-size:9px;
  min-height:30px;
  padding:7px 12px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  text-align:center;
}
.sa-premium .sa-announcement span{color:#e6c99b}

/* Uniform ivory header, burgundy text, subtle bottom border and shadow. */
.sa-premium .sa-header,
.sa-premium.sa-luxe-home .sa-header {
  background:rgba(255,252,250,.97);
  border-bottom:1px solid #eadedb;
  box-shadow:0 3px 15px #623f5010;
  color:#45223f;
  min-width:0;
}
.sa-premium .sa-header .sa-brand,
.sa-premium.sa-luxe-home .sa-header .sa-brand {
  gap:8px;
  min-width:0;
  flex-shrink:1;
  max-width:100%;
  text-decoration:none;
}
.sa-premium .sa-header .sa-brand strong,
.sa-premium.sa-luxe-home .sa-header .sa-brand strong {
  color:#45223f;
  font-family:Georgia,'Times New Roman',serif;
  font-weight:400;
  letter-spacing:-.04em;
  white-space:nowrap;
}
/* The user requested the circled 'CRYSTALS · WELLNESS · YOU' tagline removed.
 * Keep original WordPress logo/brand source untouched: hide text visually only. */
.sa-premium .sa-header .sa-brand small,
.sa-premium.sa-luxe-home .sa-header .sa-brand small {
  display:none!important;
}
.sa-premium .sa-header .sa-brand > span:not(.sa-logo-mark){min-width:0}
/* 42px original logo -> ~51px (+21%); fallback lotus is scaled similarly. */
.sa-premium .sa-header .sa-custom-logo:not(.sa-full-logo),
.sa-premium.sa-luxe-home .sa-header .sa-custom-logo:not(.sa-full-logo) {
  width:51px;
  height:51px;
  min-width:51px;
  max-width:51px;
  flex:0 0 51px;
  object-fit:contain;
  border-radius:4px;
}
.sa-premium .sa-header .sa-logo-mark,
.sa-premium.sa-luxe-home .sa-header .sa-logo-mark {
  width:47px;
  height:49px;
  flex:0 0 47px;
  display:grid;
  place-items:center;
}
.sa-premium .sa-header .sa-logo-mark svg{width:44px;height:44px}
/* Full-wordmark mode: scale as one piece, never add a second "Soul Align" label. */
.sa-premium .sa-header .sa-brand:has(.sa-full-logo)>span{display:none!important}
.sa-premium .sa-header .sa-brand .sa-full-logo,
.sa-premium.sa-luxe-home .sa-header .sa-brand .sa-full-logo {
  width:auto!important;
  height:58px!important;
  max-height:61px!important;
  max-width:min(49vw,238px)!important;
  min-width:0!important;
  flex:0 1 auto;
  object-fit:contain;
}
.sa-premium .sa-header .sa-header-actions{display:flex;align-items:center;flex:0 0 auto;min-width:0}
.sa-premium .sa-header .sa-icon-btn {color:#4d3348;flex:0 0 auto}
.sa-premium .sa-header .sa-icon-btn:active{transform:scale(.95)}
.sa-premium .sa-header .sa-brand:focus-visible,
.sa-premium .sa-header .sa-icon-btn:focus-visible,
.sa-premium .sa-header .sa-account-link:focus-visible{outline:2px solid #9a6e89;outline-offset:3px}

@media (min-width:960px) {
  .sa-premium .sa-header .sa-brand strong{font-size:33px}
  .sa-premium .sa-header .sa-custom-logo:not(.sa-full-logo){width:59px;height:59px;max-width:59px;min-width:59px;flex-basis:59px}
  .sa-premium .sa-header .sa-logo-mark{width:57px;height:58px;flex-basis:57px}
  .sa-premium .sa-header .sa-logo-mark svg{width:51px;height:51px}
  .sa-premium .sa-header .sa-brand .sa-full-logo{height:70px!important;max-height:73px!important;max-width:min(22vw,265px)!important}
  .sa-premium .sa-header{min-height:96px}
  .sa-premium .sa-header .sa-header-actions{justify-self:end}
}
/* At desktop medium widths, prioritize nav fit over extra-large type. */
@media (min-width:960px) and (max-width:1150px) {
  .sa-premium .sa-header .sa-brand strong{font-size:28px}
  .sa-premium .sa-header .sa-custom-logo:not(.sa-full-logo){width:54px;height:54px;max-width:54px;min-width:54px;flex-basis:54px}
  .sa-premium .sa-header .sa-logo-mark{width:52px;height:53px;flex-basis:52px}
  .sa-premium .sa-header .sa-brand .sa-full-logo{max-width:204px!important;height:65px!important}
  .sa-premium .sa-header{grid-template-columns:minmax(230px,1fr) auto minmax(150px,1fr);gap:12px}
}
@media (min-width:601px) and (max-width:959px){
  .sa-premium .sa-header{min-height:81px;height:auto}
  .sa-premium .sa-header .sa-brand strong{font-size:29px}
  .sa-premium .sa-header .sa-custom-logo:not(.sa-full-logo){width:54px;height:54px;max-width:54px;min-width:54px;flex-basis:54px}
}
/* Phones: account/cart/menu still have safe tap targets. Keep a single row. */
@media (max-width:600px){
  .sa-premium .sa-header,
  .sa-premium.sa-luxe-home .sa-header{
    min-height:73px;
    height:auto;
    padding:8px 11px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:5px;
  }
  .sa-premium .sa-header .sa-brand,
  .sa-premium.sa-luxe-home .sa-header .sa-brand {gap:6px;flex:0 1 auto;overflow:hidden}
  .sa-premium .sa-header .sa-brand strong,
  .sa-premium.sa-luxe-home .sa-header .sa-brand strong{font-size:26px;line-height:1.03}
  .sa-premium .sa-header .sa-header-actions{gap:0;flex:0 0 auto}
  .sa-premium .sa-header .sa-icon-btn{min-width:33px;width:33px;min-height:40px;padding:6px 3px}
  .sa-premium .sa-header .sa-icon-btn svg{width:21px;height:21px}
  .sa-premium .sa-header .sa-account-link{width:33px;min-width:33px;max-width:33px;height:39px;min-height:39px;padding:6px;border:0;background:transparent}
  .sa-premium .sa-header .sa-account-link span{display:none}
  .sa-premium .sa-header .sa-account-link svg{width:21px;height:21px;flex-basis:21px}
  /* Shop is already available in the persistent bottom navigation. */
  .sa-premium.sa-store .sa-header .sa-header-actions a[title="Shop"]{display:none}
  .sa-premium .sa-header .sa-brand .sa-full-logo{height:57px!important;max-height:59px!important;max-width:min(48vw,209px)!important}
}
@media (max-width:370px){
  .sa-premium .sa-header,
  .sa-premium.sa-luxe-home .sa-header{padding-inline:9px;gap:3px}
  .sa-premium .sa-header .sa-brand strong{font-size:23px}
  .sa-premium .sa-header .sa-custom-logo:not(.sa-full-logo),
  .sa-premium.sa-luxe-home .sa-header .sa-custom-logo:not(.sa-full-logo){width:47px;height:47px;min-width:47px;max-width:47px;flex-basis:47px}
  .sa-premium .sa-header .sa-logo-mark{width:45px;height:46px;flex-basis:45px}
  .sa-premium .sa-header .sa-logo-mark svg{width:43px;height:43px}
  .sa-premium .sa-header .sa-icon-btn{width:30px;min-width:30px}
  .sa-premium .sa-header .sa-account-link{width:30px;min-width:30px;max-width:30px}
  .sa-premium .sa-header .sa-brand .sa-full-logo{height:53px!important;max-height:55px!important;max-width:48vw!important}
}
@media (max-width:330px){
  .sa-premium .sa-header .sa-brand strong{font-size:21px}
  .sa-premium .sa-header .sa-brand{gap:4px}
  .sa-premium .sa-header .sa-custom-logo:not(.sa-full-logo){width:45px;height:45px;min-width:45px;max-width:45px;flex-basis:45px}
}