/* Custom CSS theme */
@charset "UTF-8";
/* ============================================
   CRAVE ROMANCE BOUTIQUE — Ecwid Custom CSS
   Theme Name: Crave Dark
   ============================================ */
/* --- Global Colors & Typography --- */
.ecwid .ec-store,
.ecwid .ec-store * {
  font-family: Jost, Arial, sans-serif !important;
  box-sizing: border-box;
}

/* Background */
.ecwid .ec-store {
  background: #080406 !important;
  color: #fce8ee !important;
}

/* --- Product Grid --- */
.ecwid .grid-product {
  background: #0c0508 !important;
  border: 1px solid rgba(201, 169, 110, 0.2) !important;
  border-radius: 0 !important;
  transition: border-color 0.25s !important;
}

.ecwid .grid-product:hover {
  border-color: rgba(201, 169, 110, 0.5) !important;
}

/* Product Title */
.ecwid .grid-product__title,
.ecwid .grid-product__title-inner {
  font-family: 'Playfair Display', Georgia, serif !important;
  color: #ede8e3 !important;
  font-size: 16px !important;
}

/* Product Price */
.ecwid .grid-product__price,
.ecwid .grid-product__price-value {
  font-family: Jost, Arial, sans-serif !important;
  color: #c9a96e !important;
  font-weight: 600 !important;
}

/* Product Image Container */
.ecwid .grid-product__image {
  background: #0c0508 !important;
}

