/* Compra Turbinada - Minha Conta Custom (override) - Inspirado Fillow app-profile */

/* ===== Fillow-like base ===== */
.vt-myaccount--fillow {
  --vt-primary: #001B49;
  --vt-primary-dark: #001B49;
  --vt-bg: #eef2f7;
  --vt-border: #ccd6e8;
  --vt-card-shadow: 0 0 20px rgba(0,0,0,.05);
}
.vt-myaccount--fillow .card {
  border: 1px solid #ccd6e8;
  border-radius: 12px;
  background: #fff;
  box-shadow: var(--vt-card-shadow);
  margin-bottom: 24px;
}
.vt-myaccount--fillow .card-body { padding: 20px; }
.vt-myaccount--fillow .container-fluid { padding-left: 0; padding-right: 0; }

/* ===== Header gradiente Fillow ===== */
.vt-myaccount__header--fillow {
  background: linear-gradient(135deg, #001B49 0%, #001B49 100%);
  color: #fff;
  border-radius: 12px;
  padding: 20px 24px;
  margin-bottom: 24px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
.vt-myaccount__header--fillow h1 { margin:0; font-size:22px; font-weight:700; color:#fff; }
.vt-myaccount__header--fillow p { margin:4px 0 0; opacity:.9; font-size:14px; }
.vt-myaccount__badge--fillow {
  display:inline-flex; align-items:center; gap:6px;
  background: rgba(255,255,255,.18); padding:6px 12px; border-radius:999px; font-size:13px;
}

/* ===== Layout grid (Fillow: dlabnav + content-body) ===== */
.vt-myaccount__layout--fillow {
  display: grid;
  grid-template-columns: 260px 1fr;
  gap: 24px;
  align-items: start;
}

/* ===== Sidebar Fillow (dlabnav + metismenu) ===== */
.vt-myaccount__nav--fillow {
  background: #fff;
  border: 1px solid #ccd6e8;
  border-radius: 12px;
  overflow: hidden;
  position: sticky;
  top: 24px;
}
.vt-myaccount__nav--fillow .metismenu {
  list-style:none; margin:0; padding:8px;
}
.vt-myaccount__nav--fillow .metismenu li { margin:2px 0; }
.vt-myaccount__nav--fillow .metismenu a {
  display:flex; align-items:center; gap:10px;
  padding:10px 12px; border-radius:8px; color:#3a3a3a; text-decoration:none; font-weight:500; transition:background .15s,color .15s;
}
.vt-myaccount__nav--fillow .metismenu a:hover { background:#eef2f7; color:#001B49; }
.vt-myaccount__nav--fillow .metismenu .is-active a { background:#001B49; color:#fff; }
.vt-myaccount__nav--fillow .metismenu .dashicons { font-size:18px; width:18px; height:18px; }
.vt-myaccount__nav--fillow .vt-myaccount__menu-separator { height:1px; background:#eef2f7; margin:8px 4px; }
.vt-myaccount__nav--fillow .vt-myaccount__menu-group-label {
  font-size:11px; text-transform:uppercase; letter-spacing:.06em; color:#8a7aa0; padding:10px 12px 4px; font-weight:700;
}
.vt-myaccount__nav-header--fillow {
  display:none; align-items:center; justify-content:space-between;
  padding:12px 16px; border-bottom:1px solid #eef2f7; background:#eef2f7; font-weight:600; color:#001B49;
}
.vt-myaccount__nav-toggle--fillow {
  border:0; background:#001B49; color:#fff; border-radius:6px; padding:6px 10px; cursor:pointer;
}
.vt-myaccount__nav--fillow .side-bar-profile {
  padding:16px; border-top:1px solid #eef2f7; background:#f7f9fc;
}
.vt-myaccount__nav--fillow .side-bar-profile-img img { width:40px; height:40px; border-radius:50%; }
.vt-myaccount__nav--fillow .side-bar-profile h5 { margin:0; font-size:14px; }
.vt-myaccount__nav--fillow .side-bar-profile span { font-size:12px; color:#8a7aa0; }
.vt-myaccount__nav--fillow .progress { height:8px; background:#e0e7ef; border-radius:999px; overflow:hidden; }
.vt-myaccount__nav--fillow .progress-bar { height:100%; background:linear-gradient(90deg,#001B49,#001B49); border-radius:999px; }
.vt-myaccount__nav--fillow .copyright { padding:12px 16px; font-size:12px; color:#8a7aa0; text-align:center; border-top:1px solid #eef2f7; }

/* ===== Profile card (cover + avatar) ===== */
.vt-myaccount--fillow .profile {
  overflow: visible; /* FIX: overflow:hidden cortava o avatar (bottom:-30px) */
  padding-bottom: 16px !important; /* sobrepõe pb-0 do template para dar altura */
  min-height: 280px; /* garante altura mínima para exibir cover + avatar + infos */
}
.vt-myaccount--fillow .profile-head { position:relative; padding-bottom: 8px; }
.vt-myaccount--fillow .photo-content { overflow:hidden; border-radius:12px 12px 0 0; }
.vt-myaccount--fillow .photo-content .cover-photo {
  height: 180px; border-radius:12px 12px 0 0;
  background: linear-gradient(135deg,#001B49 0%, #00205a 55%, #003080 100%);
  background-size: cover; background-position:center;
  position:relative; overflow:hidden; isolation:isolate;
}
.vt-myaccount--fillow .photo-content .cover-photo .vt-cover-art {
  position:absolute; inset:0; width:100%; height:100%; display:block;
}
.vt-myaccount--fillow .photo-content .cover-photo .vt-cover-art svg { width:100%; height:100%; display:block; }
.vt-myaccount--fillow .profile-photo {
  position:absolute; left:24px; bottom:-24px;
  width:92px; height:92px; border-radius:50%; border:4px solid #fff; overflow:hidden; background:#fff; box-shadow:0 4px 12px rgba(0,0,0,.15);
  z-index:2;
}
.vt-myaccount--fillow .profile-photo img { width:100%; height:100%; object-fit:cover; display:block; }
.vt-myaccount--fillow .profile-info {
  display:flex; flex-wrap:wrap; align-items:flex-end; gap:16px;
  padding: 52px 16px 16px 132px; /* offset = avatar 92px + 24px left + 16 gap */
  min-height: 92px;
}
.vt-myaccount--fillow .profile-details { display:flex; flex-wrap:wrap; align-items:center; gap:16px 24px; flex:1; min-width:0; }
.vt-myaccount--fillow .profile-details > div { min-width:0; }
.vt-myaccount--fillow .profile-name h4, .vt-myaccount--fillow .profile-email h4 { margin:0; font-size:16px; word-break:break-word; overflow-wrap:anywhere; line-height:1.3; }
.vt-myaccount--fillow .profile-name p, .vt-myaccount--fillow .profile-email p { margin:2px 0 0; font-size:12px; color:#8a7aa0; }
.vt-myaccount--fillow .profile-email { min-width:0; }
.vt-myaccount--fillow .profile-email h4 { font-size:14px; color:#6b7280 !important; }

/* ===== Profile statistics card ===== */
.vt-myaccount--fillow .profile-statistics .col { text-align:center; }
.vt-myaccount--fillow .profile-statistics h3 { margin:0; font-size:20px; font-weight:700; color:#001B49; }
.vt-myaccount--fillow .profile-statistics span { font-size:12px; color:#8a7aa0; }

/* ===== Today Highlights / Blog / Interest / News ===== */
.vt-myaccount--fillow .profile-blog img { border-radius:8px; }
.vt-myaccount--fillow .profile-interest .lg-item img { border-radius:8px; transition:transform .15s; }
.vt-myaccount--fillow .profile-interest .lg-item:hover img { transform:scale(1.03); }
.vt-myaccount--fillow .profile-news .media { display:flex; gap:12px; }
.vt-myaccount--fillow .profile-news .media img { border-radius:8px; }

/* ===== Tabs (custom-tab-1) ===== */
.vt-myaccount--fillow .custom-tab-1 .nav-tabs {
  display:flex; gap:8px; border:0; margin-bottom:16px; list-style:none; padding:0;
}
.vt-myaccount--fillow .custom-tab-1 .nav-link {
  display:inline-flex; align-items:center; gap:6px;
  padding:8px 16px; border:1px solid #ccd6e8; border-radius:999px; background:#fff; color:#001B49; font-weight:500; text-decoration:none;
}
.vt-myaccount--fillow .custom-tab-1 .nav-link.active {
  background:#001B49; color:#fff; border-color:#001B49;
}
.vt-myaccount--fillow .tab-content .tab-pane { display:none; }
.vt-myaccount--fillow .tab-content .tab-pane.active.show { display:block; }

/* ===== Breadcrumb page-titles ===== */
.vt-myaccount--fillow .page-titles { margin-bottom:16px; }
.vt-myaccount--fillow .breadcrumb { display:flex; gap:6px; list-style:none; padding:0; margin:0; font-size:13px; }
.vt-myaccount--fillow .breadcrumb a { color:#8a7aa0; text-decoration:none; }
.vt-myaccount--fillow .breadcrumb .active a { color:#001B49; font-weight:600; }

/* ===== Content body ===== */
.vt-myaccount--fillow .content-body { min-height:400px; }

/* ===== Woo inside content ===== */
.vt-myaccount--fillow .vt-myaccount__content { background:#fff; border:1px solid #ccd6e8; border-radius:12px; padding:24px; }
.vt-myaccount--fillow .vt-myaccount__content h2, .vt-myaccount--fillow .vt-myaccount__content h3 { color:#001B49; }

/* ===== Responsive ===== */
@media (max-width: 860px) {
  .vt-myaccount__layout--fillow { grid-template-columns:1fr; }
  .vt-myaccount__nav--fillow { position:static; }
  .vt-myaccount__nav-header--fillow { display:flex; }
  .vt-myaccount__nav--fillow .metismenu { display:none; }
  .vt-myaccount__nav--fillow.is-open .metismenu { display:block; }
  .vt-myaccount--fillow .profile { min-height:auto; }
  .vt-myaccount--fillow .photo-content .cover-photo { height:120px; }
  .vt-myaccount--fillow .profile-photo { left:50%; transform:translateX(-50%); bottom:-36px; width:84px; height:84px; }
  .vt-myaccount--fillow .profile-info { flex-direction:column; align-items:center; text-align:center; padding: 56px 16px 16px 16px; gap:12px; }
  .vt-myaccount--fillow .profile-details { flex-direction:column; align-items:center; justify-content:center; width:100%; gap:12px; }
  .vt-myaccount--fillow .profile-details .ms-auto { margin-left:0; }
  .vt-myaccount--fillow .profile-email h4 { text-align:center; font-size:13px; }
  /* arte vetorial: simplifica em telas menores para não poluir */
  .vt-myaccount--fillow .photo-content .cover-photo .vt-cover-art svg { opacity:0.98; }
}
@media (max-width: 480px) {
  .vt-myaccount--fillow .photo-content .cover-photo { height:100px; }
  .vt-myaccount--fillow .profile-photo { width:76px; height:76px; bottom:-30px; }
  .vt-myaccount--fillow .profile-info { padding-top:48px; }
  .vt-cover-brand-text, .vt-cover-brand-icon, .vt-cover-loyalty { display:none; }
}
.vt-myaccount--guest .vt-myaccount__layout--fillow { grid-template-columns:1fr; }
.vt-myaccount--guest .vt-myaccount__nav--fillow { display:none; }

/* ===== Grid fallback (Bootstrap-like) para row/col-xl sem framework ===== */
.vt-myaccount--fillow .row { display:flex; flex-wrap:wrap; margin-left:-12px; margin-right:-12px; }
.vt-myaccount--fillow .row > [class*="col-"] { padding-left:12px; padding-right:12px; box-sizing:border-box; flex:0 0 100%; max-width:100%; }
@media (min-width: 992px) {
  .vt-myaccount--fillow .col-lg-12 { flex:0 0 100%; max-width:100%; }
}
@media (min-width: 1200px) {
  .vt-myaccount--fillow .col-xl-4 { flex:0 0 33.333333%; max-width:33.333333%; }
  .vt-myaccount--fillow .col-xl-8 { flex:0 0 66.666667%; max-width:66.666667%; }
  .vt-myaccount--fillow .col-xl-12 { flex:0 0 100%; max-width:100%; }
}
.vt-myaccount--fillow .btn { display:inline-flex; align-items:center; justify-content:center; gap:6px; padding:8px 14px; border-radius:6px; border:1px solid transparent; font-weight:500; text-decoration:none; cursor:pointer; font-size:14px; }
.vt-myaccount--fillow .btn-primary { background:#001B49; color:#fff; border-color:#001B49; }
.vt-myaccount--fillow .btn-primary:hover { background:#001B49; border-color:#001B49; color:#fff; }
.vt-myaccount--fillow .btn-primary.light { background:#eef2f7; color:#001B49; border-color:#ccd6e8; }
.vt-myaccount--fillow .btn-danger.light { background:#fdecea; color:#c0392b; border-color:#efb4b4; }
.vt-myaccount--fillow .text-primary { color:#001B49 !important; }
.vt-myaccount--fillow .text-muted { color:#8a7aa0 !important; }
.vt-myaccount--fillow .text-black { color:#3a3a3a !important; }
.vt-myaccount--fillow .d-flex { display:flex; }
.vt-myaccount--fillow .align-items-center { align-items:center; }
.vt-myaccount--fillow .justify-content-between { justify-content:space-between; }
.vt-myaccount--fillow .mb-0 { margin-bottom:0; }
.vt-myaccount--fillow .mb-1 { margin-bottom:4px; }
.vt-myaccount--fillow .mb-2 { margin-bottom:8px; }
.vt-myaccount--fillow .mb-3 { margin-bottom:12px; }
.vt-myaccount--fillow .me-1 { margin-right:4px; }
.vt-myaccount--fillow .me-2 { margin-right:8px; }
.vt-myaccount--fillow .ms-auto { margin-left:auto; }
.vt-myaccount--fillow .pt-2 { padding-top:8px; }
.vt-myaccount--fillow .pt-3 { padding-top:16px; }
.vt-myaccount--fillow .px-2 { padding-left:8px; padding-right:8px; }
.vt-myaccount--fillow .px-3 { padding-left:12px; padding-right:12px; }
.vt-myaccount--fillow .pb-0 { padding-bottom:0; }
.vt-myaccount--fillow .f-w-500 { font-weight:500; }

/* ===== Login/Register (guest) - mesmo tema Fillow do Painel ===== */
.vt-login__grid { display:grid; grid-template-columns:1fr; gap:24px; align-items:start; }
.vt-login__grid--two { grid-template-columns:1fr 1fr; }
@media (max-width: 860px){ .vt-login__grid--two{grid-template-columns:1fr;} }
.vt-login__card { height:100%; }
.vt-login__card .card-body { padding:24px; }
.vt-login__title { margin:0 0 4px; font-size:18px; font-weight:700; color:#001B49; display:flex; align-items:center; }
.vt-login__subtitle { margin:0 0 16px; font-size:13px; color:#8a7aa0; }
.vt-login__hint { font-size:13px; color:#8a7aa0; background:#eef2f7; border:1px solid #ccd6e8; border-radius:8px; padding:12px; }
.vt-login__form .form-row { margin-bottom:14px; }
.vt-login__form label { display:block; font-size:13px; font-weight:600; color:#3a3a3a; margin-bottom:6px; }
.vt-login__form .input-text {
  width:100%; padding:10px 12px; border:1px solid #ccd6e8; border-radius:8px;
  background:#fff; font-size:14px; color:#3a3a3a; transition:border-color .15s, box-shadow .15s; box-sizing:border-box;
}
.vt-login__form .input-text:focus { outline:none; border-color:#001B49; box-shadow:0 0 0 3px rgba(0,27,73,.12); }
.vt-login__actions { display:flex; flex-wrap:wrap; align-items:center; gap:12px; justify-content:space-between; }
.vt-login__actions .woocommerce-form__label { font-size:13px; color:#001B49; }
.vt-myaccount--guest .woocommerce-LostPassword a { color:#001B49; text-decoration:none; font-size:13px; }
.vt-myaccount--guest .woocommerce-LostPassword a:hover { color:#001B49; text-decoration:underline; }

/* ===== Seções padrão (Pedidos, Downloads, Endereços, Detalhes, etc.) dentro do wrapper Fillow ===== */
.vt-myaccount--fillow .card-body.vt-myaccount__content--endpoint {
  background: transparent;
  border: 0;
  border-radius: 0;
  padding: 24px;
}
.vt-myaccount__content--endpoint .woocommerce-MyAccount-orders,
.vt-myaccount__content--endpoint .woocommerce-orders-table,
.vt-myaccount__content--endpoint .shop_table,
.vt-myaccount__content--endpoint table.woocommerce-table {
  width:100%; border-collapse:collapse; background:#fff; border:1px solid #ccd6e8; border-radius:8px; overflow:hidden;
}
.vt-myaccount__content--endpoint table.shop_table th,
.vt-myaccount__content--endpoint table.shop_table td,
.vt-myaccount__content--endpoint .woocommerce-orders-table th,
.vt-myaccount__content--endpoint .woocommerce-orders-table td {
  padding:12px 14px; border-bottom:1px solid #eef2f7; text-align:left; font-size:14px;
}
.vt-myaccount__content--endpoint table.shop_table th { background:#f7f9fc; color:#001B49; font-weight:600; font-size:12px; text-transform:uppercase; letter-spacing:.04em; }
.vt-myaccount__content--endpoint .woocommerce-Address,
.vt-myaccount__content--endpoint .woocommerce-MyAccount-content form,
.vt-myaccount__content--endpoint .woocommerce-Form {
  background:#fff; border:1px solid #ccd6e8; border-radius:8px; padding:20px;
}
.vt-myaccount__content--endpoint .woocommerce-Input,
.vt-myaccount__content--endpoint .input-text,
.vt-myaccount__content--endpoint select {
  width:100%; padding:10px 12px; border:1px solid #ccd6e8; border-radius:8px; background:#fff; font-size:14px; transition:border-color .15s, box-shadow .15s;
}
.vt-myaccount__content--endpoint .woocommerce-Input:focus,
.vt-myaccount__content--endpoint .input-text:focus,
.vt-myaccount__content--endpoint select:focus { outline:none; border-color:#001B49; box-shadow:0 0 0 3px rgba(0,27,73,.12); }
.vt-myaccount__content--endpoint .button,
.vt-myaccount__content--endpoint .woocommerce-Button {
  background:#001B49; color:#fff; border:1px solid #001B49; border-radius:6px; padding:8px 14px; font-weight:500; cursor:pointer;
}
.vt-myaccount__content--endpoint .button:hover { background:#002a6e; border-color:#002a6e; }

/* ===== Endereços - mesmo padrão Fillow #001B49 ===== */
.vt-addresses__desc { color:#646970; font-size:14px; margin:0 0 16px; }
.vt-address-grid { display:grid; gap:20px; }
.vt-address-grid--two { grid-template-columns:1fr 1fr; }
@media (max-width: 860px){ .vt-address-grid--two{grid-template-columns:1fr;} }
.vt-address-card { transition:transform .15s, box-shadow .15s; }
.vt-address-card:hover { transform:translateY(-2px); box-shadow:0 8px 24px rgba(0,27,73,.08); }
.vt-address-card__header { display:flex; align-items:center; justify-content:space-between; gap:12px; padding-bottom:12px; border-bottom:1px solid #eef2f7; margin-bottom:14px; }
.vt-address-card__title { margin:0; font-size:16px; font-weight:700; color:#001B49; display:flex; align-items:center; gap:8px; }
.vt-address-card__badge { font-size:10px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:#001B49; background:#eef2f7; border:1px solid #ccd6e8; border-radius:999px; padding:4px 8px; }
.vt-address-card__address { font-style:normal; line-height:1.6; color:#3a3a3a; font-size:14px; margin:0; }
.vt-address-card__empty { color:#8a7aa0; font-style:italic; margin:0; }
.vt-address-card__actions { margin-top:16px; }
.vt-address-card__actions .btn { width:100%; justify-content:center; }

.vt-edit-address__header { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:16px; }
.vt-edit-address__title { margin:0; font-size:18px; font-weight:700; color:#001B49; display:flex; align-items:center; gap:8px; }
.vt-edit-address__back { white-space:nowrap; }
.vt-edit-address__card { border:1px solid #ccd6e8; }
.vt-address-fields__grid { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
@media (max-width: 680px){ .vt-address-fields__grid{grid-template-columns:1fr;} }
.vt-address-fields__grid .form-row { margin-bottom:0; }
.vt-address-fields__grid .form-row-wide { grid-column:1 / -1; }
.vt-address-fields__grid label { font-size:13px; font-weight:600; color:#3a3a3a; margin-bottom:6px; display:block; }
.vt-address-fields__grid .input-text, .vt-address-fields__grid select { width:100%; }
.vt-edit-address__actions { display:flex; gap:12px; margin-top:18px; }

/* Fidelidade dentro do wrapper - remove max-width e ajusta espaçamento para padrão Fillow */
.vt-myaccount__content--endpoint .vt-hero,
.vt-myaccount__content--endpoint .vt-balance-card,
.vt-myaccount__content--endpoint .vt-stat-grid,
.vt-myaccount__content--endpoint .vt-quick-actions,
.vt-myaccount__content--endpoint .vt-history,
.vt-myaccount__content--endpoint .vt-level,
.vt-myaccount__content--endpoint .vt-redeem,
.vt-myaccount__content--endpoint .vt-google-review-page {
  margin-left:0; margin-right:0;
}

/* Fallback: manter compatibilidade com classe antiga sem --fillow */
.vt-myaccount { max-width:1180px; margin:0 auto; padding:16px 0 32px; }
.vt-myaccount__header { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:16px; background:linear-gradient(135deg,#001B49 0%,#001B49 100%); color:#fff; border-radius:12px; padding:20px 24px; margin-bottom:24px; }
.vt-myaccount__header h1 { margin:0; font-size:22px; font-weight:700; color:#fff; }
.vt-myaccount__layout { display:grid; grid-template-columns:260px 1fr; gap:24px; align-items:start; }
@media (max-width:860px){ .vt-myaccount__layout{grid-template-columns:1fr;} }