/* Havasmarkt — páginas de conta e de informação
   Só o que as páginas do lane information/account precisam: avisos, erros de
   campo, menu lateral da conta e um acabamento de marca para os ecrãs de conta
   que continuam a usar a marcação base do OpenCart. */

.mk-note{border-radius:6px;padding:10px 14px;font-size:13px;line-height:1.5;}
.mk-note.is-ok{background:#E8F5E9;color:#1B5E20;border:1px solid #C8E6C9;}
.mk-note.is-error{background:#FDECEA;color:#B71C1C;border:1px solid #F5C6C2;}

.mk-field-error{display:none;color:#C62828;font-size:12px;margin-top:4px;}
.mk-field-error.invalid-feedback{display:none;}
.mk-field-error.d-block,.mk-field-error:not(:empty){display:block;}

/* menu lateral da conta */
.mk-account-menu li a{display:flex;align-items:center;gap:8px;border-radius:6px;padding:8px 10px;color:#22252A;line-height:1.3;}
.mk-account-menu li a i{color:#8A9099;width:16px;}
.mk-account-menu li a:hover{background:#F2F6FA;}
.mk-account-menu li a.active{background:#189EFF !important;color:#fff !important;font-weight:600;}
.mk-account-menu li a.active i{color:#fff !important;}

/* atalhos do painel */
.mk-account-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:16px;}
.mk-account-tiles a{display:flex;align-items:center;gap:10px;border:1px solid #E5E7EB;border-radius:6px;padding:12px 14px;font-size:13px;font-weight:600;color:#22252A;}
.mk-account-tiles a i{color:#189EFF;font-size:16px;width:18px;text-align:center;}
.mk-account-tiles a:hover{border-color:#189EFF;}

@media (max-width:900px){
  .mk-account-tiles{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:520px){
  .mk-account-tiles{grid-template-columns:1fr;}
}

/* --- acabamento das páginas de conta ainda com marcação base do OpenCart --- */
.mk-main [id^="account-"].container,
.mk-main [id^="information-"].container{max-width:var(--mk-container);margin:0 auto;padding:16px;background:#fff;border-radius:8px;margin-top:16px;margin-bottom:16px;}

/* menu lateral + conteúdo nas páginas ainda com marcação base */
.mk-main [id^="account-"].container{background:transparent;padding:0;}
.mk-main [id^="account-"].container > .row{display:grid;grid-template-columns:240px minmax(0,1fr);gap:16px;align-items:start;}
.mk-main [id^="account-"].container > .row > #content{background:#fff;border-radius:8px;padding:16px 20px;min-width:0;}
/* guest view (no left menu): content takes the full row, core right-column link list is hidden */
.mk-main [id^="account-"].container > .row > #content:first-child{grid-column:1 / -1;}
.mk-main [id^="account-"].container > .row > #content:first-child ~ #column-right{display:none;}
.mk-main .mk-account-aside{margin-top:0;}
.mk-main [id^="account-"] > ul.breadcrumb{padding:10px 0;}

@media (max-width:900px){
  .mk-main [id^="account-"].container > .row{grid-template-columns:1fr;}
  /* container has no side padding here: keep the crumbs off the screen edge, aligned with the card text */
  .mk-main [id^="account-"] > ul.breadcrumb{padding:10px 20px;}
}

.mk-main [id^="account-"] .breadcrumb,
.mk-main [id^="information-"] .breadcrumb{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0 0 12px;font-size:12px;color:#6B7280;}
.mk-main [id^="account-"] .breadcrumb a,
.mk-main [id^="information-"] .breadcrumb a{color:#6B7280;}

/* As migalhas dos ecras do nucleo estao em theme.css (ul.breadcrumb). */

.mk-main [id^="account-"] h1,
.mk-main [id^="account-"] h2,
.mk-main [id^="account-"] legend{font-size:16px;font-weight:700;margin:0 0 10px;}
.mk-main [id^="account-"] fieldset{margin-bottom:16px;}
.mk-main [id^="account-"] p,
.mk-main [id^="account-"] label,
.mk-main [id^="account-"] td,
.mk-main [id^="account-"] th,
.mk-main [id^="account-"] li{font-size:13.5px;line-height:1.6;color:#333940;}

.mk-main [id^="account-"] .form-control,
.mk-main [id^="account-"] .form-select{width:100%;min-height:40px;border:1px solid #E5E7EB;border-radius:6px;padding:8px 12px;font-size:13.5px;background:#fff;}
.mk-main [id^="account-"] .col-form-label{display:block;font-size:12.5px;margin-bottom:4px;color:#3B4048;}
.mk-main [id^="account-"] .row{display:block;}
.mk-main [id^="account-"] .row.mb-3{margin-bottom:12px;}

.mk-main [id^="account-"] .btn{border-radius:6px;height:42px;padding:0 22px;font-size:13.5px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;cursor:pointer;}
.mk-main [id^="account-"] .btn-primary{background:#F5A623;color:#1c1c1c;}
.mk-main [id^="account-"] .btn-light,
.mk-main [id^="account-"] .btn-secondary{background:#fff;color:#189EFF;border:1px solid #189EFF;font-weight:600;}
.mk-main [id^="account-"] .btn-danger{background:#fff;color:#C62828;border:1px solid #F5C6C2;}
.mk-main [id^="account-"] .text-end{text-align:right;}

/* core returns form: calendar icon inside the date field, Voltar/Enviar on one line */
.mk-main #form-return .input-group{position:relative;display:block;}
.mk-main #form-return .input-group .form-control{padding-right:42px;}
.mk-main #form-return .input-group-text{position:absolute;top:0;right:0;bottom:0;width:40px;display:flex;align-items:center;justify-content:center;color:#6B7280;font-size:15px;pointer-events:none;}
.mk-main #form-return > .row:last-child{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px;}
.mk-main #form-return > .row:last-child > div{flex:0 0 auto;width:auto;}

.mk-main [id^="account-"] table{width:100%;border-collapse:collapse;font-size:13px;margin:10px 0;}
.mk-main [id^="account-"] table td,
.mk-main [id^="account-"] table th{border:1px solid #E5E7EB;padding:8px 10px;text-align:left;}

.mk-main [id^="account-"] .alert{border-radius:6px;padding:10px 14px;font-size:13px;margin-bottom:12px;}
.mk-main [id^="account-"] .alert-success{background:#E8F5E9;color:#1B5E20;border:1px solid #C8E6C9;}
.mk-main [id^="account-"] .alert-danger{background:#FDECEA;color:#B71C1C;border:1px solid #F5C6C2;}

.mk-main [id^="account-"] .list-unstyled{list-style:none;padding:0;margin:0 0 12px;}
.mk-main [id^="account-"] .list-unstyled a{color:#189EFF;}

/* lista de desejos — botao de remover (caixote do lixo) */
.mk-main #wishlist .mk-btn-trash{color:#B71C1C;border-color:#F0C6C2;background:#FFF5F4;}
.mk-main #wishlist .mk-btn-trash i{font-size:14px;line-height:1;}
.mk-main #wishlist .mk-btn-trash:hover,.mk-main #wishlist .mk-btn-trash:focus{color:#fff;background:#D32F2F;border-color:#D32F2F;}