/* ===== KILL ALL THEME GAPS ===== */
body,
html {
    background-color: #0D0D0D !important;
    margin: 0 !important;
    padding: 0 !important;
}
.site-header,
.entry-header,
.page-header,
.site-footer,
.comments-area,
.entry-footer,
.post-navigation,
#subscribe-blog {
    display: none !important;
}
.site-content,
.entry-content,
.page .site-main,
.site-main,
article.page,
article.post {
    background-color: #0D0D0D !important;
    margin: 0 !important;
    padding: 0 !important;
}
.skip-link {
    display: none !important;
}
/* Sticky nav */
.sticky-nav {
    position: sticky !important;
    top: 0 !important;
    z-index: 100 !important;
}
/* Style Jetpack email form */
.jetpack_subscription_widget {
    max-width: 500px;
    margin: 0 auto;
    padding: 0 24px 80px;
}
.jetpack_subscription_widget input[type="email"] {
    background: rgba(255,255,255,0.06) !important;
    border: 1px solid #333 !important;
    border-radius: 50px !important;
    color: #F5F5F5 !important;
    padding: 14px 20px !important;
    font-family: 'DM Sans', sans-serif !important;
    font-size: 14px !important;
    width: 100% !important;
    margin-bottom: 10px !important;
}
.jetpack_subscription_widget input[type="email"]::placeholder {
    color: #616161 !important;
}
.jetpack_subscription_widget input[type="email"]:focus {
    border-color: #B4FF39 !important;
    outline: none !important;
}
.jetpack_subscription_widget button,
.jetpack_subscription_widget input[type="submit"] {
    background: #B4FF39 !important;
    color: #0A0A0A !important;
    font-family: 'Syne', sans-serif !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    border: none !important;
    border-radius: 50px !important;
    padding: 14px 28px !important;
    cursor: pointer !important;
    width: 100% !important;
}
.jetpack_subscription_widget button:hover,
.jetpack_subscription_widget input[type="submit"]:hover {
    box-shadow: 0 8px 30px rgba(180,255,57,0.3) !important;
    transform: translateY(-2px) !important;
}
.jetpack_subscription_widget label {
    color: #9E9E9E !important;
    font-family: 'DM Sans', sans-serif !important;
};
/* =====================================================
   BOOQABLE DARK THEME OVERRIDES
   Add ALL of this CSS to: Appearance → Customize → Additional CSS
   Paste it AFTER your existing CSS — do not replace what's there.
   ===================================================== */

/* === Booqable Product Cards === */
.booqable-product-card,
.booqable-product,
[class*="booqable"] .product-card,
.bq-product-card {
  background: #161616 !important;
  border: 1px solid #222 !important;
  border-radius: 12px !important;
  color: #F5F5F5 !important;
  overflow: hidden !important;
  transition: all 0.3s !important;
}

.booqable-product-card:hover,
.bq-product-card:hover {
  border-color: #333 !important;
  transform: translateY(-3px) !important;
  box-shadow: 0 12px 40px rgba(0,0,0,0.3) !important;
}

/* Product card images */
.booqable-product-card img,
.bq-product-card img,
[class*="booqable"] .product-image img {
  border-radius: 8px !important;
}

/* === Booqable Text & Typography === */
[class*="booqable"] h1,
[class*="booqable"] h2,
[class*="booqable"] h3,
[class*="booqable"] h4,
[class*="booqable"] .product-title,
[class*="booqable"] .product-name {
  color: #F5F5F5 !important;
  font-family: 'Syne', sans-serif !important;
}

[class*="booqable"] p,
[class*="booqable"] span,
[class*="booqable"] label,
[class*="booqable"] .product-description,
[class*="booqable"] .product-price {
  color: #9E9E9E !important;
  font-family: 'DM Sans', sans-serif !important;
}

/* === Booqable Pricing === */
[class*="booqable"] .price,
[class*="booqable"] .product-price,
[class*="booqable"] .amount,
.booqable-product-card .price {
  color: #B4FF39 !important;
  font-family: 'Syne', sans-serif !important;
  font-weight: 700 !important;
}

