@charset "UTF-8";
/* ==========================================
   FORCE DARK DESCRIPTION AREA TO WIN
   ========================================== */
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800;900&display=swap");
.ec-size .ec-store .product-details__description,
.ec-size .ec-store .product-details__product-description,
.ec-size .ec-store .product-details .ecwid-productBrowser-details-description,
.ec-size .ec-store .product-details [class*="description"],
.ec-size .ec-store #umbare-ecwid-exceptional,
.ec-size .ec-store #umbare-ecwid-exceptional * {
  background-color: #001d40 !important;
  color: #e0e6ed !important;
}

/* Make sure the container itself stays dark */
.ec-size .ec-store .product-details__product-bg,
.ec-size .ec-store .product-details {
  background-color: transparent !important;
}

/* ==========================================
   0. SAFETY NET (PROTECTS APP HIDE/SHOW LOGIC)
   ========================================== */
.ec-size .ec-store [style*="display: none"],
.ec-size .ec-store [style*="display:none"] {
  display: none !important;
}

/* ==========================================
   1. GLOBAL LIGHT BASE (SOFTENED FOR DARK DESCRIPTIONS)
   ========================================== */
body, button, input, select, textarea {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
}

/* Soft light base – no longer forces light background on product details */
html#ecwid_html body#ecwid_body div.ecwid-productBrowser,
.ec-size .ec-store {
  background-color: #f8f9fa !important;
  color: #001d40 !important;
}

/* Allow product description area to keep its own dark styling */
.ec-size .ec-store .product-details__product-bg,
.ec-size .ec-store .product-details,
.ec-size .ec-store .product-details__description,
.ec-size .ec-store .product-details__product-description {
  background-color: transparent !important;
  color: inherit !important;
}

/* Clean up scrollbars */
html#ecwid_html, body#ecwid_body, .ec-size, .ec-size .ec-store, .ec-size .ec-store * {
  scrollbar-width: thin !important;
  scrollbar-color: #c5cdd4 #f8f9fa !important;
}

.ec-size .ec-store::-webkit-scrollbar {
  width: 6px !important;
}

.ec-size .ec-store::-webkit-scrollbar-track {
  background: #f8f9fa !important;
}

.ec-size .ec-store::-webkit-scrollbar-thumb {
  background: #c5cdd4 !important;
  border-radius: 10px !important;
}

/* ==========================================
   2. PRODUCT TITLE & HEADER STYLING
   ========================================== */
.ec-size .ec-store .product-details .product-title,
.ec-size .ec-store .product-details__product-title,
.ec-size .ec-store h1.product-details__product-title {
  color: #001d40 !important;
  font-weight: 900 !important;
  font-size: 2.4rem !important;
  text-transform: uppercase !important;
  letter-spacing: -0.5px !important;
  text-shadow: none !important;
  margin-bottom: 10px !important;
}

/* ==========================================
   3. PRICE & REVIEWS (Subdued Teal / Gold)
   ========================================== */
.ec-size .ec-store .product-details__product-price,
.ec-size .ec-store .details-product-purchase__price,
.ec-size .ec-store .product-details__price-actual,
.ec-size .ec-store .details-product-price__value,
.ec-size .ec-store .product-details .product-price {
  color: #00959c !important;
  font-weight: 900 !important;
  font-size: 1.8rem !important;
  text-shadow: none !important;
}

.ec-size .ec-store .product-details__rating,
.ec-size .ec-store .product-details__rating-text,
.ec-size .ec-store .product-details__rating-counter,
.ec-size .ec-store .product-details__rating-link,
.ec-size .ec-store .product-details__questions-link,
.ec-size .ec-store .details-product-purchase__rating,
.ec-size .ec-store .product-details__subtitle,
.ec-size .ec-store .ec-rating__text {
  color: #556b82 !important;
  font-weight: 600 !important;
}

.ec-size .ec-store .ec-rating-stars__star--full,
.ec-size .ec-store .product-details__rating-stars svg {
  color: #FFD700 !important;
  fill: #FFD700 !important;
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.1)) !important;
}

/* ==========================================
   4. FILE UPLOAD BOXES (EXACT MATCH TO SEND BUTTON)
   ========================================== */
