/* ==========================================================
   ANSEIO ÍNTIMO — Fase 21 Header Boutique + Conta Premium
   Ajusta header/logo, remove conta do menu lateral, conta no canto direito,
   avatar circular com lótus, preferências e foto do cliente.
========================================================== */
:root{
  --anseio21-red:#97000c;
  --anseio21-red-dark:#5d0007;
  --anseio21-rose:#f6b4c1;
  --anseio21-blush:#fff6f8;
  --anseio21-ink:#1b0d11;
  --anseio21-gold:#b1744b;
  --anseio21-shadow:0 18px 48px rgba(92,0,10,.14);
}

/* Cabeçalho mais baixo, premium e com botões nas pontas */
.anseio-menu-header{
  height:clamp(76px,7.8vw,104px)!important;
  min-height:unset!important;
  padding:0 clamp(14px,3vw,34px)!important;
  display:grid!important;
  grid-template-columns:minmax(64px,160px) 1fr minmax(150px,260px)!important;
  align-items:center!important;
  background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(255,247,249,.86))!important;
  border-bottom:1px solid rgba(151,0,12,.13)!important;
  box-shadow:0 14px 44px rgba(50,0,7,.08)!important;
  backdrop-filter:blur(18px)!important;
  pointer-events:auto!important;
  overflow:visible!important;
  z-index:3000!important;
}
.anseio-menu-toggle{
  justify-self:start!important;
  margin:0!important;
  width:52px!important;height:52px!important;
  border-radius:18px!important;
  background:#fff!important;
  border:1px solid rgba(151,0,12,.14)!important;
  box-shadow:0 12px 32px rgba(90,0,10,.08)!important;
  pointer-events:auto!important;
}
.anseio-menu-toggle span{background:var(--anseio21-red)!important}
.anseio-menu-logo{
  justify-self:center!important;
  position:relative!important;
  left:auto!important;top:auto!important;transform:none!important;
  width:clamp(310px,29vw,520px)!important;
  max-width:58vw!important;
  min-height:clamp(104px,9.5vw,154px)!important;
  margin:0!important;
  padding:10px clamp(22px,2.5vw,42px)!important;
  border-radius:34px!important;
  background:radial-gradient(circle at 50% 0%,rgba(246,180,193,.35),rgba(255,255,255,.94) 58%)!important;
  border:1px solid rgba(151,0,12,.12)!important;
  box-shadow:0 18px 48px rgba(100,0,10,.11)!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  overflow:visible!important;
  pointer-events:auto!important;
}
.anseio-menu-logo img{
  width:100%!important;
  height:auto!important;
  max-width:100%!important;
  max-height:clamp(92px,8.5vw,142px)!important;
  object-fit:contain!important;
  filter:drop-shadow(0 12px 18px rgba(151,0,12,.16))!important;
}
.anseio-menu-spacer{
  justify-self:end!important;
  width:auto!important;height:auto!important;
  min-width:0!important;
  display:flex!important;
  justify-content:flex-end!important;
  align-items:center!important;
  gap:10px!important;
  pointer-events:auto!important;
}
.anseio-menu-spacer[aria-hidden="true"]{visibility:visible!important}

/* Oculta os botões antigos/fixos de conta e deixa conta só no header */
.anseio-header-account,
.anseio-customer-auth-toggle,
#anseio-customer-auth > .anseio-customer-auth-toggle{
  display:none!important;
}
.anseio-customer-auth{pointer-events:none!important}
.anseio-customer-auth .anseio-customer-auth-box{pointer-events:auto!important}

