/* Sakrij prvi .ba-account-profile-fields (pretpostavka: to je "Name") */
.ba-my-account-profile > .ba-account-profile-fields:nth-child(1) {
    display: none !important;
}

/* Postavi drugi (Username) na 100% širine */
.ba-my-account-profile > .ba-account-profile-fields:nth-child(2) {
    --ba-checkout-field-width: 100% !important;
}

/* ——— CLEAN GLOBAL TABLE CSS (no borders, shadows, or rounded corners) ——— */
table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  background: #ffffff;
  color: #0f172a;

  /* responsive horizontal scroll without wrapper */
  display: block;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;

  table-layout: auto; /* let content drive widths */
}

/* Cells (no borders) */
th,
td {
  padding: 12px 16px;
  vertical-align: middle;
  text-align: left;

  /* ensure zebra/hover paint the whole row */
  background: transparent !important;

  /* long text handling */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Sticky header (if <th> exists) */
th {
  position: sticky;
  top: 0;
  z-index: 1;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .06em;
}

/* Fallback: first row as header when it's built with <td> */
tr:first-child td {
  position: sticky;
  top: 0;
  z-index: 1;
}

/* ——— Zebra: 1st row COLORED, 2nd row WHITE ——— */
tr:nth-child(odd) > td,
tr:nth-child(odd) > th {
  background: #f8fafc !important;  /* colored */
}
tr:nth-child(even) > td,
tr:nth-child(even) > th {
  background: #ffffff !important;   /* white */
}

/* Hover over any data row (includes first) */
tr:hover > td,
tr:hover > th {
  background: #eef2ff !important;
}

/* Mobile tweaks */
@media (max-width: 640px) {
  th, td {
    padding: 10px 12px;
    white-space: normal; /* allow wrapping on narrow screens */
  }
}

/* Dark mode */
@media (prefers-color-scheme: dark) {
  table { background: #0b1220; color: #e5e7eb; }
  th { color: #e5e7eb; }

  tr:nth-child(odd) > td,
  tr:nth-child(odd) > th { background: #0f172a !important; }
  tr:nth-child(even) > td,
  tr:nth-child(even) > th { background: #0b1220 !important; }
  tr:hover > td,
  tr:hover > th { background: #111827 !important; }
}

/* ====== Registracija korisnika: Layout: 2 stupca ====== */
.com-users-registration__form {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
}

.com-users-registration__form fieldset {
  border: none;
  margin: 0;
  padding: 0;
}

.com-users-registration__form legend {
  margin-bottom: 15px;
  display: block;
}

@media (max-width: 768px) {
  .com-users-registration__form {
    grid-template-columns: 1fr;
  }
}

/* ====== Sakrij "Required field" ====== */
#jform_spacer-lbl {
  display: none !important;
}

/* ====== Labeli uvijek iznad polja ====== */
.com-users-registration__form .control-group {
  margin-bottom: 16px;
  display: flex;
  flex-direction: column; /* label gore, input dolje */
}

.com-users-registration__form .control-label {
  order: 0;
  margin-bottom: 6px;
}

.com-users-registration__form .controls {
  order: 1;
  width: 100%;
}

/* ====== Sva polja ====== */
.com-users-registration__form input,
.com-users-registration__form select,
.com-users-registration__form textarea {
  width: 100%;
  border: none;
  border-radius: 14px;
  background-color: var(--bg-secondary);
  padding: 10px 14px;
  box-sizing: border-box;
  font-size: 1rem;
}

/* ====== Password grupe (Password + Confirm Password) ====== */
.com-users-registration__form .input-group {
  display: flex;
  align-items: center;
  width: 100%; /* cijela grupa 100% */
  border-radius: 14px;
  background-color: var(--bg-secondary);
  overflow: hidden;
}

.com-users-registration__form .input-group input {
  flex: 1; /* rastegne se maksimalno */
  border: none;
  background: transparent;
  padding: 10px 14px;
  font-size: 1rem;
  min-width: 0; /* sprječava overflow bug */
}

.input-password-toggle {
  border: none;
  background: transparent;
  cursor: pointer;
  padding: 0 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.input-password-toggle [class*="icon"] {
  display: inline-block !important; /* pregazi globalni CSS */
  font-size: 1.2em;
  color: #333;
}

/* ====== Error poruke ====== */
.form-control-feedback,
.controls .text-muted,
.controls .text-danger {
  display: block;
  font-size: 0.85em;
  margin-top: 4px;
  color: #d9534f; /* bootstrap "danger" crvena */
  width: 100%;
}
/* Ukloni default outline iz inputa */
.com-users-registration__form .input-group input:focus {
  outline: none;
}

/* Dodaj custom fokus na cijelu grupu */
.com-users-registration__form .input-group:focus-within {
  border: 2px solid #0077b6; /* ili tvoja primary boja */
  background-color: var(--bg-secondary);
}
/* Register gumb preko cijele širine */
.com-users-registration__form .com-users-registration__submit {
  grid-column: 1 / -1; /* raširi na obje kolone */
}

.com-users-registration__form .com-users-registration__submit button {
  width: 100%;
  border-radius: 14px;
  padding: 20px;
  font-size: 1.1rem;
}
.com-users-registration__form .field-spacer {
  display: none !important;
}
/* ====== Registracija korisnika: END ====== */

#item-1756732128309 .ba-blog-post-content,
#item-15003687280 .ba-blog-post-content {
    position: relative;
}

#item-1756732128309 .ba-blog-post-button-wrapper,
#item-15003687280 .ba-blog-post-button-wrapper {
    position: absolute;
    bottom: 0px;
    right: 00px;
}
/* Block cart +/- */
.ba-cart-product-quantity-cell {
display: none;
}
.control-group .control-label {
  width: 100%;
}
.tp-eye-btn{ display:inline-flex !important; z-index:9999; }
.tp-eye-wrap{ position:relative !important; }