/* ============================================================
   AURA FIX — CENTRAL DO CLIENTE (área "Minha conta")
   Aplica o padrão visual Dazie/Aura aos templates padrão do
   OpenCart: menu lateral, tabelas, formulários, botões, alertas,
   paginação e página de sucesso.
   Escopo: páginas com wrapper #account-* e #common-success.
   ============================================================ */
:root{
  --afa-primary:#4b1d8f;
  --afa-primary-dark:#3a1370;
  --afa-soft:#f1ecfa;
  --afa-cta:#15a05a;
  --afa-cta-hover:#0f8a4d;
  --afa-ink:#1f1733;
  --afa-muted:#6f6890;
  --afa-body:#3f3a52;
  --afa-border:#ece8f3;
  --afa-surface:#fff;
  --afa-bg:#f7f5fb;
  --afa-radius:16px;
  --afa-radius-sm:10px;
  --afa-btn-radius:12px;
  --afa-shadow:0 2px 14px rgba(75,29,143,.07);
  --afa-shadow-lg:0 16px 38px rgba(75,29,143,.13);
  --afa-fd:'Plus Jakarta Sans','Inter',sans-serif;
  --afa-fb:'Inter',sans-serif;
}

/* ---------- Tipografia e container ---------- */
:is([id^="account-"],#common-success){padding:26px 0 56px;font-family:var(--afa-fb);color:var(--afa-body)}
:is([id^="account-"],#common-success) h1{
  font-family:var(--afa-fd);font-size:30px;font-weight:800;letter-spacing:-.3px;
  line-height:1.15;color:var(--afa-ink);margin:6px 0 18px;
}
:is([id^="account-"],#common-success) legend,
:is([id^="account-"],#common-success) h2{
  font-family:var(--afa-fd);font-size:18px;font-weight:800;color:var(--afa-primary);
  border-bottom:2px solid var(--afa-soft);padding-bottom:10px;margin-bottom:18px;
}
:is([id^="account-"],#common-success) p{font-size:14.5px;line-height:1.75}

/* Breadcrumb no mesmo padrão das demais páginas Aura */
:is([id^="account-"],#common-success) .breadcrumb{
  background:var(--afa-surface);border:1px solid var(--afa-border);border-radius:var(--afa-radius-sm);
  padding:10px 16px;margin-bottom:20px;font-size:13px;
}
:is([id^="account-"],#common-success) .breadcrumb-item a{color:var(--afa-muted);text-decoration:none;font-weight:600}
:is([id^="account-"],#common-success) .breadcrumb-item a:hover{color:var(--afa-primary)}
:is([id^="account-"],#common-success) .breadcrumb-item+.breadcrumb-item::before{color:#c9c2dd}

/* ---------- Conteúdo principal como cartão Dazie ---------- */
:is([id^="account-"],#common-success) #content{
  background:var(--afa-surface);border:1px solid var(--afa-border);border-radius:var(--afa-radius);
  box-shadow:var(--afa-shadow);padding:28px;
}
/* a home da conta (hub) já tem visual próprio de cards — não duplicar cartão */
#account-account #content{background:transparent;border:0;box-shadow:none;padding:0}

/* ---------- Menu lateral (módulo Minha conta) ---------- */
#column-right .list-group{
  background:var(--afa-surface);border:1px solid var(--afa-border);border-radius:var(--afa-radius);
  box-shadow:var(--afa-shadow);overflow:hidden;
}
#column-right .list-group-item{
  border:0;border-bottom:1px solid var(--afa-border);background:transparent;
  padding:13px 18px;font-size:14px;font-weight:600;color:#4a4366;
  display:flex;align-items:center;justify-content:space-between;
  transition:background .15s,color .15s,padding-left .15s;text-decoration:none;
}
#column-right .list-group-item::after{
  content:"\203A";font-size:17px;line-height:1;color:#c9c2dd;transition:color .15s,transform .15s;
}
#column-right .list-group-item:last-child{border-bottom:0}
#column-right .list-group-item:hover{
  background:var(--afa-soft);color:var(--afa-primary);padding-left:22px;
}
#column-right .list-group-item:hover::after{color:var(--afa-primary);transform:translateX(2px)}
#column-right .list-group-item.active{
  background:var(--afa-soft);color:var(--afa-primary);border-color:var(--afa-border);
}

/* ---------- Tabelas (pedidos, endereços, downloads, pontos…) ---------- */
:is([id^="account-"]) .table-responsive{
  border:1px solid var(--afa-border);border-radius:var(--afa-radius-sm);overflow:hidden;
}
:is([id^="account-"]) .table{margin-bottom:0;font-size:13.5px;color:var(--afa-body)}
:is([id^="account-"]) .table> :not(caption)>*>*{
  border-color:var(--afa-border);padding:12px 14px;vertical-align:middle;
}
:is([id^="account-"]) .table thead th{
  background:var(--afa-bg);font-family:var(--afa-fd);font-weight:700;font-size:12.5px;
  text-transform:uppercase;letter-spacing:.04em;color:var(--afa-ink);white-space:nowrap;
}
:is([id^="account-"]) .table tbody tr:nth-child(even){background:#faf9fd}
:is([id^="account-"]) .table-hover tbody tr:hover{background:var(--afa-soft)}
:is([id^="account-"]) .table-bordered{border:0}
:is([id^="account-"]) .table a{color:var(--afa-primary);font-weight:600;text-decoration:none}
:is([id^="account-"]) .table a:hover{text-decoration:underline}

/* ---------- Formulários ---------- */
:is([id^="account-"]) .col-form-label,
:is([id^="account-"]) .form-check-label,
:is([id^="account-"]) label{font-size:13.5px;font-weight:600;color:var(--afa-ink)}
:is([id^="account-"]) .form-control,
:is([id^="account-"]) .form-select{
  border:1.5px solid #ded7ee;border-radius:var(--afa-radius-sm);padding:10px 14px;
  font-size:14px;color:var(--afa-ink);transition:border-color .15s,box-shadow .15s;
}
:is([id^="account-"]) .form-control:focus,
:is([id^="account-"]) .form-select:focus{
  border-color:var(--afa-primary);box-shadow:0 0 0 3px rgba(75,29,143,.12);outline:0;
}
:is([id^="account-"]) .form-control::placeholder{color:#a79fc4}
:is([id^="account-"]) .form-check-input{border:1.5px solid #ded7ee}
:is([id^="account-"]) .form-check-input:checked{background-color:var(--afa-primary);border-color:var(--afa-primary)}
:is([id^="account-"]) .form-check-input:focus{box-shadow:0 0 0 3px rgba(75,29,143,.12)}
:is([id^="account-"]) .required .col-form-label::after{content:" *";color:#d3323f}
:is([id^="account-"]) .invalid-feedback{font-size:12.5px}
:is([id^="account-"]) fieldset{margin-bottom:8px}

/* ---------- Botões ---------- */
:is([id^="account-"],#common-success) .btn{
  border-radius:var(--afa-btn-radius);font-weight:700;font-size:13.5px;
  padding:11px 22px;transition:background .15s,border-color .15s,color .15s,transform .15s,box-shadow .15s;
}
:is([id^="account-"],#common-success) .btn-primary{
  background:var(--afa-primary);border:1.5px solid var(--afa-primary);color:#fff;
}
:is([id^="account-"],#common-success) .btn-primary:hover,
:is([id^="account-"],#common-success) .btn-primary:focus{
  background:var(--afa-primary-dark);border-color:var(--afa-primary-dark);
  transform:translateY(-1px);box-shadow:0 6px 16px rgba(75,29,143,.22);
}
:is([id^="account-"],#common-success) .btn-light{
  background:transparent;border:1.5px solid var(--afa-primary);color:var(--afa-primary);
}
:is([id^="account-"],#common-success) .btn-light:hover{background:var(--afa-soft);color:var(--afa-primary-dark);border-color:var(--afa-primary-dark)}
:is([id^="account-"]) .btn-danger{border-radius:var(--afa-radius-sm)}
:is([id^="account-"]) .btn-info{
  background:var(--afa-soft);border:1.5px solid var(--afa-primary);color:var(--afa-primary);border-radius:var(--afa-radius-sm);
}
:is([id^="account-"]) .btn-info:hover{background:var(--afa-primary);color:#fff}
/* botões-ícone dentro de tabelas: compactos */
:is([id^="account-"]) .table .btn{padding:8px 11px;font-size:13px;border-radius:var(--afa-radius-sm)}

/* ---------- Alertas ---------- */
:is([id^="account-"],#common-success) .alert{
  border-radius:var(--afa-btn-radius);font-size:14px;font-weight:600;border:1px solid;
}
:is([id^="account-"],#common-success) .alert-success{background:#e8f7ef;border-color:#bfe7d2;color:var(--afa-cta-hover)}
:is([id^="account-"],#common-success) .alert-danger{background:#fdecef;border-color:#f5c8d0;color:#b02a37}

/* ---------- Paginação ---------- */
:is([id^="account-"]) .pagination{gap:4px}
:is([id^="account-"]) .pagination .page-link{
  border:1px solid var(--afa-border);border-radius:var(--afa-radius-sm);color:var(--afa-ink);
  font-weight:600;font-size:13px;padding:8px 13px;
}
:is([id^="account-"]) .pagination .page-link:hover{background:var(--afa-soft);color:var(--afa-primary)}
:is([id^="account-"]) .pagination .active .page-link{
  background:var(--afa-primary);border-color:var(--afa-primary);color:#fff;
}

/* ---------- Página de sucesso (cadastro, logout etc.) ---------- */
#common-success #content{max-width:720px}
#common-success h1{font-size:26px}
#common-success p{color:var(--afa-muted);font-size:15px}
#common-success .btn-primary{min-width:180px}

/* ---------- Detalhe do pedido / listas descritivas ---------- */
:is([id^="account-"]) .lead{font-family:var(--afa-fd);font-weight:700;font-size:15px;color:var(--afa-ink)}
:is([id^="account-"]) .list-unstyled li{line-height:1.7;font-size:14px}

/* ---------- Responsivo ---------- */
@media (max-width:767.98px){
  :is([id^="account-"],#common-success) #content{padding:20px 16px}
  :is([id^="account-"],#common-success) h1{font-size:24px}
}