/* ==========================================
   Blazing Tail — Custom utilities + composants
   Pour les sections SEO de la homepage.
   Combine le bt-utilities.css client v1.7 + extensions AIDA Ranking
   ========================================== */

/* --- Utilities couleurs brand (sections 2, 3, 4) --- */
.bt-text-brand    { color: #FE7B02 !important; }
.bt-bg-brand      { background-color: #FE7B02 !important; color: #fff !important; }
.bt-bg-soft-brand { background-color: #fff8f0; border-left: 4px solid #FE7B02; }
.bt-bg-soft-info  { background-color: #f0f7ff; border-left: 4px solid #2563EB; }
.bt-bg-success    { background-color: #16A34A !important; color: #fff !important; }

/* --- Cards trust signals --- */
.bt-trust-card { background:#fff; border:1px solid #eee; box-shadow:0 2px 8px rgba(0,0,0,0.04); }
.bt-trust-number { font-size:2rem; font-weight:800; color:#FE7B02; line-height:1; }

/* --- Témoignages --- */
.bt-testimonial-card { background:#fff; border:1px solid #eee; box-shadow:0 2px 8px rgba(0,0,0,0.04); }
.bt-stars { color:#FE7B02; font-size:1.2rem; }
.bt-quote { font-style:italic; color:#333; }

/* --- Payment / Delivery badges --- */
.bt-pay-info { font-size:0.78rem; color:#666; }
.bt-badge-light { color:#222; border-color:#ddd !important; }

/* --- Composant : Univers TCG toggle (section 6) --- */
.univers-tcg-home .univers-tcg-wrapper { position: relative; overflow: hidden; }
.univers-tcg-home .univers-tcg-content { max-height: 100px; overflow: hidden; transition: max-height 0.6s ease-out; }
.univers-tcg-home.is-expanded .univers-tcg-content { max-height: 5000px; }
.univers-tcg-home .univers-tcg-fade { position: absolute; left: 0; right: 0; bottom: 0; height: 80px; background: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,1)); pointer-events: none; transition: opacity 0.3s; }
.univers-tcg-home.is-expanded .univers-tcg-fade { opacity: 0; }
.univers-tcg-home #universTcgToggle { color: #6c757d; font-size: 0.9rem; }
.univers-tcg-home #universTcgToggle:hover { color: #FE7B02; }
.univers-tcg-home.is-expanded .toggle-icon { display: inline-block; transform: rotate(180deg); }

/* --- Footer overlay + text fine --- */
.bt-bg-overlay { background: rgba(0,0,0,0.15); }
.bt-text-fine  { font-size: 0.78rem; line-height: 1.4; }