/* ================================================================
   THIRSTYBEAR - AAWP Shortcode Restyling
   Overrides BBF Dark Theme → Warm Wood/Copper Brewery Theme
   Only CSS changes, zero functionality changes
   ================================================================ */

/* ================================================================
   1. COMPARISON BOX - ThirstyBear Edition
   ================================================================ */

.bbf-comp-container {
  --bbf-bg: var(--cream, #F5E6C8) !important;
  --bbf-card: var(--warm-white, #FFF8EC) !important;
  --bbf-card-hover: #FFF5E0 !important;
  --bbf-accent: var(--amber, #E4A624) !important;
  --bbf-white: var(--dark-wood, #1a0e0a) !important;
  --bbf-text: var(--text-dark, #1a0e0a) !important;
  --bbf-muted: #7a6e5f !important;
  --bbf-border: rgba(0,0,0,0.08) !important;
  --bbf-border-hover: rgba(228,166,36,0.3) !important;
  font-family: var(--font-serif, 'Lora', Georgia, serif) !important;
}

/* Cards: warm white with subtle shadow */
.bbf-comp-card {
  background: var(--warm-white, #FFF8EC) !important;
  border: 1px solid rgba(0,0,0,0.06) !important;
  border-radius: 4px !important;
  box-shadow: 0 2px 16px rgba(26,14,10,0.06) !important;
}

.bbf-comp-card:hover {
  border-color: rgba(228,166,36,0.25) !important;
  background: #FFF5E0 !important;
  box-shadow: 0 8px 32px rgba(26,14,10,0.1) !important;
}

.bbf-comp-card.bbf-featured {
  border: 2px solid var(--amber, #E4A624) !important;
  box-shadow: 0 12px 40px rgba(228,166,36,0.12) !important;
}

/* Badge: amber on warm bg */
.bbf-comp-badge {
  background: var(--cream, #F5E6C8) !important;
  color: var(--warm-brown, #3d2114) !important;
  border: 1px solid rgba(0,0,0,0.08) !important;
  font-family: var(--font-sans, 'Barlow Condensed', sans-serif) !important;
  border-radius: 2px !important;
}

.bbf-featured .bbf-comp-badge {
  background: var(--amber, #E4A624) !important;
  color: var(--dark-wood, #1a0e0a) !important;
  border-color: var(--amber, #E4A624) !important;
}

/* Title */
.bbf-comp-title {
  font-family: var(--font-serif, 'Lora', serif) !important;
  text-transform: none !important;
}

.bbf-comp-title a {
  color: var(--dark-wood, #1a0e0a) !important;
}

.bbf-comp-title a:hover {
  color: var(--amber, #E4A624) !important;
}

.bbf-comp-title a:visited {
  color: var(--dark-wood, #1a0e0a) !important;
}

/* Price */
.bbf-comp-price {
  color: var(--copper, #8B4513) !important;
}

/* Stars */
.bbf-stars-wrap .bg {
  color: #e0d5c5 !important;
}

.bbf-stars-wrap .fill {
  color: var(--amber, #E4A624) !important;
}

.bbf-comp-rate-num {
  color: var(--copper, #8B4513) !important;
}

/* Features */
.bbf-comp-features {
  border-top: 1px solid rgba(0,0,0,0.06) !important;
}

.bbf-comp-features li {
  color: #7a6e5f !important;
  font-family: var(--font-serif, 'Lora', serif) !important;
}

.bbf-comp-features li::before {
  content: "—" !important;
  color: var(--amber, #E4A624) !important;
}

/* Buttons */
.bbf-comp-btn.primary {
  background: var(--amber, #E4A624) !important;
  color: var(--dark-wood, #1a0e0a) !important;
  border-color: var(--amber, #E4A624) !important;
  font-family: var(--font-sans, 'Barlow Condensed', sans-serif) !important;
  border-radius: 2px !important;
}

.bbf-comp-btn.primary:hover {
  background: transparent !important;
  color: var(--amber, #E4A624) !important;
  border-color: var(--amber, #E4A624) !important;
}

.bbf-comp-btn.primary:visited {
  color: var(--dark-wood, #1a0e0a) !important;
}

.bbf-comp-btn.primary:hover:visited {
  color: var(--amber, #E4A624) !important;
}

.bbf-comp-btn.secondary {
  border-color: rgba(0,0,0,0.1) !important;
  color: #7a6e5f !important;
  font-family: var(--font-sans, 'Barlow Condensed', sans-serif) !important;
}

.bbf-comp-btn.secondary:hover {
  border-color: var(--amber, #E4A624) !important;
  color: var(--amber, #E4A624) !important;
}

.bbf-comp-btn.secondary:visited {
  color: #7a6e5f !important;
}

/* Disclosure */
.bbf-comp-disc {
  color: #aaa !important;
  font-family: var(--font-sans, 'Barlow Condensed', sans-serif) !important;
}

/* ================================================================
   2. PREMIUM REVIEW BOX - ThirstyBear Edition
   ================================================================ */

.bbf-rev-box {
  border: 1px solid rgba(0,0,0,0.06) !important;
  border-top: 4px solid var(--amber, #E4A624) !important;
  background: var(--warm-white, #FFF8EC) !important;
  color: var(--text-dark, #1a0e0a) !important;
  border-radius: 0 0 4px 4px !important;
  box-shadow: 0 2px 16px rgba(26,14,10,0.06) !important;
}

.bbf-rev-badge {
  background: var(--amber, #E4A624) !important;
  color: var(--dark-wood, #1a0e0a) !important;
  font-family: var(--font-sans, 'Barlow Condensed', sans-serif) !important;
}

.bbf-rev-title {
  font-family: var(--font-serif, 'Lora', serif) !important;
  text-transform: none !important;
}

.bbf-rev-title a {
  color: var(--dark-wood, #1a0e0a) !important;
}

.bbf-rev-title a:hover {
  color: var(--amber, #E4A624) !important;
}

.bbf-rev-title a:visited {
  color: var(--dark-wood, #1a0e0a) !important;
}

.bbf-rev-rate {
  color: var(--copper, #8B4513) !important;
}

.bbf-rev-rate .stars {
  color: #e0d5c5 !important;
}

.bbf-rev-rate .stars .on {
  color: var(--amber, #E4A624) !important;
}

.bbf-rev-desc p {
  color: #7a6e5f !important;
  font-family: var(--font-serif, 'Lora', serif) !important;
}

.bbf-rev-btn {
  background: var(--amber, #E4A624) !important;
  color: var(--dark-wood, #1a0e0a) !important;
  border: 1px solid var(--amber, #E4A624) !important;
  font-family: var(--font-sans, 'Barlow Condensed', sans-serif) !important;
  border-radius: 2px !important;
}

.bbf-rev-btn:hover {
  background: transparent !important;
  color: var(--amber, #E4A624) !important;
}

.bbf-rev-btn:visited {
  color: var(--dark-wood, #1a0e0a) !important;
}

.bbf-rev-btn:hover:visited {
  color: var(--amber, #E4A624) !important;
}

/* Pros/Cons */
.bbf-rev-grid {
  border-top: 1px solid rgba(0,0,0,0.06) !important;
}

.bbf-col {
  background: var(--cream, #F5E6C8) !important;
}

.bbf-col.pros {
  border-right: 1px solid rgba(0,0,0,0.06) !important;
}

.bbf-col h4 {
  color: var(--dark-wood, #1a0e0a) !important;
  font-family: var(--font-sans, 'Barlow Condensed', sans-serif) !important;
}

.bbf-col li {
  color: #7a6e5f !important;
  font-family: var(--font-serif, 'Lora', serif) !important;
}

.bbf-col.pros li::before {
  content: "+" !important;
  color: #5B8A3C !important;
}

.bbf-col.cons li::before {
  content: "—" !important;
  color: #C0392B !important;
}

.bbf-rev-foot {
  background: var(--cream, #F5E6C8) !important;
  color: #aaa !important;
  border-top: 1px solid rgba(0,0,0,0.06) !important;
  font-family: var(--font-sans, 'Barlow Condensed', sans-serif) !important;
}

/* ================================================================
   3. COMPARISON TABLE - ThirstyBear Edition
   ================================================================ */

.bbf-table-wrap {
  border: 1px solid rgba(0,0,0,0.06) !important;
  border-radius: 4px !important;
  overflow: hidden !important;
  box-shadow: 0 2px 16px rgba(26,14,10,0.06) !important;
}

.bbf-table {
  background: var(--warm-white, #FFF8EC) !important;
}

.bbf-table th {
  background: var(--warm-brown, #3d2114) !important;
  color: var(--cream, #F5E6C8) !important;
  border-bottom: 3px solid var(--amber, #E4A624) !important;
  font-family: var(--font-sans, 'Barlow Condensed', sans-serif) !important;
}

.bbf-table td {
  background: var(--warm-white, #FFF8EC) !important;
  color: var(--text-dark, #1a0e0a) !important;
  border-bottom: 1px solid rgba(0,0,0,0.05) !important;
}

.bbf-table tr:hover td {
  background: var(--cream, #F5E6C8) !important;
}

.bbf-col-prod a {
  color: var(--dark-wood, #1a0e0a) !important;
  font-family: var(--font-serif, 'Lora', serif) !important;
  text-transform: none !important;
}

.bbf-col-prod a:visited {
  color: var(--dark-wood, #1a0e0a) !important;
}

.bbf-col-prod a:hover {
  color: var(--amber, #E4A624) !important;
}

.bbf-col-spec li {
  color: #7a6e5f !important;
  font-family: var(--font-serif, 'Lora', serif) !important;
}

.bbf-col-spec li::before {
  color: var(--amber, #E4A624) !important;
}

.bbf-tbl-btn {
  background: var(--amber, #E4A624) !important;
  color: var(--dark-wood, #1a0e0a) !important;
  border: 1px solid var(--amber, #E4A624) !important;
  font-family: var(--font-sans, 'Barlow Condensed', sans-serif) !important;
  border-radius: 2px !important;
}

.bbf-tbl-btn:hover {
  background: transparent !important;
  color: var(--amber, #E4A624) !important;
}

.bbf-tbl-btn:visited {
  color: var(--dark-wood, #1a0e0a) !important;
}

.bbf-tbl-btn:hover:visited {
  color: var(--amber, #E4A624) !important;
}

.bbf-tbl-disc {
  background: var(--cream, #F5E6C8) !important;
  color: #aaa !important;
  border-top: 1px solid rgba(0,0,0,0.06) !important;
  font-family: var(--font-sans, 'Barlow Condensed', sans-serif) !important;
}

/* ================================================================
   4. AMAZON BUTTON - ThirstyBear Edition
   ================================================================ */

.bbf-btn-wrap {
  font-family: var(--font-serif, 'Lora', serif) !important;
}

.bbf-main-btn {
  background: var(--amber, #E4A624) !important;
  color: var(--dark-wood, #1a0e0a) !important;
  border: 2px solid var(--amber, #E4A624) !important;
  font-family: var(--font-sans, 'Barlow Condensed', sans-serif) !important;
  border-radius: 2px !important;
  font-size: 14px !important;
  padding: 16px 48px !important;
}

.bbf-main-btn:hover {
  background: transparent !important;
  color: var(--amber, #E4A624) !important;
  box-shadow: 0 8px 24px rgba(228,166,36,0.2) !important;
  transform: translateY(-2px) !important;
}

.bbf-main-btn:visited {
  color: var(--dark-wood, #1a0e0a) !important;
}

.bbf-main-btn:hover:visited {
  color: var(--amber, #E4A624) !important;
}

.bbf-main-btn:active {
  color: var(--amber, #E4A624) !important;
  transform: translateY(0) !important;
}

.bbf-btn-disc {
  color: #aaa !important;
  font-family: var(--font-sans, 'Barlow Condensed', sans-serif) !important;
}

/* ================================================================
   5. GENERAL AAWP OVERRIDES (native AAWP plugin boxes)
   ================================================================ */

.aawp .aawp-box,
.aawp .aawp-product {
  background: var(--warm-white, #FFF8EC) !important;
  border: 1px solid rgba(0,0,0,0.06) !important;
  border-radius: 4px !important;
  box-shadow: 0 2px 16px rgba(26,14,10,0.06) !important;
}

.aawp .aawp-product__title a {
  color: var(--dark-wood, #1a0e0a) !important;
  font-family: var(--font-serif, 'Lora', serif) !important;
}

.aawp .aawp-product__title a:hover {
  color: var(--amber, #E4A624) !important;
}

.aawp .aawp-button,
.aawp .aawp-button--buy {
  background: var(--amber, #E4A624) !important;
  color: var(--dark-wood, #1a0e0a) !important;
  border: 1px solid var(--amber, #E4A624) !important;
  border-radius: 2px !important;
  font-family: var(--font-sans, 'Barlow Condensed', sans-serif) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.1em !important;
}

.aawp .aawp-button:hover,
.aawp .aawp-button--buy:hover {
  background: transparent !important;
  color: var(--amber, #E4A624) !important;
}

/* Star ratings */
.aawp .aawp-product__rating .aawp-product__rating--rate {
  color: var(--amber, #E4A624) !important;
}