/* Conta no cabeçalho — visitante: Entrar/Cadastro | logado: avatar */
.anseio21-account-area{
  display:flex;align-items:center;justify-content:flex-end;gap:9px;position:relative;z-index:3020;
  font-family:inherit;
}
.anseio21-auth-btn{
  border:1px solid rgba(151,0,12,.16);
  background:#fff;
  color:var(--anseio21-red);
  min-height:42px;
  padding:0 15px;
  border-radius:999px;
  font-weight:900;
  letter-spacing:.02em;
  box-shadow:0 10px 28px rgba(92,0,10,.075);
  cursor:pointer;
  transition:.2s ease;
}
.anseio21-auth-btn.primary{
  background:linear-gradient(135deg,var(--anseio21-red),#b95a62);
  border-color:transparent;
  color:#fff;
}
.anseio21-auth-btn:hover{transform:translateY(-1px);box-shadow:0 14px 36px rgba(92,0,10,.13)}
.anseio21-avatar-btn{
  border:1px solid rgba(151,0,12,.14);
  background:linear-gradient(135deg,#fff,#fff6f8);
  color:var(--anseio21-red-dark);
  min-height:52px;
  padding:5px 9px 5px 5px;
  border-radius:999px;
  display:flex;align-items:center;gap:9px;
  box-shadow:var(--anseio21-shadow);
  cursor:pointer;
  max-width:230px;
}
.anseio21-avatar{
  width:44px;height:44px;border-radius:50%;overflow:hidden;display:grid;place-items:center;flex:0 0 auto;
  background:#fff;
  border:2px solid rgba(255,255,255,.96);
  box-shadow:0 8px 22px rgba(92,0,10,.16);
}
.anseio21-avatar img{width:100%;height:100%;object-fit:cover;display:block}
.anseio21-avatar svg{width:72%;height:72%;display:block}
.anseio21-avatar-text{display:grid;gap:1px;text-align:left;min-width:0;line-height:1.08}
.anseio21-avatar-text small{font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:#9a6a71;font-weight:900}
.anseio21-avatar-text b{font-size:13px;max-width:125px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--anseio21-red-dark)}
.anseio21-account-menu{
  position:absolute;right:0;top:calc(100% + 12px);
  width:min(330px,calc(100vw - 28px));
  background:#fff;
  border:1px solid rgba(151,0,12,.13);
  border-radius:26px;
  box-shadow:0 28px 86px rgba(38,0,8,.22);
  padding:12px;
  display:none;
  overflow:hidden;
}
.anseio21-account-menu.is-open{display:block;animation:anseio21Drop .18s ease-out both}
@keyframes anseio21Drop{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
.anseio21-account-card{display:flex;align-items:center;gap:12px;padding:10px 10px 14px;border-bottom:1px solid rgba(151,0,12,.08);margin-bottom:8px}
.anseio21-account-card .anseio21-avatar{width:58px;height:58px}
.anseio21-account-card b{display:block;color:var(--anseio21-red-dark);font-size:16px}.anseio21-account-card span{display:block;color:#856069;font-size:12px;max-width:210px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.anseio21-account-menu button,.anseio21-account-menu a{
  width:100%;min-height:48px;border:0;border-radius:16px;background:#fff;color:var(--anseio21-red-dark);text-decoration:none;
  display:flex;align-items:center;justify-content:space-between;padding:0 13px;font-weight:900;cursor:pointer;
}
.anseio21-account-menu button:hover,.anseio21-account-menu a:hover{background:#fff3f5;color:var(--anseio21-red)}
.anseio21-account-menu .danger{color:#97000c;background:#fff7f8}

/* Barra rápida de categorias com ícones: abaixo do header e some ao rolar */
.anseio-category-quickbar{
  top:clamp(76px,7.8vw,104px)!important;
  background:rgba(255,255,255,.82)!important;
  border-bottom:1px solid rgba(151,0,12,.09)!important;
  box-shadow:0 14px 38px rgba(85,0,10,.06)!important;
  z-index:88!important;
}
.anseio-category-inner{padding:9px 14px!important;gap:8px!important;justify-content:center!important}
.anseio-category-pill{
  min-height:40px!important;
  padding:8px 13px!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,#fff,#fff8f9)!important;
  color:#79000a!important;
  border:1px solid rgba(151,0,12,.12)!important;
  box-shadow:0 10px 24px rgba(92,0,10,.05)!important;
  font-size:10.5px!important;
}
.anseio-category-pill:hover,.anseio-category-pill.is-active{background:linear-gradient(135deg,#97000c,#bd6570)!important;color:#fff!important}
.anseio-category-icon{font-size:15px!important}

/* Menu lateral mais limpo: sem login/cadastro/conta dentro dele */
.anseio-drawer{
  width:min(420px,92vw)!important;
  background:linear-gradient(180deg,#fff 0%,#fff7f8 52%,#fff 100%)!important;
  border-right:1px solid rgba(151,0,12,.12)!important;
  box-shadow:30px 0 95px rgba(42,0,8,.22)!important;
}
.anseio-drawer-head{
  min-height:150px!important;
  justify-content:center!important;
  padding:24px 76px 20px 26px!important;
  background:radial-gradient(circle at 50% 0%,rgba(246,180,193,.32),transparent 62%),#fff!important;
}
.anseio-drawer-head a{width:100%!important;display:flex!important;align-items:center!important;justify-content:center!important}
.anseio-drawer-head img{
  max-width:min(300px,72vw)!important;
  max-height:118px!important;
  width:auto!important;height:auto!important;
  object-fit:contain!important;
  filter:drop-shadow(0 12px 22px rgba(151,0,12,.16))!important;
}
.anseio-drawer-close{right:20px!important;top:26px!important;background:linear-gradient(135deg,#97000c,#5d0007)!important}
.anseio-drawer-content{padding:22px!important}
.anseio-drawer-kicker{display:block!important;text-align:center!important;color:#97000c!important;letter-spacing:.22em!important;font-size:11px!important;margin:4px 0 18px!important}
.anseio-drawer-nav{gap:10px!important;margin-bottom:8px!important}
.anseio-drawer-nav a{
  min-height:54px!important;
  border-radius:18px!important;
  padding:13px 16px!important;
  background:#fff!important;
  color:#78000a!important;
  border:1px solid rgba(151,0,12,.10)!important;
  box-shadow:0 10px 26px rgba(92,0,10,.045)!important;
  letter-spacing:.07em!important;
}
.anseio-drawer-nav a:hover{background:#fff1f4!important;transform:translateX(4px)!important}
.anseio-drawer-nav a[aria-current="page"]{background:linear-gradient(135deg,#97000c,#c46a76)!important;color:#fff!important;border-color:transparent!important}
.anseio-drawer .anseio-auth-box,
.anseio-drawer .anseio-user-box,
.anseio-drawer .anseio-guest-only,
.anseio-drawer .anseio-user-only{display:none!important}
.anseio-drawer-footer{margin-top:20px!important;text-align:center!important;color:#8b6970!important;border-top:1px solid rgba(151,0,12,.09)!important;padding-top:16px!important}

/* Modal de perfil/preferências com foto circular */
.anseio21-modal{position:fixed;inset:0;z-index:100200;background:rgba(27,0,8,.58);backdrop-filter:blur(12px);display:none;align-items:center;justify-content:center;padding:18px}
.anseio21-modal.is-open{display:flex}
.anseio21-modal-card{width:min(720px,96vw);max-height:90vh;overflow:auto;background:#fff;border-radius:32px;box-shadow:0 38px 120px rgba(27,0,8,.32);border:1px solid rgba(151,0,12,.12)}
.anseio21-modal-head{padding:24px 26px;background:linear-gradient(135deg,#97000c,#f0a8b7);color:#fff;display:flex;align-items:flex-start;justify-content:space-between;gap:20px}
.anseio21-modal-head h3{margin:0;font-family:Georgia,'Times New Roman',serif;font-size:28px;color:#fff}.anseio21-modal-head p{margin:4px 0 0;color:rgba(255,255,255,.86)}
.anseio21-modal-close{width:44px;height:44px;border:0;border-radius:50%;background:rgba(255,255,255,.18);color:#fff;font-size:24px;cursor:pointer}
.anseio21-modal-body{padding:24px;display:grid;gap:22px}
.anseio21-profile-grid{display:grid;grid-template-columns:180px 1fr;gap:22px;align-items:start}
.anseio21-photo-preview{width:168px;height:168px;border-radius:50%;margin:auto;display:grid;place-items:center;background:#fff;border:1px solid rgba(151,0,12,.13);box-shadow:0 18px 44px rgba(92,0,10,.12);overflow:hidden}
.anseio21-photo-preview img{width:100%;height:100%;object-fit:cover;display:block}.anseio21-photo-preview svg{width:70%;height:70%}
.anseio21-photo-actions{display:grid;gap:9px}.anseio21-file-label{display:flex;align-items:center;justify-content:center;min-height:46px;border-radius:999px;background:#97000c;color:#fff;font-weight:900;cursor:pointer}.anseio21-file-label input{display:none}
.anseio21-help{font-size:12px;color:#7d5d64;line-height:1.45;text-align:center;margin:0}.anseio21-profile-fields{display:grid;gap:12px}.anseio21-profile-fields label{display:grid;gap:6px;font-weight:900;color:#4c141a}.anseio21-profile-fields input{border:1px solid rgba(151,0,12,.15);border-radius:16px;padding:12px;background:#fff;color:#231013}
.anseio21-pref-group strong{display:block;color:#610008;font-size:12px;text-transform:uppercase;letter-spacing:.13em;margin-bottom:10px}.anseio21-chips{display:flex;flex-wrap:wrap;gap:8px}.anseio21-chip{position:relative}.anseio21-chip input{position:absolute;opacity:0}.anseio21-chip span{display:inline-flex;align-items:center;min-height:39px;border:1px solid rgba(151,0,12,.14);border-radius:999px;padding:0 13px;font-weight:800;color:#69131b;background:#fff;cursor:pointer}.anseio21-chip input:checked+span{background:#97000c;color:#fff;border-color:#97000c;box-shadow:0 10px 22px rgba(151,0,12,.18)}
.anseio21-save{min-height:52px;border:0;border-radius:18px;background:linear-gradient(135deg,#97000c,#b95b64);color:#fff;font-weight:900;cursor:pointer;box-shadow:0 16px 36px rgba(151,0,12,.2)}

/* Admin com avatar mantendo paleta Anseio */
body.admin-page .top, body.admin-page header.top{background:linear-gradient(135deg,#97000c,#410006)!important;color:#fff!important;border-bottom:1px solid rgba(246,180,193,.24)!important}
body.admin-page .top h1, body.admin-page header.top h1{color:#fff!important}
.anseio-admin-owner{border-color:rgba(246,180,193,.28)!important;background:rgba(255,255,255,.12)!important;color:#fff!important}.anseio-admin-owner small{color:rgba(255,255,255,.74)!important}

@media(max-width:760px){
  .anseio-menu-header{height:78px!important;grid-template-columns:64px 1fr 116px!important;padding:0 10px!important}
  .anseio-menu-logo{width:clamp(238px,52vw,330px)!important;min-height:96px!important;padding:8px 16px!important;border-radius:28px!important}
  .anseio-menu-logo img{max-height:92px!important}
  .anseio21-auth-btn{min-height:38px;padding:0 10px;font-size:12px}.anseio21-auth-btn:not(.primary){display:none}
  .anseio21-avatar-btn{min-height:48px;padding:4px}.anseio21-avatar-text{display:none}.anseio21-avatar{width:42px;height:42px}
  .anseio-category-quickbar{top:78px!important}.anseio-category-inner{justify-content:flex-start!important}.anseio-category-pill{font-size:10px!important;padding:8px 12px!important}
  .anseio-drawer-head{min-height:142px!important}.anseio-drawer-head img{max-width:min(300px,76vw)!important;max-height:112px!important}
  .anseio21-profile-grid{grid-template-columns:1fr}.anseio21-photo-preview{width:156px;height:156px}.anseio21-modal-body{padding:18px}.anseio21-modal-head h3{font-size:24px}
}