/* --- Buttons --- */
.ecwid .btn-default,
.ecwid .btn-primary,
.ecwid .ec-cart-widget__button,
.ecwid .form-control__button,
.ecwid .ec-form__button {
  background: linear-gradient(135deg, #6b0f1a, #b5215e) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 2px !important;
  font-family: Jost, Arial, sans-serif !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  padding: 12px 28px !important;
  transition: opacity 0.2s !important;
}

.ecwid .btn-default:hover,
.ecwid .btn-primary:hover {
  opacity: 0.85 !important;
}

/* Add to Cart button */
.ecwid .ec-cart-widget__button,
.ecwid .grid-product__btn {
  background: linear-gradient(135deg, #6b0f1a, #b5215e) !important;
  color: #fff !important;
  border-radius: 2px !important;
  font-family: Jost, Arial, sans-serif !important;
  font-weight: 600 !important;
  letter-spacing: 0.15em !important;
  text-transform: uppercase !important;
  font-size: 11px !important;
}

/* --- Category Navigation --- */
.ecwid .ec-store__categories-panel,
.ecwid .ecwid-productBrowser-categories {
  background: #0c0508 !important;
  border-right: 1px solid rgba(201, 169, 110, 0.15) !important;
}

.ecwid .ec-store__categories-panel a,
.ecwid .ecwid-productBrowser-categories a {
  color: #fce8ee !important;
  font-family: Jost, Arial, sans-serif !important;
  font-size: 13px !important;
  letter-spacing: 0.05em !important;
  text-decoration: none !important;
  border-bottom: 1px solid rgba(201, 169, 110, 0.08) !important;
  padding: 10px 16px !important;
  display: block !important;
}

.ecwid .ec-store__categories-panel a:hover,
.ecwid .ecwid-productBrowser-categories a:hover,
.ecwid .ec-store__categories-panel a.active {
  color: #c9a96e !important;
  background: rgba(201, 169, 110, 0.06) !important;
}

/* --- Search Bar --- */
.ecwid .ec-search__form,
.ecwid .ecwid-productBrowser-search {
  background: #0c0508 !important;
  border: 1px solid rgba(201, 169, 110, 0.2) !important;
  border-radius: 2px !important;
}

.ecwid .ec-search__input,
.ecwid .ecwid-productBrowser-search input {
  background: transparent !important;
  color: #fce8ee !important;
  font-family: Jost, Arial, sans-serif !important;
  border: none !important;
}

.ecwid .ec-search__input::placeholder {
  color: rgba(154, 104, 120, 0.7) !important;
}

/* --- Product Detail Page --- */
.ecwid .ec-store__page,
.ecwid .product-details {
  background: #080406 !important;
}

.ecwid .product-details__name,
.ecwid .ec-store h1,
.ecwid .ec-store h2 {
  font-family: 'Playfair Display', Georgia, serif !important;
  color: #ede8e3 !important;
}

.ecwid .product-details__price,
.ecwid .product-details__price-value {
  color: #c9a96e !important;
  font-size: 22px !important;
  font-weight: 600 !important;
}

.ecwid .product-details__description,
.ecwid .product-details p {
  color: #fce8ee !important;
  font-family: Jost, Arial, sans-serif !important;
  line-height: 1.8 !important;
}

/* --- Cart --- */
.ecwid .ec-cart,
.ecwid .ecwid-productBrowser-cart {
  background: #080406 !important;
  color: #fce8ee !important;
}

.ecwid .ec-cart__title,
.ecwid .ec-cart h2 {
  font-family: 'Playfair Display', Georgia, serif !important;
  color: #ede8e3 !important;
}

.ecwid .ec-cart__item-name {
  color: #fce8ee !important;
  font-family: Jost, Arial, sans-serif !important;
}

.ecwid .ec-cart__item-price {
  color: #c9a96e !important;
  font-weight: 600 !important;
}

/* --- Form Inputs --- */
.ecwid input[type="text"],
.ecwid input[type="email"],
.ecwid input[type="tel"],
.ecwid input[type="number"],
.ecwid select,
.ecwid textarea {
  background: #0c0508 !important;
  border: 1px solid rgba(201, 169, 110, 0.2) !important;
  border-radius: 2px !important;
  color: #fce8ee !important;
  font-family: Jost, Arial, sans-serif !important;
  padding: 10px 14px !important;
}

.ecwid input:focus,
.ecwid select:focus,
.ecwid textarea:focus {
  border-color: rgba(201, 169, 110, 0.5) !important;
  outline: none !important;
}

/* --- Labels --- */
.ecwid label,
.ecwid .ec-form__label {
  color: #9a6878 !important;
  font-family: Jost, Arial, sans-serif !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.15em !important;
  text-transform: uppercase !important;
}

/* --- Pagination --- */
.ecwid .ec-pager__page,
.ecwid .pager-bar a {
  background: transparent !important;
  border: 1px solid rgba(201, 169, 110, 0.25) !important;
  color: #c9a96e !important;
  border-radius: 2px !important;
  font-family: Jost, Arial, sans-serif !important;
}

.ecwid .ec-pager__page--active,
.ecwid .pager-bar a.active {
  background: #b5215e !important;
  border-color: #b5215e !important;
  color: #fff !important;
}

/* --- Breadcrumbs --- */
.ecwid .ec-breadcrumbs,
.ecwid .breadcrumbs {
  color: #9a6878 !important;
  font-family: Jost, Arial, sans-serif !important;
  font-size: 11px !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
}

.ecwid .ec-breadcrumbs a {
  color: #9a6878 !important;
  text-decoration: none !important;
}

.ecwid .ec-breadcrumbs a:hover {
  color: #c9a96e !important;
}

/* --- Sort & Filter Bar --- */
.ecwid .ec-filters,
.ecwid .sort-panel {
  background: #0c0508 !important;
  border-bottom: 1px solid rgba(201, 169, 110, 0.1) !important;
}

.ecwid .ec-filters select,
.ecwid .sort-panel select {
  background: #0c0508 !important;
  color: #fce8ee !important;
  border: 1px solid rgba(201, 169, 110, 0.2) !important;
}

/* --- Stock Badge --- */
.ecwid .grid-product__label,
.ecwid .product-details__label {
  background: linear-gradient(135deg, #6b0f1a, #b5215e) !important;
  color: #fff !important;
  border-radius: 2px !important;
  font-family: Jost, Arial, sans-serif !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
}

/* --- Scrollbar (webkit) --- */
.ecwid ::-webkit-scrollbar {
  width: 6px;
}

.ecwid ::-webkit-scrollbar-track {
  background: #080406;
}

.ecwid ::-webkit-scrollbar-thumb {
  background: rgba(201, 169, 110, 0.3);
  border-radius: 3px;
}

.ecwid ::-webkit-scrollbar-thumb:hover {
  background: rgba(201, 169, 110, 0.6);
}

/* ============================================
   CRAVE — Ecwid Layout Fixes
   Add to bottom of Crave Dark CSS theme
   ============================================ */
/* Hide "Powered by Lightspeed" */
.ec-footer,
.ec-footer__cell,
[class*="ec-footer"],
.ecwid-productBrowser-footer {
  display: none !important;
}

/* Category grid — 3 columns */
.ec-store .ec-store__categories-view,
.ec-store .categories-list {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 20px !important;
  padding: 0 !important;
}

/* Category cards */
.ec-store .ec-store__categories-view .ec-store__category-card,
.ec-store .categories-list li {
  background: #0c0508 !important;
  border: 1px solid rgba(201, 169, 110, 0.2) !important;
  border-radius: 0 !important;
  overflow: hidden !important;
  position: relative !important;
  aspect-ratio: 4/3 !important;
  transition: border-color 0.25s !important;
}

.ec-store .ec-store__category-card:hover {
  border-color: rgba(201, 169, 110, 0.5) !important;
}

/* Category image */
.ec-store .ec-store__category-card img,
.ec-store .categories-list li img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  filter: brightness(0.65) !important;
  transition: filter 0.3s !important;
}

.ec-store .ec-store__category-card:hover img {
  filter: brightness(0.8) !important;
}

/* Category name overlay */
.ec-store .ec-store__category-card .ec-store__category-card-title,
.ec-store .categories-list li a {
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  padding: 16px !important;
  font-family: Jost, Arial, sans-serif !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.2em !important;
  text-transform: uppercase !important;
  color: #ede8e3 !important;
  text-align: center !important;
  background: linear-gradient(0deg, rgba(8, 4, 6, 0.85) 0%, transparent 100%) !important;
  text-decoration: none !important;
}

/* Hide product count in category */
.ec-store .ec-store__category-card .ec-store__category-card-count {
  display: none !important;
}

/* Mobile — 2 columns */
@media (max-width: 600px) {
  .ec-store .ec-store__categories-view,
.ec-store .categories-list {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 12px !important;
  }
}

/* Featured Products heading — hide if showing gift card only */
.ec-store .ec-store__featured-products-title {
  font-family: 'Playfair Display', Georgia, serif !important;
  color: #ede8e3 !important;
  font-size: clamp(22px, 2.5vw, 32px) !important;
  font-weight: 700 !important;
  text-align: center !important;
  margin-bottom: 24px !important;
}

/* Bottom nav icons bar — style to match */
.ec-store .ec-footer-menu {
  background: #080406 !important;
  border-top: 1px solid rgba(201, 169, 110, 0.1) !important;
  padding: 16px 0 !important;
}

.ec-store .ec-footer-menu__item {
  color: #9a6878 !important;
  font-family: Jost, Arial, sans-serif !important;
  font-size: 11px !important;
}

.ec-store .ec-footer-menu__item:hover {
  color: #c9a96e !important;
}

.ec-store .ec-footer-menu__item svg,
.ec-store .ec-footer-menu__item path {
  fill: currentColor !important;
  stroke: currentColor !important;
}