:root{
  --ziper-green:#155F4E;
  --ziper-green-dark:#0f4b3e;
  --ziper-green-soft:#eaf5f1;
  --ziper-ink:#17201d;
  --ziper-muted:#6f7975;
  --ziper-line:#e4ebe7;
  --ziper-bg:#f5f7f6;
  --ziper-white:#fff;
  --ziper-shadow:0 14px 38px rgba(20,54,45,.08);
}

/* Remove o cabeçalho/hero padrão do tema apenas na página da conta. */
.woocommerce-account .entry-hero,
.woocommerce-account .entry-hero-container,
.woocommerce-account .entry-hero-container-inner,
.woocommerce-account .page-header{display:none!important}

.woocommerce-account .site-main,
.woocommerce-account .content-area,
.woocommerce-account #primary{background:var(--ziper-bg)!important}

/* Importante: não usamos mais o .woocommerce como grid. */
.woocommerce-account .woocommerce{
  display:block!important;
  float:none!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
}
.woocommerce-account .woocommerce::before,
.woocommerce-account .woocommerce::after{content:none!important;display:none!important}

.ziper-account-shell{
  width:min(1240px,calc(100% - 48px));
  margin:34px auto 70px;
  display:grid;
  grid-template-columns:260px minmax(0,1fr);
  gap:24px;
  align-items:start;
}

.ziper-account-sidebar{
  background:#fff;
  border:1px solid var(--ziper-line);
  border-radius:24px;
  padding:18px;
  box-shadow:var(--ziper-shadow);
  position:sticky;
  top:22px;
  min-width:0;
}

