/* =========================================
   PyroDust × Ecwid — Brand Overrides
   File: /css/ecwid-pyrodust.css
   Load AFTER Ecwid's script and site CSS
========================================= */

/* Brand tokens (fallbacks use site-wide vars if present) */
:root{
  --pd-ink: var(--ink, #0f0f0f);
  --pd-ash: var(--ash, #f6f6f6);
  --pd-ember: var(--ember, #e64a19);
  --pd-ember-deep: var(--ember-deep, #c63d17);
  --pd-ring: rgba(230,74,25,.22);
}

/* 1) Base type + color */
.ecwid, .ecwid div, .ecwid span, .ecwid p, .ecwid a {
  font-family: "Barlow", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
  color: var(--pd-ink);
  line-height: 1.45;
  -webkit-font-smoothing: antialiased;
}

/* 2) Links */
.ecwid a { color: var(--pd-ember); text-decoration: none; }
.ecwid a:hover { color: var(--pd-ember-deep); text-decoration: underline; }

/* 3) Section/page titles inside Ecwid */
.ecwid .ecwid-productBrowser-head,
.ecwid .product-details__product-title,
.ecwid .category__title {
  color: var(--pd-ember);
  font-weight: 800;
}

/* 4) Product card polish (grid/list) */
.ecwid .ecwid-productBrowser-productsGrid-productTopFragment,
.ecwid .ecwid-productBrowser-productsGrid-productBottomFragment,
.ecwid .grid-product,
.ecwid .product-list__item {
  background: #fff;
  border: 1px solid #eee;
  border-radius: 18px;
  box-shadow: 0 8px 26px rgba(0,0,0,.06);
  overflow: hidden;
}
.ecwid .ecwid-productBrowser-productsGrid-productTopFragment:hover,
.ecwid .grid-product:hover {
  transform: translateY(-2px);
  transition: box-shadow .2s ease, transform .2s ease;
  box-shadow: 0 12px 28px rgba(0,0,0,.09);
}

/* 5) Product names */
.ecwid .ecwid-productBrowser-productNameLink a {
  color: var(--pd-ink);
  font-weight: 700;
  font-size: 1.05rem;
  text-decoration: none;
}
.ecwid .ecwid-productBrowser-productNameLink a:hover { color: var(--pd-ember); }

/* 6) Price emphasis */
.ecwid .ecwid-productBrowser-price,
.ecwid .grid-product__price,
.ecwid .product-details__product-price {
  color: var(--pd-ink);
  font-weight: 800;
  font-size: 1.06rem;
}

/* 7) Inputs / selects / textareas */
.ecwid input[type="text"], .ecwid input[type="email"],
.ecwid input[type="password"], .ecwid select, .ecwid textarea {
  border-radius: 12px;
  border: 1px solid #ddd;
  padding: .7rem .85rem;
  font-size: 1rem;
}
.ecwid input:focus, .ecwid select:focus, .ecwid textarea:focus {
  outline: none;
  border-color: var(--pd-ember);
  box-shadow: 0 0 0 3px var(--pd-ring);
}

/* 8) Primary buttons (Add to Bag / Checkout / General primary CTAs) */
.ecwid .ecwid-btn--primary,
.ecwid .ecwid-productBrowser-cart-addToBagButton,
.ecwid .button--primary,
.ecwid .product-details__button {
  background: var(--pd-ember) !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 14px !important;
  padding: .8rem 1.1rem !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
.ecwid .ecwid-btn--primary:hover,
.ecwid .ecwid-productBrowser-cart-addToBagButton:hover,
.ecwid .button--primary:hover,
.ecwid .product-details__button:hover {
  background: var(--pd-ember-deep) !important;
}

/* 8b) Login / Sign-in button fix (account page & popups) */
.ecwid .form-control__button,
.ecwid .form-control__button--primary,
.ecwid .ec-login__button,
.ecwid .ec-auth__button,
.ecwid .signin-popup__button {
  background: var(--pd-ember) !important;
  color: #fff !important;
  font-weight: 700 !important;
  border-radius: 14px !important;
  border: none !important;
  padding: .9rem 1.2rem !important;
  text-align: center !important;
  cursor: pointer !important;
}
.ecwid .form-control__button:hover,
.ecwid .form-control__button--primary:hover,
.ecwid .ec-login__button:hover,
.ecwid .ec-auth__button:hover,
.ecwid .signin-popup__button:hover {
  background: var(--pd-ember-deep) !important;
}

/* 8c) Make sure disabled buttons remain legible */
.ecwid .button--disabled,
.ecwid .ecwid-btn--disabled {
  opacity: .55 !important;
  color: #fff !important;
}

/* Remove legacy image-based add-to-cart sprites if present */
.ecwid .ecwid-AddToBagButton-up,
.ecwid .ecwid-AddToBagButton-down,
.ecwid .ecwid-AddToBagButton-up-hovering,
.ecwid .ecwid-AddToBagButton-down-hovering { background: none !important; }

/* 9) Tidy related products */
.ecwid .ecwid-productBrowser-relatedProducts .ecwid-productBrowser-relatedProducts-title {
  padding-bottom: 5px;
  color: var(--pd-ember);
  font-size: 18px;
  font-weight: 800;
}
.ecwid .ecwid-productBrowser-relatedProducts .ecwid-productBrowser-relatedProducts-item-top-hover,
.ecwid .ecwid-productBrowser-relatedProducts .ecwid-productBrowser-relatedProducts-item-bottom-hover {
  border: 1px solid #eee;
  margin: 0;
}

/* 10) Cart table polish */
td.ecwid-productBrowser-cart-itemsTable-headerCell {
  border-bottom: 1px solid #eee;
  color: var(--pd-ink);
  font-weight: 700;
  padding: 8px 12px;
}
td.ecwid-productBrowser-cart-itemsTable-cell {
  border-bottom: 1px solid #f0f0f0;
  padding: 10px;
}

/* 11) Force legacy gray text to readable ink */
.ecwid .ecwid-LoginForm .ecwid-fieldLabel,
.ecwid .ecwid-FormPopup-fieldWrapper .ecwid-fieldLabel,
.ecwid .ecwid-results-topPanel-itemsCountLabel,
.ecwid .ecwid-productBrowser-cart-totalLabel,
.ecwid .ecwid-productBrowser-cart-subtotalLabel,
.ecwid .ecwid-productBrowser-cart-shippingLabel,
.ecwid .ecwid-productBrowser-cart-taxLabel,
.ecwid .ecwid-productBrowser-cart-estimationNote,
.ecwid .ecwid-OrdersList-OrderBox-options {
  color: var(--pd-ink) !important;
}

/* 12) Hide optional clutter (breadcrumbs, sort, view switch) */
.ecwid .ecwid-productBrowser-categoryPath,
.ecwid .ecwid-results-topPanel-sortByPanel,
.ecwid .ecwid-results-topPanel-viewAsPanel {
  display: none !important;
}

/* 13) Powered by Ecwid (muted, still visible) */
html#ecwid_html body#ecwid_body .ecwid a.ecwid-poweredBy {
  color: #999; font-size: 11px; text-decoration: none;
}
html#ecwid_html body#ecwid_body .ecwid a.ecwid-poweredBy:hover {
  color: var(--pd-ember); text-decoration: underline;
}

/* ================================
   Mini-Cart / Drawer
================================ */
.ec-minicart, .ecwid-minicart {
  background: var(--pd-ember) !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 9999px !important;
  box-shadow: 0 10px 24px rgba(0,0,0,.18) !important;
}
.ec-minicart:hover, .ecwid-minicart:hover {
  background: var(--pd-ember-deep) !important;
}

.ec-minicart .ec-minicart__icon,
.ecwid-minicart .ecwid-minicart__icon { filter: none !important; }

.ec-minicart .ec-minicart__counter,
.ecwid-minicart .ecwid-minicart__counter {
  background: #fff !important;
  color: var(--pd-ember) !important;
  font-weight: 800 !important;
  border-radius: 9999px !important;
  box-shadow: 0 0 0 2px var(--pd-ember) inset;
}

/* Drawer / side panel */
.ec-cart, .ec-cart--opened, .ec-cart__body {
  background: #fff !important;
  color: var(--pd-ink) !important;
}
.ec-cart__panel, .ec-cart__container {
  border-radius: 18px 0 0 18px !important;       /* left drawer */
  box-shadow: -12px 0 32px rgba(0,0,0,.18) !important;
}
@media (max-width: 768px){
  .ec-cart__panel, .ec-cart__container {
    border-radius: 16px 16px 0 0 !important;     /* bottom sheet on mobile */
    box-shadow: 0 -12px 32px rgba(0,0,0,.18) !important;
  }
}

/* Drawer header */
.ec-cart__header, .ec-cart__title {
  background: linear-gradient(180deg, rgba(0,0,0,.05), rgba(0,0,0,0)) !important;
  color: var(--pd-ink) !important;
  border-bottom: 1px solid #eee !important;
  font-weight: 800 !important;
}

/* Line items */
.ec-cart__items, .ec-cart-item, .ec-cart__item { border-bottom: 1px solid #f0f0f0 !important; }
.ec-cart-item__title, .ec-cart__item-title {
  color: var(--pd-ink) !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}
.ec-cart-item__price, .ec-cart__item-price { color: var(--pd-ink) !important; font-weight: 800 !important; }

/* Qty controls */
.ec-cart-item__qty input, .ec-cart__qty input {
  border: 1px solid #ddd !important;
  border-radius: 10px !important;
  padding: .35rem .6rem !important;
}
.ec-cart-item__qty input:focus, .ec-cart__qty input:focus {
  outline: none !important;
  border-color: var(--pd-ember) !important;
  box-shadow: 0 0 0 3px var(--pd-ring) !important;
}

/* Totals */
.ec-cart__summary, .ec-cart__subtotal, .ec-cart__total { color: var(--pd-ink) !important; }
.ec-cart__total-amount { font-weight: 800 !important; }

/* Primary actions in drawer */
.ec-cart__checkout, .ec-cart__button--primary,
.ec-cart .button--primary {
  background: var(--pd-ember) !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 14px !important;
  padding: .9rem 1.1rem !important;
  font-weight: 800 !important;
}
.ec-cart__checkout:hover, .ec-cart__button--primary:hover,
.ec-cart .button--primary:hover {
  background: var(--pd-ember-deep) !important;
}

/* Secondary actions */
.ec-cart__continue, .ec-cart__button--secondary,
.ec-cart .button--secondary {
  background: #fff !important;
  color: var(--pd-ink) !important;
  border: 1px solid #ddd !important;
  border-radius: 14px !important;
  padding: .85rem 1.05rem !important;
}
.ec-cart__continue:hover, .ec-cart__button--secondary:hover,
.ec-cart .button--secondary:hover {
  border-color: var(--pd-ember) !important;
  box-shadow: 0 0 0 3px var(--pd-ring) !important;
}

/* Notices / empty cart */
.ec-cart__notice, .ec-cart-empty,
.ec-cart-empty__title, .ec-cart-empty__subtitle {
  color: var(--pd-ink) !important;
}

/* Improve Ecwid product card appearance */
.grid-product__wrap-inner{
border-radius:14px;
box-shadow:0 6px 18px rgba(0,0,0,0.08);
transition:transform .15s ease, box-shadow .15s ease;
}

/* Hover lift effect */
.grid-product__wrap-inner:hover{
transform:translateY(-3px);
box-shadow:0 10px 26px rgba(0,0,0,0.12);
}

/* Stronger product title */
.grid-product__title{
font-weight:600;
}

/* Slightly larger price */
.grid-product__price{
font-size:18px;
font-weight:700;
}