/* Account pages: login, register, the two success pages, Moj profil, add and edit ad. */
.jb-racun .ce_text > p { max-width: 60ch; margin: 0 0 12px; color: #e6d6e0; font-size: 16px; line-height: 1.6; }
#prijava-uporabnika .ce_text { margin-bottom: 24px; }
.jb-racun .error {
  max-width: 520px;
  margin: 0 0 20px;
  padding: 12px 16px;
  color: #ffd0d0;
  background: rgba(255, 107, 139, 0.08);
  border-left: 3px solid #ff6b8b;
  border-radius: 4px 10px 10px 4px;
}

/* Forms */
.jb-racun form.jb-raise { margin: 0; }
#tl_login, #tl_registration { max-width: 520px; }
#tl_catalog_items { max-width: 640px; }
#tl_registration span.mandatory { margin-left: 2px; color: var(--jb-pink); }
#tl_login .submit_container, #tl_registration .submit_container { margin-top: 24px; }
#tl_login input.submit, #tl_registration input.submit { width: 100%; }
#tl_catalog_items table,
#tl_catalog_items tbody,
#tl_catalog_items tr,
#tl_catalog_items td { display: block; width: 100%; padding: 0; }
#tl_catalog_items .explanation:empty { display: none; }
#tl_catalog_items div.submit_container { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 24px; }
#tl_catalog_items div.submit_container > * { flex: 1 1 200px; }

/* Moj profil: the card and its links side by side; without an ad, every child spans the row. */
#moj-profil .newGalleryBox { margin: 0 0 20px; }
#moj-profil .newGalleryBox p,
#moj-profil .editBox001 p { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin: 0; }
#moj-profil .newGalleryBox a,
#moj-profil .editBox001 a { margin: 0; }
#moj-profil .regularContent { display: grid; grid-template-columns: minmax(0, 260px) minmax(0, 1fr); align-items: end; column-gap: 32px; }
#moj-profil .regularContent > * { grid-column: 1 / -1; }
#moj-profil .profileList { grid-column: 1; }
#moj-profil .profileList ~ .editBox001 { grid-column: 2; }
#moj-profil .profileList ~ .editBox001 p { flex-direction: column; align-items: flex-start; }
#moj-profil .regularContent > p + .editBox001 { margin-top: 12px; }
#moj-profil .profileBox { max-width: 260px; }
body.jb #moj-profil .btn991,
body.jb #moj-profil .btn992 { padding: 11px 2px; color: #ff9db0; font-size: 14px; text-decoration: underline; text-underline-offset: 3px; }
body.jb #moj-profil .btn991:hover,
body.jb #moj-profil .btn992:hover { color: #fff; }

@media (max-width: 640px) {
  #moj-profil .regularContent { grid-template-columns: minmax(0, 1fr); }
  #moj-profil .profileList ~ .editBox001 { grid-column: 1; margin-top: 20px; }
  #moj-profil .jb-card__body { padding: 56px 16px 16px; }
  #moj-profil .jb-card h3 { font-size: 24px; }
  #moj-profil .jb-card__age { font-size: 18px; }
}