/*
Custom Css
*/
:root {
  --uci-navy: #12233d;
  --uci-blue: #1c7ed6;
  --uci-ink: #162033;
  --uci-muted: #697386;
}

.text-success,
.navbar-brand.text-success {
  color: var(--uci-blue) !important;
}

.btn-success,
.bg-success {
  background-color: var(--uci-blue) !important;
  border-color: var(--uci-blue) !important;
}

.btn-success:hover,
.btn-success:focus {
  background-color: #155fa8 !important;
  border-color: #155fa8 !important;
}

.btn-outline-dark:hover {
  background-color: var(--uci-navy);
  border-color: var(--uci-navy);
}

.uci-top-nav,
#tempaltemo_footer {
  background-color: var(--uci-navy) !important;
}

.uci-logo {
  font-weight: 700;
  letter-spacing: 0;
}

.uci-hero {
  background: linear-gradient(115deg, #f7fbff 0%, #eef6ff 52%, #ffffff 100%);
}

.uci-hero img {
  max-height: 390px;
  object-fit: contain;
  border-radius: 6px;
}

.uci-product-card {
  border-color: #e7ebf1;
  height: calc(100% - 1.5rem);
}

.uci-product-image-wrap {
  background: #f7f9fc;
  aspect-ratio: 4 / 3;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.uci-product-image {
  width: 100%;
  height: 100%;
  object-fit: contain;
  padding: 18px;
  border-radius: 6px;
}

.uci-product-title {
  color: var(--uci-ink);
  font-size: 1.1rem !important;
  line-height: 1.35;
}

.uci-category-button.active,
.uci-category-button:hover {
  color: var(--uci-blue) !important;
}

.uci-shop-search {
  border: 1px solid #dce3ec;
  min-height: 44px;
}

.uci-cart-img {
  width: 82px;
  height: 62px;
  object-fit: contain;
  background: #f7f9fc;
  border-radius: 6px;
}

.uci-quantity-input {
  max-width: 78px;
}

.uci-summary {
  border: 1px solid #e7ebf1;
  background: #ffffff;
}

.uci-checkout-section {
  border: 1px solid #e7ebf1;
}

.uci-empty-state {
  background: #f7f9fc;
  border: 1px solid #e7ebf1;
}

.uci-sticky-footer-page {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

.uci-page-main {
  flex: 1 0 auto;
}

.uci-sticky-footer-page #tempaltemo_footer {
  flex-shrink: 0;
}

@media (max-width: 767px) {
  .uci-hero img {
    max-height: 250px;
  }

  .uci-product-title {
    font-size: 1rem !important;
  }
}

@media (max-width: 800px) {
  .uci-hero-row {
    gap: 20px;
  }
}