@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800;900&display=swap");

:root {
  --color-primary: #ff5500;
  --color-primary-hover: #ff6a00;
  --color-primary-text: #fff;
  --color-primary-text-hover: #fff;
  --color-secondary: rgba(255,85,0,0.15);
  --color-secondary-hover: rgba(255,85,0,0.25);
  --color-secondary-text: #fff;
  --color-secondary-text-hover: #fff;
  --color-bg: #0d0005;
  --color-brighter-bg: #150008;
  --color-text: #ffffff;
  --color-text-darker: #f5dde8;
  --color-text-secondary: #c9a0b0;
  --bg-image: none;
  --luketv-grad: linear-gradient(135deg, #ff6a00, #cc1100);
  --luketv-border: rgba(255,85,0,0.25);
}

body {
  font-family: 'Poppins', sans-serif;
  background: #0d0005 !important;
}

body::before {
  display: none !important;
}

/* ── Buttons ── */
.btn-primary {
  background: var(--luketv-grad) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  border-radius: 8px;
  font-weight: 600;
  transition: opacity 0.2s ease, transform 0.15s ease, box-shadow 0.2s ease;
}
.btn-primary:hover,
.btn-primary:focus {
  opacity: 0.88;
  transform: translateY(-1px);
  box-shadow: 0 6px 20px rgba(255,85,0,0.4) !important;
  background: var(--luketv-grad) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}
.btn-secondary {
  background: transparent !important;
  border: 1px solid var(--luketv-border) !important;
  color: #fff !important;
  border-radius: 8px;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.btn-secondary:hover,
.btn-secondary:focus {
  border-color: #ff5500 !important;
  box-shadow: 0 0 14px rgba(255,85,0,0.3) !important;
  background: transparent !important;
}
.btn-tertiary {
  border-radius: 8px;
}

/* ── Cards / Products ── */
.store-products-list .store-product,
.store-products-images .store-product {
  background: #150008 !important;
  border: 1px solid var(--luketv-border);
  border-radius: 12px;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.store-products-list .store-product:hover,
.store-products-images .store-product:hover {
  border-color: rgba(255,85,0,0.55);
  box-shadow: 0 4px 28px rgba(255,85,0,0.15);
}
.store-product-full {
  background: #150008 !important;
  border: 1px solid var(--luketv-border);
  border-radius: 12px;
}

/* ── Price gradient ── */
.store-product .price strong,
.store-product-tiered .price strong {
  background: var(--luketv-grad);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.store-product .product-title a:hover {
  color: #ff5500;
}

/* ── Navigation ── */
.navigation-horizontal .menu {
  background: #150008 !important;
  border: 1px solid var(--luketv-border);
  border-radius: 8px;
}
.navigation-vertical.widget {
  background: #150008 !important;
  border: 1px solid var(--luketv-border);
  border-radius: 12px;
}

/* ── Widgets ── */
.widget {
  background: #150008 !important;
  border: 1px solid var(--luketv-border);
  border-radius: 12px;
}
@media (width <= 960px) {
  .widget.site-navigation {
    background: transparent !important;
    border: none;
    border-radius: 0;
  }
}
.widget-title {
  text-align: center;
  background: var(--luketv-grad);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.widget-community-goal .progress-bar,
.widget-goal .progress-bar {
  background: var(--luketv-grad);
}

/* ── Home categories ── */
.site-home-categories .category {
  background: #150008 !important;
  border: 1px solid var(--luketv-border);
  border-radius: 12px;
  padding: 20px var(--widget-padding);
  transition: border-color 0.2s ease, box-shadow 0.2s ease, color 0.15s ease;
}
.site-home-categories .category:hover {
  color: #ff5500;
  border-color: rgba(255,85,0,0.55);
  box-shadow: 0 4px 28px rgba(255,85,0,0.15);
}

/* ── Category desc / Store text / No products ── */
.category-description,
.store-text,
.no-products {
  background: #150008 !important;
  border: 1px solid var(--luketv-border);
  border-radius: 12px;
}
.store-text h1, .store-text h2, .store-text h3,
.store-text h4, .store-text h5, .store-text h6 {
  text-align: center;
}

/* ── Tiered category ── */
.store-category-tiered {
  background: #150008 !important;
  border: 1px solid var(--luketv-border);
  border-radius: 12px;
}
.store-category-tiered-header h1,
.store-category-tiered-header h2,
.store-category-tiered-header h3,
.store-category-tiered-header h4,
.store-category-tiered-header h5,
.store-category-tiered-header h6 {
  text-align: center;
}
.store-product-tiered {
  background: rgba(13,0,5,0.5) !important;
  border: 1px solid var(--luketv-border);
  border-radius: 8px;
}
.store-product-tiered.store-product-cta {
  background: linear-gradient(to bottom, #150008, rgba(255,85,0,0.1)) !important;
  border-color: rgba(255,85,0,0.5);
}

/* ── Popups ── */
.popup-content {
  background: #150008 !important;
  border: 1px solid var(--luketv-border);
  border-radius: 12px;
}
.popup-close {
  border-radius: 0 12px 0 12px;
}
.popup-close:hover {
  background-color: rgba(255,85,0,0.15) !important;
  opacity: 1;
}
.basket-popup-content,
.basket-popup-content .popup-close {
  border-radius: 0;
}

/* ── Basket ── */
.basket-popup-content {
  background: #0d0005 !important;
  border-left: 1px solid var(--luketv-border);
}
.basket .basket-item {
  background: #150008 !important;
  border: 1px solid var(--luketv-border);
  border-radius: 8px;
}
.basket .basket-item .price {
  color: #ff5500;
}
.basket .basket-checkout .total {
  color: #ff5500;
}

/* ── Footer ── */
.site-footer {
  background: #150008 !important;
  border-top: 1px solid var(--luketv-border);
}

/* ── Sale banner ── */
.site-sale-banner {
  background: var(--luketv-grad) !important;
  border-radius: 8px;
  color: #fff;
}

/* ── Media slider ── */
.media-slider .slider,
.media-slider .thumb {
  background: #150008 !important;
  border-radius: 8px;
}
.media-slider .open-lightbox {
  border-radius: 4px;
}
.popup.popup-media-slider .thumb {
  border-radius: 8px;
}
.popup.popup-media-slider .popup-close {
  border-radius: 8px;
}

/* ── Toast ── */
.toast {
  background: #150008 !important;
  border: 1px solid var(--luketv-border);
  border-radius: 8px;
}
.toast-close {
  border-radius: 4px;
}

/* ── Quantity field ── */
.quantity-field {
  border-color: var(--luketv-border);
  border-radius: 8px;
  background: #0d0005 !important;
}
.store-product .quantity-field {
  border-radius: 8px;
  background: #0d0005 !important;
}
.store-product .quantity-field input[type=number] {
  border: none;
}

/* ── Input fields ── */
.store-form input[type=text],
.store-form input[type=password],
.store-form input[type=email],
.store-form input[type=number],
.store-form input[type=search],
.store-form input[type=url],
.store-form input[type=tel],
.store-form input[type=date],
.store-form select,
.store-form textarea,
.widget-gift-card .gift-card-input {
  background: #0d0005 !important;
  border: 1px solid var(--luketv-border) !important;
  border-radius: 6px;
  color: #fff !important;
}
.store-form input:focus,
.store-form select:focus,
.store-form textarea:focus {
  border-color: #ff5500 !important;
  box-shadow: 0 0 8px rgba(255,85,0,0.2);
}

/* ── Scrollbar ── */
html {
  scrollbar-color: #ff5500 #150008;
}

/* ── Selection ── */
::selection {
  background-color: #ff5500;
  color: #fff;
}