.ec-size .ec-store .form-control__title,
.ec-size .ec-store label,
.ec-size .ec-store .details-product-option__title {
  color: #001d40 !important;
  font-weight: 800 !important;
  font-size: 0.95rem !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  margin-bottom: 10px !important;
}

.ec-size .ec-store .form-control--file,
.ec-size .ec-store .details-product-option--file {
  position: relative !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin-bottom: 20px !important;
  width: 100% !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

.ec-size .ec-store .form-control--file .form-control__upload-instructions {
  text-align: left !important;
  display: block !important;
  margin-bottom: 10px !important;
  width: 100% !important;
  color: #001d40 !important;
  -webkit-text-fill-color: #001d40 !important;
  font-weight: 800 !important;
  font-size: 0.95rem !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
}

.ec-size .ec-store .form-control--file .btn,
.ec-size .ec-store .details-product-option--file .btn {
  background: #001d40 !important;
  background-color: #001d40 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-weight: 800 !important;
  font-size: 1.05rem !important;
  text-transform: uppercase !important;
  letter-spacing: 1.5px !important;
  border-radius: 50px !important;
  border: 2px solid #00c2cb !important;
  box-shadow: 0 0 15px rgba(0, 194, 203, 0.25) !important;
  padding: 16px 32px !important;
  transition: all 0.3s ease !important;
  width: 100% !important;
  display: block !important;
  text-align: center !important;
  cursor: pointer !important;
  box-sizing: border-box !important;
  margin: 0 !important;
}

.ec-size .ec-store .form-control--file .btn *,
.ec-size .ec-store .details-product-option--file .btn *,
.ec-size .ec-store .form-control--file .btn span,
.ec-size .ec-store .form-control--file .form-control__button-text {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  display: block !important;
  width: 100% !important;
  text-align: center !important;
}

.ec-size .ec-store .form-control--file:hover .btn,
.ec-size .ec-store .details-product-option--file:hover .btn,
.ec-size .ec-store .form-control--file .btn:hover,
.ec-size .ec-store .details-product-option--file .btn:hover {
  background: #00c2cb !important;
  background-color: #00c2cb !important;
  border-color: #00c2cb !important;
  transform: translateY(-3px) !important;
  box-shadow: 0 12px 25px rgba(0, 194, 203, 0.4) !important;
  color: #001d40 !important;
  -webkit-text-fill-color: #001d40 !important;
}

.ec-size .ec-store .form-control--file:hover .btn *,
.ec-size .ec-store .details-product-option--file:hover .btn *,
.ec-size .ec-store .form-control--file .btn:hover *,
.ec-size .ec-store .details-product-option--file .btn:hover * {
  color: #001d40 !important;
  -webkit-text-fill-color: #001d40 !important;
}

.ec-size .ec-store input[type="file"],
.ec-size .ec-store .form-control__file-input,
.ec-size .ec-store .form-control--file input[type="file"] {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  opacity: 0 !important;
  cursor: pointer !important;
  z-index: 10 !important;
  font-size: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.ec-size .ec-store .form-control--file .form-control__add-more,
.ec-size .ec-store .form-control--file .form-control__upload-more {
  display: none !important;
}

/* ==========================================
   5. UMBARE MATRIX CARDS: GALLERY (SAFE WHITE BACKGROUNDS)
   ========================================== */
.ec-size .ec-store .details-gallery__image-wrapper,
.ec-size .ec-store .product-details__gallery-main {
  border: 2px solid #00c2cb !important;
  border-radius: 16px !important;
  box-shadow: 0 0 20px rgba(0, 194, 203, 0.15) !important;
  background-color: #ffffff !important;
  overflow: hidden !important;
  transition: all 0.4s ease !important;
}

.ec-size .ec-store .details-gallery__picture,
.ec-size .ec-store .details-gallery__image,
.ec-size .ec-store .details-gallery__picture-wrapper,
.ec-size .ec-store .details-gallery__thumb-inner,
.ec-size .ec-store .details-gallery__thumb-img,
.ec-size .ec-store .details-gallery__thumb-bg,
.ec-size .ec-store .details-gallery__thumb-b {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background-color: #ffffff !important;
}

.ec-size .ec-store .details-gallery__thumb {
  border: 2px solid transparent !important;
  border-radius: 10px !important;
  background-color: #ffffff !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05) !important;
  margin: 6px !important;
  transition: all 0.2s ease !important;
  overflow: hidden !important;
}

.ec-size .ec-store .details-gallery__thumb:hover,
.ec-size .ec-store .details-gallery__thumb--active {
  border-color: #00c2cb !important;
  transform: translateY(-3px) !important;
  box-shadow: 0 8px 20px rgba(0, 194, 203, 0.2) !important;
}

/* ==========================================
   6. GRID PRODUCT CARDS (CATALOG VIEW)
   ========================================== */
.ec-size .ec-store .grid-product__wrap-inner,
.ec-size .ec-store .grid-product__wrap {
  background-color: #ffffff !important;
  border: 1px solid #e1e5e8 !important;
  border-radius: 16px !important;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.04) !important;
  padding: 15px !important;
  transition: all 0.3s ease !important;
}

.ec-size .ec-store .grid-product__wrap-inner:hover {
  border-color: #00c2cb !important;
  box-shadow: 0 15px 35px rgba(0, 194, 203, 0.1) !important;
  transform: translateY(-5px) !important;
}

.ec-size .ec-store .grid-product__title,
.ec-size .ec-store .grid-product__title-inner {
  color: #001d40 !important;
  font-weight: 900 !important;
}

.ec-size .ec-store .grid-product__price,
.ec-size .ec-store .grid-product__price-value,
.ec-size .ec-store .grid-product__price-amount {
  color: #00959c !important;
  font-weight: 800 !important;
  font-size: 1.2rem !important;
  text-shadow: none !important;
}

/* ==========================================
   7. UNIFIED BUTTONS & SUBMIT CONTAINER
   ========================================== */
.ec-size .ec-store .form-control__button,
.ec-size .ec-store .form-control__button.btn,
.ec-size .ec-store .form-control__button--add-to-bag,
.ec-size .ec-store .details-product-purchase__add-to-bag .btn,
.ec-size .ec-store .details-product-purchase__add-to-bag button,
.ec-size .ec-store .grid-product__buy-now .form-control__button,
.ec-size .ec-store .grid-product__button .btn,
div.InApp_container button,
div.InApp_container .InApp_button,
div.InApp_container .InApp_submit,
button.InApp_button,
.InApp_button {
  background: #001d40 !important;
  background-color: #001d40 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-weight: 800 !important;
  font-size: 1.05rem !important;
  text-transform: uppercase !important;
  letter-spacing: 1.5px !important;
  border-radius: 50px !important;
  border: 2px solid #00c2cb !important;
  box-shadow: 0 0 15px rgba(0, 194, 203, 0.25) !important;
  padding: 16px 32px !important;
  transition: all 0.3s ease !important;
  width: 100% !important;
  display: inline-block !important;
  text-align: center !important;
  cursor: pointer !important;
  box-sizing: border-box !important;
}

.ec-size .ec-store .form-control__button *,
.ec-size .ec-store .details-product-purchase__add-to-bag *,
div.InApp_container button * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

.ec-size .ec-store .form-control__button:hover,
.ec-size .ec-store .form-control__button.btn:hover,
.ec-size .ec-store .details-product-purchase__add-to-bag .btn:hover,
.ec-size .ec-store .details-product-purchase__add-to-bag button:hover,
.ec-size .ec-store .grid-product__buy-now .form-control__button:hover,
.ec-size .ec-store .grid-product__button .btn:hover,
div.InApp_container button:hover,
div.InApp_container .InApp_button:hover,
div.InApp_container .InApp_submit:hover,
button.InApp_button:hover,
.InApp_button:hover {
  background: #00c2cb !important;
  background-color: #00c2cb !important;
  border-color: #00c2cb !important;
  transform: translateY(-3px) !important;
  box-shadow: 0 12px 25px rgba(0, 194, 203, 0.4) !important;
  color: #001d40 !important;
  -webkit-text-fill-color: #001d40 !important;
}

.ec-size .ec-store .form-control__button:hover *,
.ec-size .ec-store .details-product-purchase__add-to-bag:hover *,
div.InApp_container button:hover * {
  color: #001d40 !important;
  -webkit-text-fill-color: #001d40 !important;
}

.ec-size .ec-store .details-product-purchase__controls {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin-top: 25px !important;
}

/* ==========================================
   8. FOOTER CUSTOMIZATION
   ========================================== */
.ec-size .ec-store .ec-footer__copyright,
.ec-size .ec-store .ec-footer__copyright *,
.ec-size .ec-store .ec-footer__powered-by,
.ec-size .ec-store .ec-footer__powered-by * {
  font-size: 0 !important;
  color: transparent !important;
  height: 0 !important;
  visibility: hidden !important;
}

.ec-size .ec-store .ec-footer__copyright:after,
.ec-size .ec-store .ec-footer:after {
  content: "ENGINEERED BY UMBARE POOLS | HIGH-VELOCITY GUNITE" !important;
  font-size: 0.85rem !important;
  color: #001d40 !important;
  font-weight: 800 !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  display: block !important;
  text-align: center !important;
  padding: 15px 0 !important;
  text-shadow: none !important;
  visibility: visible !important;
}

.footer-new .logo {
  display: none !important;
}

/* ==========================================
   9. CUSTOM QUANTITY LABELS & BUTTON REPLACEMENTS
   ========================================== */
.ec-size .ec-store.ec-store__product-page--145393298 .details-product-purchase__qty-label,
.ec-size .ec-store.ec-store__product-page--145499195 .details-product-purchase__qty-label,
.ec-size .ec-store.ec-store__product-page--145574120 .details-product-purchase__qty-label,
.ec-size .ec-store.ec-store__product-page--145574134 .details-product-purchase__qty-label,
.ec-size .ec-store.ec-store__product-page--145574138 .details-product-purchase__qty-label,
.ec-size .ec-store.ec-store__product-page--145574145 .details-product-purchase__qty-label,
.ec-size .ec-store.ec-store__product-page--145574146 .details-product-purchase__qty-label,
.ec-size .ec-store.ec-store__product-page--145574148 .details-product-purchase__qty-label,
.ec-size .ec-store.ec-store__product-page--145574155 .details-product-purchase__qty-label,
.ec-size .ec-store.ec-store__product-page--145574180 .details-product-purchase__qty-label,
.ec-size .ec-store.ec-store__product-page--145574299 .details-product-purchase__qty-label,
.ec-size .ec-store.ec-store__product-page--145574302 .details-product-purchase__qty-label,
.ec-size .ec-store.ec-store__product-page--145574309 .details-product-purchase__qty-label,
.ec-size .ec-store.ec-store__product-page--145574312 .details-product-purchase__qty-label,
.ec-size .ec-store.ec-store__product-page--145574315 .details-product-purchase__qty-label,
.ec-size .ec-store.ec-store__product-page--145574316 .details-product-purchase__qty-label,
.ec-size .ec-store.ec-store__product-page--145574320 .details-product-purchase__qty-label {
  font-size: 0;
}

.ec-size .ec-store.ec-store__product-page--145393298 .details-product-purchase__qty-label:after,
.ec-size .ec-store.ec-store__product-page--145499195 .details-product-purchase__qty-label:after,
.ec-size .ec-store.ec-store__product-page--145574120 .details-product-purchase__qty-label:after,
.ec-size .ec-store.ec-store__product-page--145574134 .details-product-purchase__qty-label:after,
.ec-size .ec-store.ec-store__product-page--145574138 .details-product-purchase__qty-label:after,
.ec-size .ec-store.ec-store__product-page--145574145 .details-product-purchase__qty-label:after,
.ec-size .ec-store.ec-store__product-page--145574146 .details-product-purchase__qty-label:after,
.ec-size .ec-store.ec-store__product-page--145574148 .details-product-purchase__qty-label:after,
.ec-size .ec-store.ec-store__product-page--145574155 .details-product-purchase__qty-label:after,
.ec-size .ec-store.ec-store__product-page--145574180 .details-product-purchase__qty-label:after,
.ec-size .ec-store.ec-store__product-page--145574299 .details-product-purchase__qty-label:after,
.ec-size .ec-store.ec-store__product-page--145574302 .details-product-purchase__qty-label:after,
.ec-size .ec-store.ec-store__product-page--145574309 .details-product-purchase__qty-label:after,
.ec-size .ec-store.ec-store__product-page--145574312 .details-product-purchase__qty-label:after,
.ec-size .ec-store.ec-store__product-page--145574315 .details-product-purchase__qty-label:after,
.ec-size .ec-store.ec-store__product-page--145574316 .details-product-purchase__qty-label:after,
.ec-size .ec-store.ec-store__product-page--145574320 .details-product-purchase__qty-label:after {
  content: "Total Square Feet";
  font-size: 16px;
  color: #001d40;
  font-weight: 800;
}

.ec-size .ec-store.ec-store__product-page--145487005 .details-product-purchase__qty-label,
.ec-size .ec-store.ec-store__product-page--145499181 .details-product-purchase__qty-label {
  font-size: 0;
}

.ec-size .ec-store.ec-store__product-page--145487005 .details-product-purchase__qty-label:after,
.ec-size .ec-store.ec-store__product-page--145499181 .details-product-purchase__qty-label:after {
  content: "Linear Feet";
  font-size: 16px;
  color: #001d40;
  font-weight: 800;
}

.grid-product.grid-product--id-629587836 .grid-product__button.grid-product__buy-now .form-control__button-text,
.grid-product.grid-product--id-527913059 .grid-product__button.grid-product__buy-now .form-control__button-text,
.grid-product.grid-product--id-657173200 .grid-product__button.grid-product__buy-now .form-control__button-text,
.grid-product.grid-product--id-538521510 .grid-product__button.grid-product__buy-now .form-control__button-text,
.grid-product.grid-product--id-646963441 .grid-product__button.grid-product__buy-now .form-control__button-text,
.grid-product.grid-product--id-646944977 .grid-product__button.grid-product__buy-now .form-control__button-text,
.grid-product.grid-product--id-537984261 .grid-product__button.grid-product__buy-now .form-control__button-text,
.grid-product.grid-product--id-659794404 .grid-product__button.grid-product__buy-now .form-control__button-text,
.grid-product.grid-product--id-674547455 .grid-product__button.grid-product__buy-now .form-control__button-text {
  font-size: 0px;
}

.grid-product.grid-product--id-629587836 .grid-product__button.grid-product__buy-now .form-control__button-text:after,
.grid-product.grid-product--id-527913059 .grid-product__button.grid-product__buy-now .form-control__button-text:after,
.grid-product.grid-product--id-657173200 .grid-product__button.grid-product__buy-now .form-control__button-text:after,
.grid-product.grid-product--id-538521510 .grid-product__button.grid-product__buy-now .form-control__button-text:after,
.grid-product.grid-product--id-646963441 .grid-product__button.grid-product__buy-now .form-control__button-text:after,
.grid-product.grid-product--id-646944977 .grid-product__button.grid-product__buy-now .form-control__button-text:after,
.grid-product.grid-product--id-537984261 .grid-product__button.grid-product__buy-now .form-control__button-text:after,
.grid-product.grid-product--id-659794404 .grid-product__button.grid-product__buy-now .form-control__button-text:after,
.grid-product.grid-product--id-674547455 .grid-product__button.grid-product__buy-now .form-control__button-text:after {
  content: "Learn More Now!";
  font-size: 15px;
}

.ec-size .ec-store .ec-cart-next__header, .ec-size .ec-store .ec-cart__step.ec-cart-step--empty {
  display: none;
}

/* ==========================================
   OFF-SCREEN BANISHMENT: HIDE LIGHTSPEED PILL
   ========================================== */
.ec-badge,
.ec-badge--powered-by,
.ec-cart-step__powered-by,
a[href*="lightspeedhq.com"],
a[title*="Lightspeed"] {
  position: fixed !important;
  bottom: -9999px !important;
  right: -9999px !important;
  z-index: -9999 !important;
  font-size: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  clip: rect(0, 0, 0, 0) !important;
  clip-path: inset(100%) !important;
  pointer-events: none !important;
}
