/* ============================================
   CONNECTIONS XIII - SALES OPTIMIZATION CSS
   ============================================ */

/* --- ANNOUNCEMENT BAR --- */
body::before {
  content: '✨ Use code WELCOME15 for 15% OFF your first order! | New Books Available Now → Books by Sabrina Scott';
  display: block;
  background: linear-gradient(90deg, #2d1b69, #6b3fa0, #2d1b69);
  color: #f5e6ff;
  text-align: center;
  padding: 10px 20px;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.5px;
  position: relative;
  z-index: 9999;
}

/* --- GLOBAL BUTTON IMPROVEMENTS --- */
.wp-block-button__link,
.wc-block-components-button,
.button, button[type='submit'],
.woocommerce-button,
.add_to_cart_button,
.checkout-button,
.single_add_to_cart_button {
  background: linear-gradient(135deg, #6b3fa0, #9b59d0) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 50px !important;
  padding: 14px 32px !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  letter-spacing: 0.5px !important;
  transition: all 0.3s ease !important;
  box-shadow: 0 4px 15px rgba(107,63,160,0.4) !important;
  text-transform: uppercase !important;
}

.wp-block-button__link:hover,
.add_to_cart_button:hover,
.single_add_to_cart_button:hover,
.checkout-button:hover {
  background: linear-gradient(135deg, #9b59d0, #c77dff) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 20px rgba(107,63,160,0.6) !important;
}

/* --- WOOCOMMERCE PRODUCT CARDS --- */
.woocommerce ul.products li.product,
.wc-block-grid__product {
  border-radius: 16px !important;
  overflow: hidden !important;
  box-shadow: 0 4px 20px rgba(0,0,0,0.08) !important;
  transition: transform 0.3s ease, box-shadow 0.3s ease !important;
  border: 1px solid rgba(107,63,160,0.1) !important;
}

.woocommerce ul.products li.product:hover,
.wc-block-grid__product:hover {
  transform: translateY(-5px) !important;
  box-shadow: 0 8px 30px rgba(107,63,160,0.2) !important;
}

/* --- SALE BADGE --- */
.woocommerce span.onsale {
  background: linear-gradient(135deg, #e74c3c, #c0392b) !important;
  border-radius: 50px !important;
  font-weight: 700 !important;
}

/* --- CART / CHECKOUT PAGE --- */
.woocommerce-checkout .entry-title,
.woocommerce-cart .entry-title {
  color: #2d1b69;
}

.woocommerce-checkout #payment {
  border-radius: 12px !important;
  border: 2px solid rgba(107,63,160,0.2) !important;
}

/* --- PRODUCT PAGE TABS --- */
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
  color: #6b3fa0 !important;
  border-bottom: 2px solid #6b3fa0 !important;
}

/* --- STICKY ADD TO CART on mobile --- */
@media (max-width: 768px) {
  .single_add_to_cart_button {
    position: sticky !important;
    bottom: 15px !important;
    z-index: 1000 !important;
    width: 100% !important;
    display: block !important;
  }
}

/* --- HEADINGS ACCENT --- */
h1, h2.wp-block-heading {
  color: #1a0a3d;
}

/* --- SOCIAL PROOF STARS --- */
.star-rating span::before,
.woocommerce .star-rating span::before {
  color: #f39c12 !important;
}

/* --- FOOTER --- */
.site-footer {
  border-top: 3px solid rgba(107,63,160,0.2);
}

/* --- WOOCOMMERCE PRICE --- */
.woocommerce-Price-amount.amount {
  color: #6b3fa0 !important;
  font-weight: 700 !important;
}

.woocommerce del .woocommerce-Price-amount.amount {
  color: #999 !important;
  font-weight: 400 !important;
}

/* --- FEATURED PRODUCTS --- */
.woocommerce ul.products li.product.featured {
  border: 2px solid #6b3fa0 !important;
  position: relative;
}

.woocommerce ul.products li.product.featured::after {
  content: 'FEATURED';
  position: absolute;
  top: 10px;
  right: 10px;
  background: #6b3fa0;
  color: white;
  padding: 3px 10px;
  border-radius: 20px;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 1px;
}

/* --- SMOOTH SCROLL --- */
html {
  scroll-behavior: smooth;
}

/* --- COUPON HIGHLIGHT BOX --- */
.woocommerce-coupon-form {
  background: linear-gradient(135deg, #f8f4ff, #fff);
  border: 2px solid rgba(107,63,160,0.2);
  border-radius: 12px;
  padding: 16px !important;
}

/* --- ORDER BUMPS / CROSS-SELLS --- */
.cross-sells h2,
.upsells h2 {
  color: #2d1b69;
  font-size: 20px;
}

/* --- QUANTITY BUTTONS --- */
.woocommerce .quantity .qty {
  border: 2px solid rgba(107,63,160,0.3) !important;
  border-radius: 8px !important;
}
/* existing CSS you already have */
/* ... */
/* ... */

/* --- BREATHING HERO + MIST EFFECT --- */
.breathing-hero {
   ...
}
/* existing CSS you already have */
/* ... */
/* ... */

/* --- BREATHING HERO + MIST EFFECT --- */
.breathing-hero {
   ...
}