/* ========== ECWID WIDGET OVERRIDES ========== */

.ec-store,
.ec-store * {
  box-sizing: border-box !important;
  font-family: var(--font-body) !important;
  -webkit-font-smoothing: antialiased;
}

/* Prevent Ecwid fixed overlays from covering the header */
.ec-modal-overlay,
.ec-modal,
.ec-store__notification-bar {
  z-index: 9000 !important;
}

/* Keep Ecwid dropdowns/popups inside the stacking context */
.ec-store {
  position: relative;
  z-index: 1;
}

.ec-size .ec-store__header-wrapper,
.ec-size .ec-header-menu,
.ec-size .ec-store__breadcrumbs,
.ec-size .ec-breadcrumbs,
.ec-size .ec-footer,
.ec-size .ec-categories-list,
.ec-cart__back-button {
  display: none !important;
}

.ec-size .ec-store {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.ec-size .ec-store__cart-page,
.ec-size .ec-store__checkout-page {
  padding-block: 0 !important;
}

.ec-store h1, .ec-store h2, .ec-store h3,
.ec-store .ec-cart__title,
.ec-store .ec-checkout__title {
  font-family: var(--font-heading) !important;
  color: var(--color-text) !important;
  font-weight: 400 !important;
}

.ec-store .form-control__button,
.ec-store button[class*="ec-btn--primary"],
.ec-store .ec-checkout__btn,
.ec-store .ec-cart__continue-button {
  background: var(--color-primary) !important;
  border: 1px solid var(--color-primary) !important;
  color: #fff !important;
  border-radius: 0 !important;
  font-weight: 600 !important;
  font-family: var(--font-body) !important;
  font-size: 14px !important;
  padding: 14px 28px !important;
  transition: opacity 0.2s !important;
  cursor: pointer;
}

.ec-store .form-control__button:hover,
.ec-store button[class*="ec-btn--primary"]:hover,
.ec-store .ec-checkout__btn:hover,
.ec-store .ec-cart__continue-button:hover {
  opacity: 0.9 !important;
  background: var(--color-primary) !important;
  border-color: var(--color-primary) !important;
}

.ec-store button[class*="ec-btn--secondary"] {
  background: transparent !important;
  border: 1px solid var(--color-border) !important;
  color: var(--color-text) !important;
  border-radius: 0 !important;
  font-weight: 500 !important;
  font-family: var(--font-body) !important;
  font-size: 14px !important;
  padding: 12px 24px !important;
  transition: border-color 0.2s !important;
}

.ec-store button[class*="ec-btn--secondary"]:hover {
  border-color: var(--color-text) !important;
}

.ec-store .ec-price-item,
.ec-store .ec-cart-item__price,
.ec-store .ec-checkout-item__price {
  color: var(--color-primary-dark) !important;
  font-family: var(--font-heading) !important;
  font-weight: 500 !important;
}

.ec-store a {
  color: var(--color-primary) !important;
  transition: color 0.2s;
}

.ec-store a:hover {
  color: var(--color-primary-dark) !important;
}

.ec-store .form-control__text,
.ec-store .form-control__select,
.ec-store .form-control__textarea {
  border: 1px solid var(--color-border) !important;
  background: #fff !important;
  font-family: var(--font-body) !important;
  padding: 12px 14px !important;
  color: var(--color-text) !important;
  font-size: 14px !important;
  transition: border-color 0.2s !important;
}

.ec-store .form-control__text:focus,
.ec-store .form-control__select:focus,
.ec-store .form-control__textarea:focus {
  border-color: var(--color-primary) !important;
  outline: none !important;
}

.ec-store .ec-cart-item,
.ec-store .ec-checkout-item {
  background: #fff !important;
  border: 1px solid var(--color-border) !important;
  padding: 16px !important;
  margin-bottom: 12px !important;
}

.ec-store .ec-cart__title,
.ec-store .ec-checkout__title {
  font-size: 22px !important;
  margin-bottom: 16px !important;
}

.ec-store .ec-cart-widget,
.ec-store .ec-checkout-widget {
  background: transparent !important;
}

.shop-loading {
  text-align: center;
  padding: 2rem 1rem;
  color: var(--color-text-light);
  font-size: 15px;
  flex-shrink: 0;
}

@media (max-width: 768px) {
  .checkout-trust {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 480px) {
  .checkout-trust {
    grid-template-columns: 1fr;
  }
}
