/* Custom CSS theme */
/* ==========================================
   GLOW FOR HOPE - ECWID DARK STORE THEME
   ==========================================

   Background: Black
   Primary text: White
   Prices and links: Aqua
   Buttons: Purple
   ========================================== */
/* 1. MAIN STOREFRONT */
.ec-store {
  background-color: #000000 !important;
  color: #ffffff;
}

/* 2. PRODUCT GRID AND INFORMATION PANELS */
.ec-store .grid-product,
.ec-store .grid-product__details,
.ec-store .grid-product__details > div,
.ec-store .grid-product__title,
.ec-store .grid-product__bottom,
.ec-store .grid-product__subtitle,
.ec-store .grid-product__description,
.ec-store .grid-product__sku,
.ec-store .grid-product__label,
.ec-store .grid-product__details-inner {
  background-color: #000000 !important;
}

/* Product names */
.ec-store .grid-product__title,
.ec-store .grid-product__title-inner,
.ec-store .grid-product__title a {
  color: #ffffff !important;
}

/* Product subtitles and descriptions */
.ec-store .grid-product__subtitle,
.ec-store .grid-product__description,
.ec-store .grid-product__sku,
.ec-store .grid-product__label {
  color: #ffffff !important;
}

/* Subtle hover background */
.ec-store .grid-product:hover,
.ec-store .grid-product:hover .grid-product__details {
  background-color: #111111 !important;
}

/* 3. PRICES */
.ec-store .grid-product__price,
.ec-store .grid-product__price-amount,
.ec-store .ec-price,
.ec-store .ec-price-item,
.ec-store .product-details__product-price,
.ec-store .product-details__price,
.ec-store .details-product-price {
  color: #38c5f0 !important;
}

/* 4. GENERAL TEXT */
.ec-store p,
.ec-store h1,
.ec-store h2,
.ec-store h3,
.ec-store h4,
.ec-store h5,
.ec-store h6 {
  color: #ffffff !important;
}

/* 5. LINKS AND BREADCRUMBS */
.ec-store a,
.ec-store .ec-breadcrumbs a {
  color: #38c5f0;
}

.ec-store a:hover {
  color: #ffffff;
}

/* 6. BUTTONS */
.ec-store .ec-btn {
  background-color: #543384 !important;
  color: #ffffff !important;
  border-color: #543384 !important;
}

.ec-store .ec-btn:hover {
  background-color: #00538c !important;
  border-color: #00538c !important;
  color: #ffffff !important;
}

/* 7. PRODUCT OPTIONS - SIZE AND COLOR */
/* Unselected option tiles */
.ec-store .form-control__radio-view,
.ec-store .form-control__checkbox-view,
.ec-store .product-details__product-options label {
  background-color: #1a1a1a !important;
  color: #ffffff !important;
  border-color: #666666 !important;
}

/* Option labels */
.ec-store .product-details__product-options,
.ec-store .product-details__product-options span,
.ec-store .form-control--radio,
.ec-store .form-control--checkbox {
  color: #ffffff !important;
}

/* Keep Ecwid's native selected state intact */
/* 8. FORM FIELDS */
.ec-store input:not([type="radio"]):not([type="checkbox"]),
.ec-store textarea,
.ec-store select {
  background-color: #1a1a1a;
  color: #ffffff;
  border-color: #666666;
}

.ec-store input::placeholder,
.ec-store textarea::placeholder {
  color: #bbbbbb;
}

/* 9. ACCESSIBILITY - KEYBOARD FOCUS */
.ec-store a:focus-visible,
.ec-store button:focus-visible,
.ec-store input:focus-visible,
.ec-store select:focus-visible,
.ec-store textarea:focus-visible {
  outline: 2px solid #38c5f0;
  outline-offset: 2px;
}