/* ===== 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;
};
/* =====================================================
   SUNNYSIDE — BOOQABLE DARK THEME v4
   Replace old Booqable CSS in Additional CSS with this.
   ===================================================== */

/* ── Date Picker: black text on the white background ── */
/* Using -webkit-text-fill-color which overrides even inline color */
div.booqable-datepicker,
div.booqable-datepicker *,
[class*="booqable"] [class*="datepicker"],
[class*="booqable"] [class*="datepicker"] * {
  color: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
}

div.booqable-datepicker input,
div.booqable-datepicker input[type="text"],
div.booqable-datepicker input[type="date"],
div.booqable-datepicker input[type="datetime-local"] {
  color: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
  caret-color: #000000 !important;
}

div.booqable-datepicker input::placeholder {
  color: #666666 !important;
  -webkit-text-fill-color: #666666 !important;
  opacity: 1 !important;
}

/* ── Product card text ── */
div.booqable-product-list [class*="name"],
div.booqable-product-list [class*="title"],
div.booqable-product-list h3,
div.booqable-product-list h4 {
  color: #FFFFFF !important;
  font-family: 'Syne', sans-serif !important;
  font-weight: 700 !important;
}

/* Duration ("3 hours") */
div.booqable-product-list [class*="duration"],
div.booqable-product-list [class*="period"],
div.booqable-product-list [class*="meta"] {
  color: #CCCCCC !important;
}

/* Prices — lime green */
div.booqable-product-list [class*="price"],
div.booqable-product-list [class*="Price"],
div.booqable-product-list [class*="amount"] {
  color: #B4FF39 !important;
  font-family: 'Syne', sans-serif !important;
  font-weight: 700 !important;
}

/* ── Availability Badges: RED with white text ── */
/* Exclude buttons from badge styling */
div.booqable-product-list [class*="availab"]:not(button),
div.booqable-product-list [class*="Availab"]:not(button),
div.booqable-product-list [class*="stock"]:not(button),
div.booqable-product-list span[class*="badge"],
[class*="booqable"] span[class*="availab"],
[class*="booqable"] div[class*="availab"] {
  background: #E53935 !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  border: none !important;
  border-radius: 20px !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  padding: 4px 14px !important;
}

/* ── Cart Button: plus symbol only ── */
div.booqable-product-list button,
div.booqable-product-list [class*="cart"],
div.booqable-product-list [class*="add-to"],
[class*="booqable"] button[class*="cart"],
[class*="booqable"] [class*="add-to-cart"] {
  background: #B4FF39 !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  border: none !important;
  border-radius: 10px !important;
  font-size: 0px !important;
  line-height: 1 !important;
  width: 48px !important;
  height: 48px !important;
  padding: 0 !important;
  cursor: pointer !important;
  position: relative !important;
  transition: all 0.3s ease !important;
  overflow: hidden !important;
}

/* Hide EVERYTHING inside the button (SVG, spans, icons, text) */
div.booqable-product-list button > *,
div.booqable-product-list [class*="cart"] > *,
[class*="booqable"] button[class*="cart"] > * {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}

/* Add the + symbol via pseudo-element */
div.booqable-product-list button::after,
div.booqable-product-list [class*="cart"]::after,
[class*="booqable"] button[class*="cart"]::after {
  content: '+' !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  color: #0A0A0A !important;
  -webkit-text-fill-color: #0A0A0A !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  line-height: 1 !important;
}

div.booqable-product-list button:hover,
[class*="booqable"] button[class*="cart"]:hover {
  background: #c8ff66 !important;
  box-shadow: 0 4px 20px rgba(180, 255, 57, 0.35) !important;
  transform: translateY(-1px) !important;
}

/* ── Modal / Popup (product detail view) ── */
[class*="booqable"] [class*="modal"],
[class*="booqable"] [class*="Modal"],
[class*="booqable"] [class*="popup"],
[class*="booqable"] [class*="Popup"],
[class*="booqable"] [class*="product-detail"] {
  background: #161616 !important;
  color: #F0F0F0 !important;
  border: 1px solid #2A2A2A !important;
  border-radius: 16px !important;
}

[class*="booqable"] [class*="modal"] *,
[class*="booqable"] [class*="popup"] *,
[class*="booqable"] [class*="product-detail"] * {
  color: #E0E0E0 !important;
}

[class*="booqable"] [class*="modal"] h1,
[class*="booqable"] [class*="modal"] h2,
[class*="booqable"] [class*="modal"] h3,
[class*="booqable"] [class*="popup"] h1,
[class*="booqable"] [class*="popup"] h2 {
  color: #FFFFFF !important;
  font-family: 'Syne', sans-serif !important;
}

[class*="booqable"] [class*="modal"] > div,
[class*="booqable"] [class*="popup"] > div {
  background: #161616 !important;
}

[class*="booqable"] [class*="overlay"],
[class*="booqable"] [class*="backdrop"] {
  background: rgba(0, 0, 0, 0.85) !important;
}

/* ── Shopping Cart ── */
div.booqable-embeddable-cart-lines,
div.booqable-embeddable-cart-sidebar,
[class*="booqable"] [class*="cart"] {
  background: #161616 !important;
  border: 1px solid #2A2A2A !important;
  color: #F0F0F0 !important;
}

[class*="booqable"] [class*="cart"] * {
  color: #D0D0D0 !important;
}

[class*="booqable"] [class*="cart"] [class*="total"] {
  color: #B4FF39 !important;
  font-weight: 700 !important;
}

/* ── Inline style overrides (fallback) ── */
[class*="booqable"] [style*="color: rgb(0, 0, 0)"],
[class*="booqable"] [style*="color: rgb(51, 51, 51)"],
[class*="booqable"] [style*="color:#333"] {
  color: #F0F0F0 !important;
}

/* END BOOQABLE v4 */