/* Paginile de cont pe Bootstrap 5 (views/view_cont_v2.php): intrarea, contul
   nou, resetarea parolei si Contul meu. Peste ae-lista.css (culorile --l*,
   .l-box, .l-add) si ae-cos.css (.c-h1, .c-rows, .f-row2, .f-social, .f-seg).
   Mobil intai: meniul contului e o banda orizontala deasupra; de la lg sta in
   stanga, lipit. Clase proprii: prefix k-. */

.k { padding-bottom: 40px; }

/* formularele: aceleasi dimensiuni ca la finalizare (acolo scopate pe .f) */
.k .form-label { font-size: 14px; font-weight: 600; margin-bottom: 4px; }
.k .form-label small { font-weight: 400; color: var(--lm); }
.k .form-control, .k .form-select { height: 46px; border-radius: 10px; }
.k textarea.form-control { height: auto; }
.k-form > div, .k-form > fieldset > div { margin-bottom: 12px; }
.k-form fieldset { border: 0; padding: 0; margin: 0; min-width: 0; }
.k-form .form-check { margin-bottom: 10px; font-size: 14px; }
.k-box { padding: 18px; }
@media (min-width: 768px) { .k-box { padding: 22px 24px; } }
.k-alert { border-radius: 10px; font-size: 14px; padding: 10px 14px; }
.k-p { color: #34475a; }
.k-sep { margin: 4px 0 10px; }
.k-gol { color: var(--lm); margin: 0 0 14px; }

/* intrarea + contul nou: doua coloane de la lg */
.k-auth { display: grid; gap: 16px; grid-template-columns: minmax(0, 1fr); align-items: start; }
@media (min-width: 992px) { .k-auth { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; } }
.k-plus { list-style: none; padding: 0; margin: 0 0 16px; font-size: 14px; }
.k-plus li { display: flex; align-items: center; gap: 8px; padding: 3px 0; }
.k-plus .ico { color: #146c43; font-size: 16px; }
.k-ingust { max-width: 520px; margin: 8px auto 0; }
.k-ok { text-align: center; }
.k-ok > .ico { font-size: 40px; color: var(--lb); margin: 6px 0 10px; }
.k-ok .f-h { justify-content: center; }

/* Contul meu: meniul + continutul */
.k-grid { display: grid; gap: 16px; grid-template-columns: minmax(0, 1fr); align-items: start; }
.k-main { min-width: 0; }
.k-salut { display: none; }
.k-nav ul { list-style: none; padding: 0; margin: 0 -12px; display: flex; gap: 6px; overflow-x: auto; scrollbar-width: none; padding: 0 12px 4px; }
.k-nav ul::-webkit-scrollbar { display: none; }
.k-nav a { display: flex; align-items: center; gap: 8px; white-space: nowrap; padding: 8px 14px; border-radius: 999px; border: 1px solid var(--ll);
  background: #fff; color: var(--ln); font-size: 14px; font-weight: 600; text-decoration: none; }
.k-nav a .ico { color: var(--lb); }
.k-nav a[aria-current="page"] { background: var(--ln); border-color: var(--ln); color: #fff; }
.k-nav a[aria-current="page"] .ico { color: #fff; }
.k-nav-out a { color: var(--lm); }
@media (min-width: 992px) {
  .k-grid { grid-template-columns: 250px minmax(0, 1fr); gap: 28px; }
  .k-nav { position: sticky; top: calc(var(--aes-h, 108px) + 16px); background: #fff; border: 1px solid var(--ll); border-radius: 14px; padding: 10px; }
  .k-salut { display: block; margin: 6px 10px 10px; font-size: 15px; color: var(--lm); }
  .k-salut b { color: var(--ln); }
  .k-nav ul { display: block; margin: 0; padding: 0; overflow: visible; }
  .k-nav a { border: 0; border-radius: 10px; padding: 10px 12px; }
  .k-nav a:hover { background: var(--ls); color: var(--ln); }
  .k-nav a[aria-current="page"] { background: var(--ls); color: var(--lb); }
  .k-nav a[aria-current="page"] .ico { color: var(--lb); }
  .k-nav-out { border-top: 1px solid var(--ll); margin-top: 6px; padding-top: 6px; }
}

/* pagina de start a contului: o caseta pe sectiune */
.k-tiles { display: grid; gap: 12px; grid-template-columns: minmax(0, 1fr); }
@media (min-width: 576px) { .k-tiles { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.k-tile { display: flex; align-items: center; gap: 14px; margin: 0; color: var(--ln); text-decoration: none; transition: border-color .15s, box-shadow .15s; }
.k-tile:hover { border-color: var(--lb); color: var(--ln); box-shadow: 0 4px 14px rgba(12,29,46,.08); }
.k-tile > span:nth-child(2) { flex: 1; min-width: 0; display: flex; flex-direction: column; line-height: 1.3; }
.k-tile small { color: var(--lm); font-size: 13px; }
.k-tile > .ico { color: var(--lm); }
.k-tile-i { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 12px; background: var(--ls); color: var(--lb); font-size: 20px; flex: none; }

/* "mai salveaza si ..." */
.k-lipsa { display: flex; gap: 10px; align-items: flex-start; background: var(--ls); border-radius: 12px; padding: 10px 14px; margin-bottom: 14px; font-size: 14px; }
.k-lipsa .ico { color: var(--lb); font-size: 18px; margin-top: 2px; }
.k-lipsa p { margin: 0; }

/* adrese, date de facturare, masini */
.k-cards { display: grid; gap: 12px; grid-template-columns: minmax(0, 1fr); margin-bottom: 14px; }
@media (min-width: 768px) { .k-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.k-card { margin: 0; display: flex; flex-direction: column; }
.k-card-imp { border-color: var(--lb); box-shadow: inset 0 0 0 1px var(--lb); }
.k-card p { margin: 0 0 2px; }
.k-card-k { font-size: 12px; font-weight: 650; text-transform: uppercase; letter-spacing: .04em; color: var(--lm); }
.k-card-t { font-weight: 650; }
.k-card-d { font-size: 14px; color: #34475a; overflow-wrap: anywhere; }
.k-card-act { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 16px; margin-top: auto; padding-top: 10px; font-size: 14px; font-weight: 600; }
.k-card-act a { display: inline-flex; align-items: center; gap: 5px; text-decoration: none; }
.k-card-act .k-del { color: #b02a37; margin-left: auto; }
.k-strong { color: var(--lb); }
.k-badge { display: inline-flex; align-items: center; gap: 5px; color: #146c43; }
.k-car { display: flex; gap: 12px; align-items: flex-start; }
.k-car img { width: 96px; height: 64px; object-fit: contain; flex: none; }
.k-car > div { min-width: 0; }

/* selectorul de masina */
.k-sel { display: grid; gap: 12px; grid-template-columns: minmax(0, 1fr); margin-bottom: 4px; }
@media (min-width: 576px) { .k-sel { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.k-sel > div { margin: 0; }
.k-msg { min-height: 1em; margin: 0 0 8px; }
#kMVin { text-transform: uppercase; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; }

/* comenzile */
.k-orders { list-style: none; padding: 0; margin: 0; }
.k-order { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; grid-template-areas: "nr st ico" "liv tot ico"; gap: 4px 12px; align-items: center;
  margin-bottom: 10px; color: var(--ln); text-decoration: none; transition: border-color .15s; }
.k-order:hover { border-color: var(--lb); color: var(--ln); }
.k-order-nr { grid-area: nr; display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 10px; }
.k-order-nr small { color: var(--lm); font-size: 13px; }
.k-order-st { grid-area: st; justify-self: end; font-size: 12px; font-weight: 650; background: var(--ls); border-radius: 999px; padding: 3px 10px; white-space: nowrap; }
.k-order-liv { grid-area: liv; font-size: 14px; color: var(--lm); min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.k-order-tot { grid-area: tot; justify-self: end; font-weight: 700; white-space: nowrap; font-variant-numeric: tabular-nums; }
.k-order > .ico { grid-area: ico; color: var(--lm); }
.k-back { display: inline-flex; align-items: center; gap: 4px; font-size: 14px; font-weight: 600; margin-bottom: 8px; text-decoration: none; }
.k-dl { display: grid; gap: 10px 24px; grid-template-columns: minmax(0, 1fr); margin-bottom: 14px; }
@media (min-width: 576px) { .k-dl { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.k-dl dt { font-size: 13px; font-weight: 400; color: var(--lm); }
.k-dl dd { margin: 0; font-weight: 600; }
.k-items { list-style: none; padding: 0; margin: 0 0 8px; border-bottom: 1px solid var(--ll); }
.k-items li { display: flex; gap: 12px; justify-content: space-between; padding: 10px 0; border-bottom: 1px solid var(--ls); }
.k-items li:last-child { border-bottom: 0; }
.k-items-n { min-width: 0; display: flex; flex-direction: column; line-height: 1.3; }
.k-items-n small { color: var(--lm); margin-top: 2px; }
.k-items b { white-space: nowrap; font-variant-numeric: tabular-nums; }