/* Eurlelectro – information/account lane */
.mk-form-alert { background: #fdecea; border-left: 3px solid var(--mk-red); color: #1D1D1B; font-size: 14px; padding: 10px 12px; }
.mk-form-alert.is-ok { background: #eaf7ee; border-left-color: #16a34a; }
.mk-form-alert[hidden] { display: none; }
.mk-field-error { display: block; color: var(--mk-red); font-size: 12px; margin-top: 4px; }
.input.mk-invalid, .select.mk-invalid, .textarea.mk-invalid { border-color: var(--mk-red); }
.checkbox.mk-invalid { border-color: var(--mk-red); }
[data-mk-form] .input, [data-mk-form] .select, [data-mk-form] .textarea { background: #fff; }
.mk-account-more { display: flex; flex-wrap: wrap; gap: 8px 20px; margin-top: 24px; font-size: 14px; }
.mk-account-more a { display: inline-flex; align-items: center; gap: 8px; color: #1D1D1B; }
.mk-account-more a:hover { color: var(--mk-red); }
.mk-account-more i { color: var(--mk-red); width: 16px; text-align: center; }

/* Core account pages (edit, address, order, password, returns, newsletter, transaction, reward, forgotten…) rendered with stock Bootstrap markup: theme-styled */
[id^="account-"].container, [id^="information-"].container, #error-not-found.container { max-width: 1280px; margin: 0 auto; padding: 16px 16px 56px; font-size: 15px; }
[id^="account-"] .breadcrumb, [id^="information-"] .breadcrumb { display: flex; flex-wrap: wrap; gap: 6px; list-style: none; padding: 0; margin: 0 0 16px; font-size: 13px; color: #6b6b6b; }
[id^="account-"] .breadcrumb li + li::before, [id^="information-"] .breadcrumb li + li::before { content: "/"; margin-right: 6px; color: #b5b5b5; }
[id^="account-"] .breadcrumb li:first-child a { font-size: 0; }
[id^="account-"] .breadcrumb li:first-child a::before { content: "\f015"; font: var(--fa-font-solid); font-size: 13px; }
[id^="account-"] > .row { display: flex; flex-wrap: wrap; gap: 32px; }
[id^="account-"] > .row > #content { flex: 1 1 0; min-width: 0; }
[id^="account-"] > .row > #column-right, [id^="account-"] > .row > #column-left { flex: 0 0 260px; }
[id^="account-"] h1 { font-size: 30px; font-weight: 900; text-transform: uppercase; margin-bottom: 24px; }
[id^="account-"] h2, [id^="account-"] legend { font-size: 18px; font-weight: 700; text-transform: uppercase; margin: 24px 0 12px; }
[id^="account-"] fieldset { border: 0; padding: 0; margin: 0 0 16px; }
[id^="account-"] .row { display: flex; flex-wrap: wrap; }
[id^="account-"] form .row, [id^="account-"] .mb-3 { margin-bottom: 14px; }
[id^="account-"] form .row > [class*="col-"] { flex: 1 1 100%; }
[id^="account-"] .col-form-label, [id^="account-"] .form-label { display: block; font-size: 14px; margin-bottom: 4px; }
[id^="account-"] .required .col-form-label::after { content: " *"; color: var(--mk-red); }
[id^="account-"] .form-control, [id^="account-"] .form-select { width: 100%; max-width: 520px; height: 44px; padding: 0 12px; border: 1px solid #cfcfcf; background: #fff; font-size: 15px; border-radius: 0; }
[id^="account-"] textarea.form-control { height: auto; padding: 10px 12px; }
[id^="account-"] .form-control:focus, [id^="account-"] .form-select:focus { outline: 2px solid var(--mk-red); outline-offset: -1px; }
[id^="account-"] .form-check { display: flex; align-items: center; gap: 8px; }
[id^="account-"] .form-check-input { width: 18px; height: 18px; accent-color: var(--mk-red); }
[id^="account-"] .form-switch .form-check-input { width: 36px; }
[id^="account-"] .is-invalid { border-color: var(--mk-red); }
[id^="account-"] .invalid-feedback { display: none; color: var(--mk-red); font-size: 12px; margin-top: 4px; }
[id^="account-"] .invalid-feedback.d-block { display: block; }
[id^="account-"] .btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; padding: 0 20px; font-size: 14px; font-weight: 700; text-transform: uppercase; border: 1px solid #cfcfcf; background: #fff; color: #1D1D1B; cursor: pointer; white-space: nowrap; }
[id^="account-"] .btn-primary, [id^="account-"] .btn-danger { background: var(--mk-red); border-color: var(--mk-red); color: #fff; }
[id^="account-"] .btn-info, [id^="account-"] .btn-light, [id^="account-"] .btn-secondary { background: #fff; color: #1D1D1B; }
[id^="account-"] .btn:hover { background: #1D1D1B; border-color: #1D1D1B; color: #fff; }
[id^="account-"] .btn-sm { min-height: 34px; padding: 0 10px; }
[id^="account-"] .d-flex, [id^="account-"] .d-inline-block { display: flex; gap: 12px; align-items: center; }
[id^="account-"] .justify-content-between { justify-content: space-between; }
[id^="account-"] .float-end, [id^="account-"] .text-end { margin-left: auto; text-align: right; }
[id^="account-"] .table-responsive { overflow-x: auto; }
[id^="account-"] .table { width: 100%; border-collapse: collapse; margin-bottom: 20px; font-size: 14px; }
[id^="account-"] .table th, [id^="account-"] .table td { border: 1px solid #e5e5e5; padding: 10px 12px; text-align: left; vertical-align: middle; }
[id^="account-"] .table thead td, [id^="account-"] .table thead th { background: #f4f4f4; font-weight: 700; text-transform: uppercase; font-size: 12px; }
[id^="account-"] .alert { padding: 10px 12px; margin-bottom: 16px; font-size: 14px; background: #eaf7ee; border-left: 3px solid #16a34a; }
[id^="account-"] .alert-danger { background: #fdecea; border-left-color: var(--mk-red); }
[id^="account-"] .alert .btn-close { display: none; }
[id^="account-"] .pagination { display: flex; gap: 6px; list-style: none; padding: 0; }
[id^="account-"] .pagination a, [id^="account-"] .pagination span { display: inline-flex; min-width: 36px; height: 36px; align-items: center; justify-content: center; border: 1px solid #cfcfcf; }
[id^="account-"] .list-group { display: flex; flex-direction: column; border: 1px solid #e5e5e5; }
[id^="account-"] .list-group-item { display: block; padding: 11px 16px; font-size: 14px; color: #1D1D1B; border-bottom: 1px solid #e5e5e5; }
[id^="account-"] .list-group-item:last-child { border-bottom: 0; }
[id^="account-"] .list-group-item:hover, [id^="account-"] .list-group-item.active { color: var(--mk-red); background: #fafafa; }
[id^="account-"] .card { border: 1px solid #e5e5e5; padding: 16px; margin-bottom: 16px; }
[id^="account-"] ul.list-unstyled { list-style: none; padding: 0; }
[id^="account-"] a:not(.btn):not(.list-group-item) { color: var(--mk-red); }
/* Other stock pages (brands, compare, 404) + one-line breadcrumbs like .mk-bc (house icon, chevrons) on every stock page */
#product-manufacturer.container, #product-compare.container, #error-not-found.container { max-width: 1280px; margin: 0 auto; padding: 16px 16px 56px; font-size: 15px; }
#product-manufacturer h1, #product-compare h1, #error-not-found h1, [id^="information-"] h1 { font-size: 30px; font-weight: 900; text-transform: uppercase; margin-bottom: 24px; }
#product-manufacturer h2 { font-size: 18px; font-weight: 700; margin: 24px 0 8px; border-bottom: 1px solid #e5e5e5; padding-bottom: 6px; }
#product-manufacturer #content > p a { display: inline-block; margin: 0 6px; font-weight: 700; color: var(--mk-red); }
#product-manufacturer .row { display: flex; flex-wrap: wrap; gap: 8px 24px; }
#product-manufacturer .row a:hover { color: var(--mk-red); }
#product-compare .table { width: 100%; border-collapse: collapse; font-size: 14px; }
#product-compare .table td { border: 1px solid #e5e5e5; padding: 10px 12px; }
#product-manufacturer .btn, #product-compare .btn, #error-not-found .btn { display: inline-flex; align-items: center; min-height: 44px; padding: 0 20px; font-size: 14px; font-weight: 700; text-transform: uppercase; background: var(--mk-red); color: #fff; border: 0; }
#product-manufacturer .text-end, #product-compare .text-end, #error-not-found .text-end { text-align: right; margin-top: 24px; }
.container > .breadcrumb { display: flex; flex-wrap: nowrap; align-items: center; gap: 0; list-style: none; padding: 0; margin: 0 0 16px; font-size: 13px; color: #6b6b6b; white-space: nowrap; overflow: hidden; }
.container > .breadcrumb li { display: inline-flex; align-items: center; min-width: 0; }
.container > .breadcrumb li:last-child { overflow: hidden; text-overflow: ellipsis; }
.container > .breadcrumb li a { color: #1D1D1B; }
.container > .breadcrumb li + li::before, [id^="account-"] .breadcrumb li + li::before, [id^="information-"] .breadcrumb li + li::before { content: ""; flex: none; width: 6px; height: 6px; margin: 0 10px 0 8px; border-top: 1px solid currentColor; border-right: 1px solid currentColor; transform: rotate(45deg); opacity: .5; color: #1D1D1B; }
@media (max-width: 767px) {
  #product-manufacturer h1, #product-compare h1, #error-not-found h1, [id^="information-"] h1 { font-size: 22px; }
  [id^="account-"] h1 { font-size: 22px; }
  [id^="account-"] > .row > #column-right, [id^="account-"] > .row > #column-left { flex: 1 1 100%; order: 2; }
  /* Order history / order details: wide tables become stacked cards (labels = data-label set by account.js) */
  #account-order .table-responsive { overflow: visible; }
  #account-order table.mk-stack, #account-order table.mk-stack tbody, #account-order table.mk-stack tfoot { display: block; width: 100%; }
  #account-order table.mk-stack thead { display: none; }
  #account-order table.mk-stack tbody tr { display: block; border: 1px solid #e5e5e5; margin-bottom: 12px; background: #fff; }
  #account-order table.mk-stack tbody td { display: flex; justify-content: space-between; align-items: center; gap: 12px; border: 0; border-bottom: 1px solid #f0f0f0; padding: 9px 12px; text-align: right; overflow-wrap: anywhere; }
  #account-order table.mk-stack tbody td:last-child { border-bottom: 0; }
  #account-order table.mk-stack tbody td:empty { display: none; }
  #account-order table.mk-stack tbody td::before { content: attr(data-label); flex: none; max-width: 45%; text-align: left; font-size: 12px; font-weight: 700; text-transform: uppercase; color: #6b6b6b; }
  #account-order table.mk-stack tbody td:not([data-label])::before, #account-order table.mk-stack tbody td[data-label=""]::before { content: none; }
  #account-order table.mk-stack tbody td:not([data-label]), #account-order table.mk-stack tbody td[data-label=""] { justify-content: flex-end; }
  #account-order table.mk-stack tbody td:first-child { background: #f4f4f4; font-weight: 700; }
  #account-order table.mk-stack tbody td:first-child a { flex: 1 1 auto; text-align: right; }
  #account-order table.mk-stack tbody td small { display: block; }
  #account-order table.mk-stack tbody td.text-nowrap { gap: 8px; }
  #account-order table.mk-stack tfoot tr { display: flex; justify-content: space-between; gap: 12px; border: 1px solid #e5e5e5; border-top: 0; padding: 9px 12px; }
  #account-order table.mk-stack tfoot tr:first-child { border-top: 1px solid #e5e5e5; }
  #account-order table.mk-stack tfoot td { border: 0; padding: 0; }
  #account-order table.mk-stack tfoot td[colspan], #account-order table.mk-stack tfoot td:empty { display: none; }
  #account-order table.mk-stack tfoot tr:last-child { background: #f4f4f4; font-weight: 700; }
  #account-order > .row > #content > .row > .col { flex: 1 1 100%; min-width: 0; }
  #account-order > .breadcrumb li:not(:last-child) { flex: none; }
  #account-order > .row > #content > .row.mb-3 { flex-direction: column; gap: 8px; }
  #account-order > .row > #content > .row.mb-3 > .text-end { margin-left: 0; text-align: left; }
}