/**
 * MF Marketing Settings Frontend Styles
 */

/**
 * Prize Draw notifications - shared styling
 * Using parchment theme colors
 */
.prize-draw-product-notice,
.mf-marketing-prize-draw-notification,
.woocommerce-checkout .mf-marketing-prize-draw-notification,
.woocommerce-cart .mf-marketing-prize-draw-notification,
.woocommerce .mf-marketing-prize-draw-notification,
.woocommerce-info.prize-draw-cart-notice {
  background-color: var(--parchment-bg, #f5efe4) !important;
  color: var(--parchment-text, #5c4c3a) !important;
  border: 1px solid var(--parchment-border-light, #c4b59d) !important;
  border-left: 4px solid var(--parchment-border, #8b7355) !important;
  font-size: 1.1em;
  padding: 1.5em 1.618em;
  margin-bottom: 2em;
  border-radius: 4px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  position: relative;
  overflow: visible;
}

/* Gift emoji in top right */
.prize-draw-product-notice::before,
.mf-marketing-prize-draw-notification::before,
.woocommerce-checkout .mf-marketing-prize-draw-notification::before,
.woocommerce-cart .mf-marketing-prize-draw-notification::before,
.prize-draw-cart-notice::before {
  content: "🎁";
  position: absolute;
  top: 20px;
  right: 0px;
  font-size: 65px;
  opacity: 0.15;
  line-height: 1;
  z-index: 0;
  display: block !important;
}

/* Content should be above emoji */
.prize-draw-product-notice > *,
.mf-marketing-prize-draw-notification > * {
  position: relative;
  z-index: 1;
}

/* Headings */
.prize-draw-product-notice h3,
.mf-marketing-prize-draw-notification h3,
.woocommerce-checkout .mf-marketing-prize-draw-notification h3,
.woocommerce-cart .mf-marketing-prize-draw-notification h3 {
  margin-top: 0;
  color: var(--parchment-text, #5c4c3a) !important;
  font-weight: 600;
  margin-bottom: 15px;
  font-size: 1.3em;
  font-family: "Crimson Text", Georgia, serif;
}

/* Prize description */
.prize-draw-product-notice .prize-description,
.mf-marketing-prize-draw-notification .prize-description,
.woocommerce .mf-marketing-prize-draw-notification .prize-description {
  font-size: 17px;
  font-weight: 600;
  color: var(--parchment-text, #5c4c3a);
  margin-bottom: 15px;
  font-family: "Crimson Text", Georgia, serif;
}

/* Date info */
.prize-draw-product-notice .draw-date,
.prize-draw-product-notice .claim-deadline {
  font-size: 15px;
  margin-bottom: 10px;
  color: var(--parchment-text, #5c4c3a);
  font-family: "Crimson Text", Georgia, serif;
}

.prize-draw-product-notice .draw-date strong,
.prize-draw-product-notice .claim-deadline strong {
  color: var(--parchment-link, #8b7355);
  font-weight: 600;
}

/* Final message */
.prize-draw-product-notice .completion-message,
.mf-marketing-prize-draw-notification .completion-message,
.woocommerce .mf-marketing-prize-draw-notification .completion-message {
  margin-top: 15px;
  font-size: 15px;
  font-style: italic;
  color: var(--parchment-text, #5c4c3a);
  font-family: "Crimson Text", Georgia, serif;
}

/* List items in cart notice */
.prize-draw-cart-notice .prize-draw-list,
.mf-marketing-prize-draw-notification ul {
  margin-left: 20px;
  margin-bottom: 15px;
  position: relative;
  z-index: 1;
  padding-left: 0;
  font-family: "Crimson Text", Georgia, serif;
}

.prize-draw-cart-notice .prize-draw-list li,
.mf-marketing-prize-draw-notification ul li {
  margin-bottom: 5px;
  font-size: 15px;
  list-style-type: disc;
  color: var(--parchment-text, #5c4c3a);
}

.prize-draw-cart-notice .prize-draw-list li strong,
.mf-marketing-prize-draw-notification ul li strong {
  color: var(--parchment-link, #8b7355);
  font-weight: 600;
}

/* Original discount explanation styles */
.mf-marketing-discount-explanation {
  margin: 15px 0;
  padding: 12px 15px;
  background-color: #f8f9fa;
  border-left: 4px solid #007cba;
  font-size: 14px;
  line-height: 1.5;
}

.mf-marketing-discount-explanation p {
  margin: 0;
  color: #2c3338;
}

tr.mf-marketing-discount th,
tr.mf-marketing-discount td {
  font-weight: 600;
  color: #007cba;
}

tr.mf-marketing-discount td .amount {
  color: #007cba;
}