.elementor-9 .elementor-element.elementor-element-4443b10{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-9 .elementor-element.elementor-element-4443b10:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-4443b10 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-d6b151c );}/* Start custom CSS for shortcode, class: .elementor-element-b1404c5 *//* ===========================
   WooCommerce My Account — identidade teal + rosa
   Escopo: apenas dentro de .myaccount-wrap
   =========================== */

/* ====== Vars & base ====== */
.myaccount-wrap .woocommerce{
  /* principais */
  --wc-brand: #0A8C8A;
  --wc-brand-2: #F4A9C0;

  /* neutros e superfícies */
  --wc-bg: #FFFFFF;
  --wc-card: #F7FBFB;
  --wc-text: #0E1023;
  --wc-muted: #607585;
  --wc-border: #E6EEF0;

  /* estética */
  --wc-radius: 16px;
  --wc-shadow: 0 10px 30px rgba(10, 140, 138, .08);

  /* derivados */
  --teal-600: #077674;
  --pink-600: #E98BA9;

  color: var(--wc-text);
}

/* Esconde o título padrão de página */
.myaccount-wrap .entry-title,
.myaccount-wrap h1.page-title{ display:none; }

/* ====== Links ====== */
.myaccount-wrap .woocommerce a{
  color: var(--wc-brand);
  text-decoration: none;
}
.myaccount-wrap .woocommerce a:hover{ color: var(--pink-600); }

/* ============================================================
   A) LOGADO — layout 2 colunas com navegação + conteúdo
   ============================================================ */

.logged-in .myaccount-wrap .woocommerce{
  display: grid !important;
  grid-template-columns: 280px minmax(0, 1fr);
  grid-auto-rows: min-content;
  align-items: start;
  gap: 28px;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  text-align: initial;
  box-sizing: border-box;
}

.logged-in .myaccount-wrap .woocommerce .woocommerce-MyAccount-navigation,
.logged-in .myaccount-wrap .woocommerce .woocommerce-MyAccount-content{
  float:none !important; width:auto !important; margin:0 !important;
}

.logged-in .myaccount-wrap .woocommerce .woocommerce-notices-wrapper,
.logged-in .myaccount-wrap .woocommerce .woocommerce-message,
.logged-in .myaccount-wrap .woocommerce .woocommerce-info,
.logged-in .myaccount-wrap .woocommerce .woocommerce-error{
  grid-column: 1 / -1;
}

