/* ====== Custom overrides ====== */

/* Make bid input more visible */
.product-box__bottom .input-wrapper .form--control,
.product-details-card .product-box__bottom .form--control,
.blog-sidebar .input-wrapper .form--control {
  padding: 14px 18px;
  font-size: 1.15rem;
  font-weight: 600;
  border: 2px solid hsl(var(--base)) !important;
  background: hsl(var(--white)/0.06) !important;
  box-shadow: 0 0 0 4px hsl(var(--base) / 0.15) !important;
  border-radius: 8px;
}

.product-box__bottom .input-wrapper .form--control::placeholder,
.product-details-card .product-box__bottom .form--control::placeholder,
.blog-sidebar .input-wrapper .form--control::placeholder {
  color: hsl(var(--white)/0.65) !important;
  font-weight: 700;
}

/* Center location/email icons perfectly inside their circle */
.footer-contact-menu__item-icon {
  display: flex !important;
  align-items: center;
  justify-content: center;
}

/* Inline alignment for bid input + button */
.product-box__bottom .input-wrapper {
  display: flex;
  align-items: center;
  gap: 12px;
}

.product-box__bottom .input-wrapper .form--control {
  flex: 1;
}

.product-box__bottom .input-wrapper .product-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px 18px;
  white-space: nowrap;
}

/* Inputs theme fix */
.form--control,
input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="number"],
textarea,
select {
  background: hsl(var(--white)/0.03);
  color: hsl(var(--white));
  border: 1px solid hsl(var(--white)/0.12);
}

input::placeholder,
textarea::placeholder {
  color: hsl(var(--white)/0.65);
}

.form--control:focus,
input:focus,
textarea:focus,
select:focus {
  outline: 0;
  border-color: hsl(var(--base));
  box-shadow: 0 0 0 2px hsl(var(--base)/0.25);
  background: hsl(var(--white)/0.05);
}

input,
textarea {
  caret-color: hsl(var(--white));
}

/* Stronger dark theme overrides */
.custom--card,
.card,
.modal-content,
.form-group,
.auth-card,
.login-wrapper .card,
.register-wrapper .card {
  background: hsl(var(--white)/0.03) !important;
  color: hsl(var(--white)) !important;
  border-color: hsl(var(--white)/0.08) !important;
}

.input-group-text {
  background: hsl(var(--white)/0.06) !important;
  color: hsl(var(--white)) !important;
  border-color: hsl(var(--white)/0.08) !important;
}

.form--control,
input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="number"],
textarea,
select {
  background: hsl(var(--white)/0.06) !important;
  color: hsl(var(--white)) !important;
  border: 1px solid hsl(var(--white)/0.12) !important;
}

input::placeholder,
textarea::placeholder {
  color: hsl(var(--white)/0.65) !important;
}

.form--control:focus,
input:focus,
textarea:focus,
select:focus {
  outline: 0 !important;
  border-color: hsl(var(--base)) !important;
  box-shadow: 0 0 0 2px hsl(var(--base)/0.25) !important;
  background: hsl(var(--white)/0.08) !important;
}

/* Counter suffix visibility and spacing */
.experience__count .odometer { margin-right: 2px; }
.experience__count h3 .letter,
.experience__count h3.strocke-text .letter,
.col-lg-3 .experience__count h3.strocke-text .letter {
  visibility: visible !important;
  opacity: 1 !important;
  margin-left: 4px !important;
  color: inherit !important;
  font-weight: 600 !important;
}

/* Harmonize bid input height with button and matching corners */
.product-details .product-box__bottom .input-wrapper .form--control,
.product-details .product-box__bottom .input-wrapper .product-btn {
  height: 40px !important;
  border-radius: 8px !important;
}

/* Bidding input/button alignment and rounded corners */
.product-details .product-box__bottom .input-wrapper {
  display: flex;
  align-items: center;
  gap: 10px;
  position: static !important;
}
.product-details .product-box__bottom .input-wrapper .form--control {
  height: 44px !important;
  border-radius: 8px !important;
  padding: 0 14px !important;
}
.product-details .product-box__bottom .input-wrapper .product-btn {
  position: static !important;
  right: auto !important;
  top: auto !important;
  height: 44px !important;
  border-radius: 8px !important;
  padding: 0 18px !important;
  display: inline-flex;
  align-items: center;
}

/* Center pagination aesthetically across pages */
.pagination { 
  display: flex; 
  flex-wrap: wrap; 
  justify-content: center !important; 
  gap: 8px; 
  margin-top: 16px; 
  margin-bottom: 12px; 
}
.text-end.py-4 .pagination { 
  width: 100%; 
  justify-content: center !important; 
}
.custom-pagination { 
  display: flex; 
  justify-content: center !important; 
  gap: 10px !important; 
}
.pagination .page-item .page-link { 
  margin: 0 6px !important; 
}

/* Compact pagination: increase gaps */
.custom-pagination {
  gap: 12px !important;
}