.ziper-account-profile{
  display:flex;
  align-items:center;
  gap:12px;
  padding:6px 6px 18px;
  margin-bottom:8px;
  border-bottom:1px solid var(--ziper-line);
  min-width:0;
}
.ziper-avatar{
  width:48px;height:48px;flex:0 0 48px;
  display:grid;place-items:center;
  border-radius:16px;
  background:linear-gradient(145deg,var(--ziper-green),var(--ziper-green-dark));
  color:#fff;font-size:18px;font-weight:900;
}
.ziper-account-profile-copy{min-width:0;line-height:1.2}
.ziper-account-profile-copy small{display:block;color:#8a9691;font-size:10px;text-transform:uppercase;letter-spacing:.08em;font-weight:800;margin-bottom:4px}
.ziper-account-profile-copy strong{display:block;color:var(--ziper-ink);font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ziper-account-profile-copy span{display:block;color:var(--ziper-muted);font-size:11px;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.ziper-account-sidebar .woocommerce-MyAccount-navigation{
  float:none!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  position:static!important;
}
.ziper-account-sidebar .woocommerce-MyAccount-navigation ul{display:block!important;margin:0!important;padding:0!important;list-style:none!important}
.ziper-account-sidebar .woocommerce-MyAccount-navigation li{display:block!important;width:100%!important;margin:3px 0!important;padding:0!important}
.ziper-account-sidebar .woocommerce-MyAccount-navigation a{
  display:flex!important;align-items:center!important;
  width:100%!important;min-height:46px!important;
  padding:0 14px!important;margin:0!important;
  border-radius:13px!important;
  color:#46514d!important;text-decoration:none!important;
  font-size:13px!important;font-weight:700!important;
  white-space:nowrap!important;word-break:normal!important;overflow-wrap:normal!important;
  box-sizing:border-box!important;
}
.ziper-account-sidebar .woocommerce-MyAccount-navigation a:hover{background:#f3f7f5!important;color:var(--ziper-green)!important}
.ziper-account-sidebar .woocommerce-MyAccount-navigation .is-active a{background:var(--ziper-green-soft)!important;color:var(--ziper-green)!important;box-shadow:inset 3px 0 0 var(--ziper-green)}
.ziper-account-sidebar .woocommerce-MyAccount-navigation-link--customer-logout{border-top:1px solid var(--ziper-line);margin-top:8px!important;padding-top:8px!important}
.ziper-account-sidebar .woocommerce-MyAccount-navigation-link--customer-logout a{color:#a64b4b!important}

.ziper-vendor-shortcut{
  margin-top:14px;
  display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:9px;
  padding:11px;border-radius:14px;
  background:#f3f8f6;color:var(--ziper-ink)!important;text-decoration:none!important;
}
.ziper-vendor-shortcut-mark{width:36px;height:36px;border-radius:11px;background:var(--ziper-green);color:#fff;display:grid;place-items:center;font-weight:900}
.ziper-vendor-shortcut strong,.ziper-vendor-shortcut small{display:block}
.ziper-vendor-shortcut strong{font-size:12px}.ziper-vendor-shortcut small{font-size:10px;color:var(--ziper-muted);margin-top:2px}.ziper-vendor-shortcut b{color:var(--ziper-green)}

.ziper-account-main{min-width:0}
.ziper-account-main .woocommerce-MyAccount-content{float:none!important;width:100%!important;max-width:none!important;min-width:0!important;margin:0!important;padding:0!important}

.ziper-dashboard{display:grid;gap:16px}
.ziper-welcome{
  min-height:154px;
  background:linear-gradient(135deg,#176a56,var(--ziper-green-dark));
  color:#fff;border-radius:24px;padding:28px 30px;
  display:flex;align-items:center;justify-content:space-between;gap:24px;
  box-shadow:0 18px 42px rgba(21,95,78,.16);
}
.ziper-welcome h2{color:#fff!important;margin:4px 0 8px!important;font-size:30px!important;line-height:1.08!important}
.ziper-welcome p{margin:0!important;color:rgba(255,255,255,.82)!important;font-size:14px;max-width:590px}
.ziper-eyebrow{display:block;font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.1em;color:#81918b}
.ziper-welcome .ziper-eyebrow{color:#bfe0d6}

.ziper-btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 16px;border:0;border-radius:12px;background:var(--ziper-green);color:#fff!important;text-decoration:none!important;font-size:13px;font-weight:800;white-space:nowrap;transition:.18s ease}
.ziper-btn:hover{background:var(--ziper-green-dark);transform:translateY(-1px)}
.ziper-btn-light{background:#fff!important;color:var(--ziper-green)!important}

.ziper-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.ziper-stat{min-width:0;background:#fff;border:1px solid var(--ziper-line);border-radius:18px;padding:16px;display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:11px;color:var(--ziper-ink)!important;text-decoration:none!important;box-shadow:0 8px 24px rgba(25,50,43,.04);transition:.18s ease}
.ziper-stat:hover{transform:translateY(-2px);border-color:#c7dbd4;box-shadow:0 12px 28px rgba(21,95,78,.08)}
.ziper-stat-icon{width:42px;height:42px;border-radius:13px;background:var(--ziper-green-soft);display:grid;place-items:center;color:var(--ziper-green);font-size:19px;font-weight:900}
.ziper-stat strong{display:block;font-size:15px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ziper-stat div>span{display:block;font-size:11px;color:var(--ziper-muted);margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ziper-stat b{font-size:18px;color:#9aa7a2}

.ziper-panel,.ziper-vendor-card{background:#fff;border:1px solid var(--ziper-line);border-radius:20px;padding:22px 24px;box-shadow:0 8px 24px rgba(25,50,43,.04)}
.ziper-empty{display:flex;align-items:center;gap:16px}
.ziper-empty-icon{width:52px;height:52px;flex:0 0 52px;border-radius:15px;background:var(--ziper-green-soft);display:grid;place-items:center;font-size:24px}
.ziper-empty>div:nth-child(2){flex:1;min-width:0}
.ziper-panel h3,.ziper-vendor-card h3{margin:4px 0 0!important;color:var(--ziper-ink)!important;font-size:18px!important;line-height:1.2!important}
.ziper-panel p,.ziper-vendor-card p{margin:6px 0 0!important;color:var(--ziper-muted)!important;font-size:13px}
.ziper-panel-head{display:flex;align-items:center;justify-content:space-between;gap:14px}
.ziper-order-status{background:var(--ziper-green-soft);color:var(--ziper-green);font-size:11px;font-weight:800;padding:7px 10px;border-radius:999px}
.ziper-order-meta{display:flex;justify-content:space-between;gap:12px;padding:16px 0;margin:16px 0;border-top:1px solid var(--ziper-line);border-bottom:1px solid var(--ziper-line);color:var(--ziper-muted);font-size:13px}.ziper-order-meta strong{color:var(--ziper-ink)}
.ziper-text-link{color:var(--ziper-green)!important;font-weight:800;text-decoration:none!important}

.ziper-vendor-card{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:16px;align-items:center}
.ziper-vendor-mark{width:52px;height:52px;border-radius:15px;background:var(--ziper-green);color:#fff;display:grid;place-items:center;font-size:22px;font-weight:900}

/* Woo endpoints */
.ziper-account-main .woocommerce-MyAccount-content > form,
.ziper-account-main .woocommerce-MyAccount-content > .woocommerce-Addresses,
.ziper-account-main .woocommerce-MyAccount-content > .woocommerce-orders-table,
.ziper-account-main .woocommerce-MyAccount-content > .woocommerce-table,
.ziper-account-main .woocommerce-MyAccount-content > header,
.ziper-account-main .woocommerce-MyAccount-content > p:not(.woocommerce-info){background:#fff;border:1px solid var(--ziper-line);border-radius:20px;padding:24px;box-shadow:0 8px 24px rgba(25,50,43,.04)}
.woocommerce-account .woocommerce table.shop_table{border:0!important;border-collapse:separate!important;border-spacing:0 8px!important}
.woocommerce-account .woocommerce table.shop_table th{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:#78827f}
.woocommerce-account .woocommerce table.shop_table td{background:#fff;border-top:1px solid var(--ziper-line)!important;border-bottom:1px solid var(--ziper-line)!important}
.woocommerce-account .woocommerce .button{background:var(--ziper-green)!important;color:#fff!important;border-radius:10px!important;padding:.75em 1em!important}
.woocommerce-account .woocommerce input.input-text,.woocommerce-account .woocommerce select{border:1px solid #dce4e0!important;border-radius:11px!important;min-height:44px;padding:0 12px!important;background:#fff!important}
.woocommerce-account .ziper-legacy-vendor-link-hidden{display:none!important}

@media(max-width:980px){
  .ziper-account-shell{width:min(100% - 30px,1000px);grid-template-columns:220px minmax(0,1fr);gap:16px;margin-top:24px}
  .ziper-account-sidebar{padding:14px;border-radius:20px}
  .ziper-stat-grid{grid-template-columns:1fr 1fr}
  .ziper-stat-grid .ziper-stat:first-child{grid-column:1/-1}
}

@media(max-width:760px){
  .ziper-account-shell{width:100%;margin:0 auto 46px;padding:14px;box-sizing:border-box;display:block}
  .ziper-account-sidebar{position:static;padding:12px;margin-bottom:14px;border-radius:18px}
  .ziper-account-profile{padding:3px 3px 12px;margin-bottom:10px}
  .ziper-account-profile-copy span{max-width:220px}
  .ziper-account-sidebar .woocommerce-MyAccount-navigation{overflow-x:auto!important;scrollbar-width:none!important}
  .ziper-account-sidebar .woocommerce-MyAccount-navigation::-webkit-scrollbar{display:none}
  .ziper-account-sidebar .woocommerce-MyAccount-navigation ul{display:flex!important;gap:6px!important;min-width:max-content!important}
  .ziper-account-sidebar .woocommerce-MyAccount-navigation li{width:auto!important;margin:0!important;padding:0!important;border:0!important}
  .ziper-account-sidebar .woocommerce-MyAccount-navigation a{width:auto!important;min-height:40px!important;padding:0 12px!important;font-size:12px!important;border-radius:10px!important}
  .ziper-account-sidebar .woocommerce-MyAccount-navigation .is-active a{background:var(--ziper-green)!important;color:#fff!important;box-shadow:none!important}
  .ziper-account-sidebar .woocommerce-MyAccount-navigation-link--customer-logout{display:none!important}
  .ziper-vendor-shortcut{margin-top:10px}
  .ziper-welcome{min-height:auto;padding:22px;border-radius:20px}
  .ziper-welcome h2{font-size:25px!important}
  .ziper-welcome .ziper-btn-light{display:none}
  .ziper-stat-grid{grid-template-columns:1fr}
  .ziper-stat-grid .ziper-stat:first-child{grid-column:auto}
  .ziper-vendor-card{grid-template-columns:48px minmax(0,1fr)}
  .ziper-vendor-card .ziper-btn{grid-column:1/-1;width:100%}
  .ziper-vendor-mark{width:48px;height:48px}
}

@media(max-width:480px){
  .ziper-account-shell{padding:10px}
  .ziper-account-sidebar{border-radius:16px}
  .ziper-avatar{width:42px;height:42px;flex-basis:42px;border-radius:13px}
  .ziper-account-profile-copy span{max-width:175px}
  .ziper-welcome{padding:20px 18px}.ziper-welcome h2{font-size:22px!important}.ziper-welcome p{font-size:12px}
  .ziper-panel,.ziper-vendor-card{padding:18px;border-radius:17px}
  .ziper-empty{align-items:flex-start;flex-wrap:wrap}.ziper-empty .ziper-btn{width:100%}
  .ziper-stat{padding:14px}
}


/* 1.1.1 — sidebar isolation from Kadence/WooCommerce legacy rules */
.ziper-account-sidebar,
.ziper-account-sidebar *{box-sizing:border-box}

.ziper-account-sidebar{overflow:hidden!important}
.ziper-account-profile{width:100%!important;max-width:100%!important}
.ziper-account-profile-copy{display:block!important;flex:1 1 auto!important;width:auto!important;max-width:calc(100% - 60px)!important;min-width:0!important}
.ziper-account-profile-copy small,
.ziper-account-profile-copy strong,
.ziper-account-profile-copy span{
  width:100%!important;
  max-width:100%!important;
  writing-mode:horizontal-tb!important;
  text-orientation:mixed!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
}

.ziper-account-sidebar .woocommerce-MyAccount-navigation{
  display:block!important;
  clear:both!important;
  float:none!important;
}
.ziper-account-sidebar .woocommerce-MyAccount-navigation ul,
.ziper-account-sidebar .woocommerce-MyAccount-navigation li,
.ziper-account-sidebar .woocommerce-MyAccount-navigation a{
  writing-mode:horizontal-tb!important;
  text-orientation:mixed!important;
}

.ziper-vendor-shortcut-copy{min-width:0!important;display:block!important}
.ziper-vendor-shortcut-copy strong,
.ziper-vendor-shortcut-copy small{
  writing-mode:horizontal-tb!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
}

/* Woo's navigation template fires before/after navigation hooks internally.
   We don't use those hooks for our sidebar anymore, so any third-party hook
   content is prevented from forcing the nav into a narrow flex column. */
.ziper-account-sidebar > .ziper-account-profile + .ziper-account-profile,
.ziper-account-sidebar > .ziper-vendor-shortcut + .ziper-vendor-shortcut{display:none!important}

@media(min-width:761px){
  .ziper-account-shell{grid-template-columns:280px minmax(0,1fr)}
  .ziper-account-sidebar{width:280px!important;min-width:280px!important;max-width:280px!important}
}