/* NAV lateral */
.myaccount-wrap .woocommerce .woocommerce-MyAccount-navigation{
  grid-column: 1;
  position: sticky; top: 24px;
  background: var(--wc-bg);
  border: 1px solid var(--wc-border);
  border-radius: var(--wc-radius);
  box-shadow: var(--wc-shadow);
  overflow: hidden;
}
.myaccount-wrap .woocommerce .woocommerce-MyAccount-navigation ul{
  list-style:none !important; margin:0; padding:10px;
  display:flex; flex-direction:column; gap:8px;
}
.myaccount-wrap .woocommerce .woocommerce-MyAccount-navigation li a{
  display:flex; align-items:center; gap:10px;
  padding:12px 14px;
  border-radius:12px; border:1px solid transparent;
  font-weight:600; color:var(--wc-text);
  background: linear-gradient(0deg,#fff0,#fff0);
  transition:.2s ease;
}
.myaccount-wrap .woocommerce .woocommerce-MyAccount-navigation li a:hover{
  border-color:var(--wc-border); transform:translateY(-1px);
}
.myaccount-wrap .woocommerce .woocommerce-MyAccount-navigation .is-active a{
  background: linear-gradient(180deg, rgba(10,140,138,.10), rgba(244,169,192,.12));
  border-color: rgba(10,140,138,.28);
}

/* Ícones */
.myaccount-wrap .woocommerce .woocommerce-MyAccount-navigation li a::before{
  font-size:18px; line-height:1; opacity:.9; margin-right:6px; content:"";
}
.myaccount-wrap .woocommerce .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--dashboard a::before{ content:"🏠"; }
.myaccount-wrap .woocommerce .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--orders a::before{ content:"🧾"; }
.myaccount-wrap .woocommerce .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--downloads a::before{ content:"⬇️"; }
.myaccount-wrap .woocommerce .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--edit-address a::before{ content:"📦"; }
.myaccount-wrap .woocommerce .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--edit-account a::before{ content:"👤"; }
.myaccount-wrap .woocommerce .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--customer-logout a::before{ content:"🚪"; }

/* CONTEÚDO */
.myaccount-wrap .woocommerce .woocommerce-MyAccount-content{
  grid-column: 2;
  min-width: 0;
  background: var(--wc-bg);
  border: 1px solid var(--wc-border);
  border-radius: var(--wc-radius);
  box-shadow: var(--wc-shadow);
  padding: 24px;
}
.myaccount-wrap .woocommerce .woocommerce-MyAccount-content h2,
.myaccount-wrap .woocommerce .woocommerce-MyAccount-content h3{
  font-weight:800; letter-spacing:.2px; margin:0 0 14px;
}
.myaccount-wrap .woocommerce .woocommerce-MyAccount-content p{ color: var(--wc-muted); }

/* Tabelas */
.myaccount-wrap .woocommerce table.shop_table{
  width:100%; border-collapse:separate; border-spacing:0;
  overflow:hidden; border-radius:12px; border:1px solid var(--wc-border);
}
.myaccount-wrap .woocommerce table.shop_table th,
.myaccount-wrap .woocommerce table.shop_table td{
  padding:14px 16px; border-bottom:1px solid var(--wc-border); background:#fff;
}
.myaccount-wrap .woocommerce table.shop_table thead th{
  background:var(--wc-card); color:var(--wc-muted); font-weight:700;
}
.myaccount-wrap .woocommerce table.shop_table tbody tr:last-child td{ border-bottom:none; }

/* Status visual */
.myaccount-wrap .woocommerce .woocommerce-orders-table__cell-order-status::before{
  content:"●"; margin-right:8px; font-size:10px; vertical-align:middle;
}
.myaccount-wrap .woocommerce .woocommerce-orders-table__cell-order-status.status-completed::before{ color:#22c55e; }
.myaccount-wrap .woocommerce .woocommerce-orders-table__cell-order-status.status-processing::before{ color:#f59e0b; }
.myaccount-wrap .woocommerce .woocommerce-orders-table__cell-order-status.status-on-hold::before{ color:#6366f1; }

/* Botões */
.myaccount-wrap .woocommerce .button,
.myaccount-wrap .woocommerce .woocommerce-button,
.myaccount-wrap .woocommerce .woocommerce-Button{
  background: linear-gradient(90deg, var(--wc-brand), var(--wc-brand-2));
  color:#fff; border:none; padding:12px 16px;
  font-weight:800; border-radius:12px; cursor:pointer;
  box-shadow:0 6px 18px rgba(244,169,192,.35);
  transition:.2s ease;
}
.myaccount-wrap .woocommerce .button:hover{
  transform:translateY(-1px);
  box-shadow:0 10px 24px rgba(10,140,138,.35);
}

/* ============================================================
   B) NÃO LOGADO — Login / Registro centralizado
   ============================================================ */
body:not(.logged-in) .myaccount-wrap .woocommerce{
  display:block !important;
  max-width:720px;
  margin:0 auto;
  text-align:initial;
}

/* ===== Gradiente animado aplicado ao <h2> "Login" ===== */
body:not(.logged-in) .myaccount-wrap .woocommerce > h2 {
  text-align:center;
  margin:0 auto 18px;
  max-width:720px;
  font-weight:900;
  font-size:2rem;
  letter-spacing:.5px;
  animation: texto1-brilho 3.4s linear infinite;
  background-image: linear-gradient(90deg, #038D8E, #F9BBD0, #038D8E, #F9BBD0 100%);
  background-size: 400% 100%;
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent !important;
  -webkit-text-fill-color: transparent;
  transition: background-position .8s;
  will-change: background-position;
}

/* ===== Animação ===== */
@keyframes texto1-brilho{
  0%{ background-position: 0 0; }
  100%{ background-position: 100% 0; }
}

/* Card dos formulários */
.myaccount-wrap .woocommerce form.login,
.myaccount-wrap .woocommerce form.register{
  background: var(--wc-bg);
  border: 1px solid var(--wc-border);
  border-radius: var(--wc-radius);
  box-shadow: var(--wc-shadow);
  padding: 24px;
  margin: 0 auto;
  width: 100%;
}
@media (min-width:900px){
  .myaccount-wrap .woocommerce form.login,
  .myaccount-wrap .woocommerce form.register{ max-width:720px; }
}

/* Campos */
.myaccount-wrap .woocommerce form label{
  font-weight:700; margin-bottom:6px; display:inline-block;
}
.myaccount-wrap .woocommerce form .input-text,
.myaccount-wrap .woocommerce form input[type="text"],
.myaccount-wrap .woocommerce form input[type="email"],
.myaccount-wrap .woocommerce form input[type="password"]{
  width:100%; padding:12px 14px;
  border:1px solid var(--wc-border);
  border-radius:12px; background:#F0F7FA;
  transition:border-color .2s, box-shadow .2s;
}
.myaccount-wrap .woocommerce form .input-text:focus{
  border-color:var(--wc-brand); outline:none;
  box-shadow:0 0 0 4px rgba(10,140,138,.15);
}

/* Checkbox */
.myaccount-wrap .woocommerce form .woocommerce-form__label-for-checkbox{
  display:flex; align-items:center; gap:8px; color:var(--wc-muted); margin-top:6px;
}
.myaccount-wrap .woocommerce form input[type="checkbox"]{
  width:18px; height:18px; border-radius:6px; border:1px solid var(--wc-border);
}

/* Botão login */
.myaccount-wrap .woocommerce .button,
.myaccount-wrap .woocommerce .woocommerce-button,
.myaccount-wrap .woocommerce .woocommerce-Button{
  width:100%;
}

/* Lost password */
.myaccount-wrap .woocommerce form .lost_password{ text-align:center; margin-top:12px; }
.myaccount-wrap .woocommerce form .lost_password a{ color:var(--wc-brand); font-weight:600; }
.myaccount-wrap .woocommerce form .lost_password a:hover{ color:var(--pink-600); }

/* ============================================================
   C) Responsividade
   ============================================================ */
@media (max-width: 900px){
  .logged-in .myaccount-wrap .woocommerce{
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .myaccount-wrap .woocommerce .woocommerce-MyAccount-navigation{ position:static; }
  .myaccount-wrap .woocommerce .woocommerce-MyAccount-content{ grid-column: 1; }
}/* End custom CSS */