/* ============================================
   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 {
   ...
}


/* --- REMOVE WORDPRESS.COM GIFT POPUP --- */
#wpcom-gift-banner,
.wp-gift-popover,
.jetpack-gift-popover,
[class*="wpcom-promo"],
[class*="gift-author"],
.wp-block-jetpack-gift,
.jetpack-promo-banner,
.a8c-promo-bar,
.wpcom-promo,
[aria-label*="Gift"],
[aria-label*="gift"],
.wp-brand-block,
.jetpack-boost-promo,
.wpcom-support-promo,
.prompt-overlay,
.grids-overlay-promo {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  overflow: hidden !important;
}

/* --- REMOVE EMOJI FROM ANNOUNCEMENT BAR --- */
body::before {
  content: 'Use code WELCOME15 for 15% off your first order | New Books Available Now';
}

/* --- PRODUCT & POST TITLE READABILITY --- */
h1, h2, h3, h4, h5, h6,
.entry-title,
.entry-title a,
.woocommerce-loop-product__title,
.wc-block-grid__product-title,
.wp-block-post-title,
.product_title {
  color: #f5f0e8 !important;
  text-shadow: 0 1px 4px rgba(0,0,0,0.7);
}

/* ===========================
   ARCHETYPE QUIZ - BRAND RESTYLE
   Connections XIII Luxe Dark Theme
   =========================== */

/* --- Quiz Page Wrapper --- */
.quiz-page-wrapper,
.qsm-quiz-page {
  background: transparent !important;
}

/* --- Main Quiz Container --- */
#quiz_start_div,
.qmn_quiz_container,
.qsm-quiz-container {
  background: linear-gradient(145deg, #1a0a2e, #2d1054) !important;
  border: 1px solid rgba(212, 175, 83, 0.3) !important;
  border-radius: 16px !important;
  box-shadow: 0 8px 40px rgba(0, 0, 0, 0.6), inset 0 1px 0 rgba(212, 175, 83, 0.15) !important;
  padding: 2rem !important;
  color: #f5f0e8 !important;
  max-width: 680px !important;
  margin: 0 auto !important;
}

/* --- Quiz Title / Intro Heading --- */
.qmn_quiz_container h2,
.qmn_quiz_container h3,
.qsm-quiz-container h2,
.qsm-quiz-container h3,
#quiz_start_div h2,
#quiz_start_div h3 {
  color: #d4af53 !important;
  font-family: 'Cormorant Garamond', 'Garamond', serif !important;
  letter-spacing: 0.05em !important;
  text-align: center !important;
}

/* --- Intro Body Text --- */
.qmn_quiz_container p,
.qsm-quiz-container p,
#quiz_start_div p {
  color: #c9b8d8 !important;
  text-align: center !important;
  font-size: 1rem !important;
  line-height: 1.7 !important;
}

/* --- Question Label --- */
.question_label,
.qsm-question-title,
.qmn_question_text {
  color: #f5f0e8 !important;
  font-size: 1.15rem !important;
  font-weight: 600 !important;
  margin-bottom: 1.2rem !important;
  letter-spacing: 0.02em !important;
}

/* --- Question Counter (QUESTION 1 of 10) --- */
.qmn_quiz_page_title,
.qsm-page-title {
  color: #d4af53 !important;
  font-size: 0.75rem !important;
  letter-spacing: 0.15em !important;
  text-transform: uppercase !important;
  margin-bottom: 0.5rem !important;
}

/* --- Answer Options (Radio/Checkbox rows) --- */
.qmn_answer_area li,
.qsm-answer-container li,
.answers li {
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(212, 175, 83, 0.2) !important;
  border-radius: 10px !important;
  margin-bottom: 0.6rem !important;
  padding: 0.75rem 1rem !important;
  transition: all 0.25s ease !important;
  list-style: none !important;
  cursor: pointer !important;
}

.qmn_answer_area li:hover,
.qsm-answer-container li:hover,
.answers li:hover {
  background: rgba(212, 175, 83, 0.12) !important;
  border-color: rgba(212, 175, 83, 0.5) !important;
  transform: translateX(4px) !important;
}

.qmn_answer_area li label,
.qsm-answer-container li label,
.answers li label {
  color: #f5f0e8 !important;
  cursor: pointer !important;
  font-size: 0.95rem !important;
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  gap: 0.75rem !important;
}

/* --- Selected Answer State --- */
.qmn_answer_area li input:checked + label,
.answers li input:checked ~ label {
  color: #d4af53 !important;
}