/* === Booqable Buttons === */
[class*="booqable"] button,
[class*="booqable"] .btn,
[class*="booqable"] .button,
[class*="booqable"] input[type="submit"],
[class*="booqable"] a.btn,
.booqable-product-card .btn,
.bq-product-card button {
  background: #B4FF39 !important;
  color: #0A0A0A !important;
  font-family: 'Syne', sans-serif !important;
  font-weight: 700 !important;
  font-size: 12px !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  border: none !important;
  border-radius: 50px !important;
  padding: 12px 24px !important;
  cursor: pointer !important;
  transition: all 0.3s !important;
}

[class*="booqable"] button:hover,
[class*="booqable"] .btn:hover,
[class*="booqable"] .button:hover {
  box-shadow: 0 8px 30px rgba(180,255,57,0.3) !important;
  transform: translateY(-2px) !important;
}

/* Secondary/outline buttons */
[class*="booqable"] .btn-secondary,
[class*="booqable"] .btn-outline,
[class*="booqable"] button.secondary {
  background: transparent !important;
  color: #F5F5F5 !important;
  border: 1.5px solid #333 !important;
}

[class*="booqable"] .btn-secondary:hover,
[class*="booqable"] .btn-outline:hover {
  border-color: #B4FF39 !important;
  color: #B4FF39 !important;
}

/* === Booqable Date Picker === */
[class*="booqable"] .date-picker,
[class*="booqable"] .datepicker,
[class*="booqable"] .calendar,
.booqable-datepicker,
.booqable-date-range {
  background: #161616 !important;
  border: 1px solid #222 !important;
  border-radius: 12px !important;
  color: #F5F5F5 !important;
}

[class*="booqable"] input[type="text"],
[class*="booqable"] input[type="date"],
[class*="booqable"] input[type="email"],
[class*="booqable"] input[type="tel"],
[class*="booqable"] input[type="number"],
[class*="booqable"] select,
[class*="booqable"] textarea {
  background: rgba(255,255,255,0.06) !important;
  border: 1px solid #333 !important;
  border-radius: 8px !important;
  color: #F5F5F5 !important;
  font-family: 'DM Sans', sans-serif !important;
  padding: 12px 16px !important;
}

[class*="booqable"] input:focus,
[class*="booqable"] select:focus,
[class*="booqable"] textarea:focus {
  border-color: #B4FF39 !important;
  outline: none !important;
  box-shadow: 0 0 0 2px rgba(180,255,57,0.15) !important;
}

/* === Booqable Modal/Popup === */
[class*="booqable"] .modal,
[class*="booqable"] .popup,
[class*="booqable"] .dialog,
.booqable-modal {
  background: #161616 !important;
  border: 1px solid #222 !important;
  border-radius: 16px !important;
  color: #F5F5F5 !important;
}

/* === Booqable Cart === */
.booqable-embeddable-cart-lines,
.booqable-embeddable-cart-sidebar,
[class*="booqable"] .cart,
[class*="booqable"] .checkout {
  background: #161616 !important;
  border: 1px solid #222 !important;
  border-radius: 12px !important;
  color: #F5F5F5 !important;
}

/* === Booqable Shop Container === */
.booqable-shop,
[class*="booqable-embeddable"],
.bq-shop {
  background: transparent !important;
  color: #F5F5F5 !important;
}

/* === Booqable Availability Indicator === */
[class*="booqable"] .available,
[class*="booqable"] .in-stock {
  color: #B4FF39 !important;
}

[class*="booqable"] .unavailable,
[class*="booqable"] .out-of-stock {
  color: #FFAB91 !important;
}

/* === Booqable Grid Layout === */
[class*="booqable"] .product-list,
[class*="booqable"] .products-grid,
.booqable-shop .products {
  gap: 20px !important;
}

/* === Booqable Links === */
[class*="booqable"] a {
  color: #B4FF39 !important;
  text-decoration: none !important;
}

[class*="booqable"] a:hover {
  opacity: 0.8 !important;
}

/* === Booqable Loader/Spinner === */
[class*="booqable"] .loader,
[class*="booqable"] .spinner,
[class*="booqable"] .loading {
  border-color: #333 !important;
  border-top-color: #B4FF39 !important;
}

/* === General dark overrides for any Booqable iframes === */
iframe[src*="booqable"] {
  border: none !important;
  border-radius: 12px !important;
}