.qmn_answer_area li:has(input:checked),
.answers li:has(input:checked) {
  background: rgba(212, 175, 83, 0.15) !important;
  border-color: #d4af53 !important;
}

/* --- Hide default radio/checkbox & style custom --- */
.qmn_answer_area input[type=radio],
.qmn_answer_area input[type=checkbox],
.answers input[type=radio],
.answers input[type=checkbox] {
  accent-color: #d4af53 !important;
  width: 1rem !important;
  height: 1rem !important;
  flex-shrink: 0 !important;
}

/* --- Progress Bar Container --- */
.qmn_progress_bar_container,
.qsm-progress-bar-container {
  background: rgba(255,255,255,0.1) !important;
  border-radius: 99px !important;
  height: 6px !important;
  margin-bottom: 1.5rem !important;
  overflow: hidden !important;
}

.qmn_progress_bar,
.qsm-progress-bar {
  background: linear-gradient(90deg, #d4af53, #9b6ec8) !important;
  height: 100% !important;
  border-radius: 99px !important;
  transition: width 0.4s ease !important;
}

/* --- Next / Submit Button --- */
.qmn_btn,
.qsm-btn,
#submitit,
.next_btn,
.qmn_quiz_container input[type=submit],
.qmn_quiz_container button[type=submit] {
  background: linear-gradient(135deg, #7c3aab, #9b6ec8) !important;
  color: #f5f0e8 !important;
  border: 1px solid rgba(212, 175, 83, 0.4) !important;
  border-radius: 8px !important;
  padding: 0.75rem 2rem !important;
  font-size: 0.9rem !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
  transition: all 0.25s ease !important;
  display: block !important;
  margin: 1.5rem auto 0 !important;
}

.qmn_btn:hover,
.qsm-btn:hover,
#submitit:hover,
.next_btn:hover {
  background: linear-gradient(135deg, #9b6ec8, #d4af53) !important;
  box-shadow: 0 4px 20px rgba(155, 110, 200, 0.4) !important;
  transform: translateY(-2px) !important;
}

/* --- BEGIN THE JOURNEY Button on Intro --- */
#startQuiz,
.qsm-start-btn,
.quiz_start_btn {
  background: linear-gradient(135deg, #7c3aab, #9b6ec8) !important;
  color: #f5f0e8 !important;
  border: 1px solid rgba(212, 175, 83, 0.4) !important;
  border-radius: 8px !important;
  padding: 0.85rem 2.5rem !important;
  font-size: 0.85rem !important;
  letter-spacing: 0.15em !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
  display: block !important;
  margin: 1.5rem auto 0 !important;
  transition: all 0.25s ease !important;
}

/* --- Emoji Icon Circles on Intro Screen --- */
.qmn_quiz_container .archetype-icons span,
#quiz_start_div .element-icon {
  filter: saturate(0.7) brightness(0.9) !important;
}

/* --- Results / Ending Screen --- */
.qmn_results_page,
.qsm-results,
#qmn_results_div {
  background: linear-gradient(145deg, #1a0a2e, #2d1054) !important;
  border: 1px solid rgba(212, 175, 83, 0.3) !important;
  border-radius: 16px !important;
  padding: 2rem !important;
  color: #f5f0e8 !important;
}

.qmn_results_page h2,
.qmn_results_page h3,
#qmn_results_div h2,
#qmn_results_div h3 {
  color: #d4af53 !important;
  font-family: 'Cormorant Garamond', 'Garamond', serif !important;
}

.qmn_results_page p,
#qmn_results_div p {
  color: #c9b8d8 !important;
  line-height: 1.8 !important;
}

/* --- Email Capture Form on Results --- */
.qmn_results_page input[type=email],
.qmn_results_page input[type=text],
#qmn_results_div input[type=email],
#qmn_results_div input[type=text] {
  background: rgba(255,255,255,0.06) !important;
  border: 1px solid rgba(212, 175, 83, 0.3) !important;
  border-radius: 8px !important;
  color: #f5f0e8 !important;
  padding: 0.65rem 1rem !important;
  width: 100% !important;
}

.qmn_results_page input[type=email]::placeholder,
#qmn_results_div input[type=email]::placeholder {
  color: rgba(245, 240, 232, 0.4) !important;
}

/* --- Answer list base reset --- */
.qmn_answer_area ul,
.answers ul {
  padding-left: 0 !important;
  margin: 0 !important;
}