/* ============================================================
   THEME INTERVALLE — SURCHARGE COULEURS
   Remplace toutes les teintes indigo/violet/bleu du thème Gig
   par la palette ambre/or de l'affiche Intervalle.
   ============================================================ */

:root {
  /* Fond : Noir organique chaud (Adieu au darkblue) */
  --bg:           #0d0b0a;
  --surface:      #1a1614;
  --surface2:     #14110f;
  --surface3:     #231e1a;
  --border:       #3d342d;

  /* Accents : Ambre et Or (Tirés de l'affiche) */
  --accent:       #d97706;
  --accent2:      #f59e0b;
  --accent-hover: #b45309;
  --accent-bg:      #b564192e;

  /* Textes : Ivoire / Parchemin */
  --text:         #fdfaf7;
  --muted:        #a39081;

  --display:      'Bebas Neue', sans-serif;
  --sans:         'Syne', sans-serif;
  --radius:       12px;
}

/* ============================================================
   1. ÉLÉMENTS STRUCTURELS (HEADER & HERO)
   ============================================================ */
#gig-header,
.gig-page-header {
  background: rgba(13, 11, 10, 0.98) !important;
  border-bottom: 1px solid rgba(217, 119, 6, 0.25) !important;
}

.gig-page-hero {
  background: linear-gradient(180deg, rgba(217, 119, 6, 0.06) 0%, transparent 100%) !important;
  border-bottom: 1px solid var(--border) !important;
}

.gig-page-hero__title {
  text-shadow: 0 0 60px rgba(217, 119, 6, 0.3) !important;
}

.gig-hero__bg::after {
  background: linear-gradient(180deg,
    rgba(13, 11, 10, 0.2)  0%,
    rgba(13, 11, 10, 0.55) 45%,
    rgba(13, 11, 10, 0.97) 100%) !important;
}

.gig-hero__bg::before {
  background-image: radial-gradient(circle, rgba(217, 119, 6, 0.09) 1px, transparent 1px) !important;
}

.gig-hero__glow {
  background: radial-gradient(circle, rgba(217, 119, 6, 0.2) 0%, transparent 65%) !important;
}

.gig-hero__title {
  text-shadow: 0 0 100px rgba(217, 119, 6, 0.35) !important;
}

.gig-hero__strip {
  background: rgba(13, 11, 10, 0.8) !important;
  border-top: 1px solid rgba(217, 119, 6, 0.22) !important;
}

/* ============================================================
   2. NAVIGATION
   ============================================================ */
.gig-nav a:hover,
.gig-nav .current-menu-item a {
  background: rgba(217, 119, 6, 0.15) !important;
  color: var(--accent2) !important;
}

/* Menu mobile */
.gig-mobile-menu {
  background: rgba(13, 11, 10, 0.97) !important;
}

/* Logo dégradé */
.gig-logo a,
.gig-bill-logo__text {
  background: linear-gradient(135deg, #fff, var(--accent2)) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
}

/* ============================================================
   3. GRILLE DE FOND (body::before)
   ============================================================ */
body::before {
  background-image: radial-gradient(circle, rgba(217, 119, 6, 0.07) 1px, transparent 1px) !important;
}

/* ============================================================
   4. BOUTONS PRINCIPAUX & OMBRES
   ============================================================ */

/* Bouton primaire global */
.gig-btn-primary {
  box-shadow: 0 4px 14px rgba(217, 119, 6, 0.35) !important;
}
.gig-btn-primary:hover {
  box-shadow: 0 8px 24px rgba(217, 119, 6, 0.5) !important;
}

/* CTA hero strip */
.gig-btn-cta {
  box-shadow: 0 4px 16px rgba(217, 119, 6, 0.35) !important;
}
.gig-btn-cta:hover {
  box-shadow: 0 8px 24px rgba(217, 119, 6, 0.5) !important;
  color: #fff !important;
}

/* Bouton add-to-cart produit */
.single-product .woocommerce .single_add_to_cart_button,
.gig-buy-card .single_add_to_cart_button {
  background: linear-gradient(135deg, var(--success), var(--success-alt)) !important;
  box-shadow: 0 4px 16px rgba(16, 180, 129, 0.35) !important;
  color: #fff !important;
  border: none !important;
}
.single-product .woocommerce .single_add_to_cart_button:hover {
  box-shadow: 0 8px 24px rgba(16, 180, 129, 0.55) !important;
  opacity: 1 !important;
}

/* Bouton shop (liste produits) */
.woocommerce ul.products li.product .button {
  background: linear-gradient(135deg, var(--success), var(--success-alt)) !important;
  box-shadow: 0 4px 12px rgba(16, 180, 129, 0.35) !important;
  color: #fff !important;
  border: none !important;
}
.woocommerce ul.products li.product .button:hover {
  box-shadow: 0 6px 20px rgba(16, 180, 129, 0.55) !important;
  color: #fff !important;
}

/* Hover carte produit */
.woocommerce ul.products li.product:hover {
  box-shadow: 0 20px 52px rgba(0,0,0,.5), 0 0 0 1px var(--accent), 0 0 40px rgba(217, 119, 6, 0.12) !important;
}

/* Badge promo */
.woocommerce span.onsale {
  background: linear-gradient(135deg, var(--accent), var(--accent-hover)) !important;
  box-shadow: 0 2px 8px rgba(217, 119, 6, 0.4) !important;
}

/* Bouton billetterie CTA */
.gig-bill-card__cta {
  box-shadow: 0 4px 14px rgba(217, 119, 6, 0.3) !important;
}
.gig-bill-card__cta:hover {
  box-shadow: 0 8px 20px rgba(217, 119, 6, 0.5) !important;
  color: #fff !important;
}

/* #change-seats-btn — ombre */
#change-seats-btn {
  box-shadow: 0 4px 16px rgba(217, 119, 6, 0.35) !important;
}

/* Bouton plugin placement-map (btn-primary-custom) */
.btn-primary-custom {
  background: linear-gradient(135deg, var(--accent), var(--accent-hover)) !important;
  box-shadow: 0 4px 12px rgba(217, 119, 6, 0.3) !important;
  color: #fff !important;
  border: none !important;
}
.btn-primary-custom:hover {
  box-shadow: 0 8px 24px rgba(217, 119, 6, 0.45) !important;
}

/* Bouton hover add_to_cart (inline style dans plugin) */
.single_add_to_cart_button.button:hover {
  box-shadow: 0 8px 24px rgba(16, 180, 129, 0.55) !important;
}

/* Bouton "Passer commande" (panier) */
.gig-proceed-checkout .gig-btn,
.woocommerce a.checkout-button,
#place_order {
  background: linear-gradient(135deg, var(--success), var(--success-alt)) !important;
  box-shadow: 0 4px 16px rgba(16, 180, 129, 0.35) !important;
  color: #fff !important;
  border: none !important;
}
.gig-proceed-checkout .gig-btn:hover,
.woocommerce a.checkout-button:hover,
#place_order:hover {
  box-shadow: 0 8px 24px rgba(16, 180, 129, 0.55) !important;
  color: #fff !important;
}

/* ============================================================
   5. FORMULAIRES — focus & ombres
   ============================================================ */

/* Correction variables fantômes du plugin (--dark-bg, --card-bg, --text-primary, --text-secondary)
   --dark-bg        → fond sombre de page/popup  → var(--surface2)
   --card-bg        → fond de carte/container    → var(--surface)
   --text-primary   → texte principal            → var(--text)
   --text-secondary → texte secondaire/muted     → var(--muted)       */

/* quantity-selector */
.quantity-selector {
  background: var(--surface2) !important;
  border: 1px solid var(--border) !important;
}
.quantity-selector label {
  color: var(--muted) !important;
}
.quantity-selector input {
  background: var(--surface) !important;
  border: 1px solid var(--border) !important;
  color: var(--text) !important;
}

/* selection-status */
.selection-status {
  background: var(--surface2) !important;
  border: 1px solid var(--border) !important;
}

/* svg-container-wrapper (fond du popup plan) */
.svg-container-wrapper {
  background: var(--surface2) !important;
}

/* btn-secondary-custom */
.btn-secondary-custom {
  background: var(--surface) !important;
  border: 1px solid var(--border) !important;
  color: var(--text) !important;
}

/* popup-content & popup-footer */
.popup-content {
  background: var(--surface) !important;
}
.popup-footer {
  background: var(--surface) !important;
}

/* close-btn */
.close-btn {
  background: var(--surface2) !important;
  border: 1px solid var(--border) !important;
  color: var(--muted) !important;
}

/* popup-header h2 */
.popup-header h2 {
  color: var(--text) !important;
}

/* popup-sub-header couleur texte */
.popup-sub-header {
  color: var(--muted) !important;
}

/* legend-item */
.legend-item {
  color: var(--muted) !important;
}

/* SVG état loading */
svg .loading {
  fill: var(--muted) !important;
}

/* sq-content texte secondaire */
#sq-content .text-secondary {
  color: var(--muted) !important;
}


input:focus,
textarea:focus,
select:focus {
  border-color: var(--accent) !important;
  box-shadow: 0 0 0 3px rgba(217, 119, 6, 0.15) !important;
}

/* Champ quantité buy card focus */
.gig-buy-card .quantity input:focus {
  border-color: var(--accent) !important;
  box-shadow: 0 0 0 3px rgba(217, 119, 6, 0.15) !important;
}

/* Checkout form focus */
.gig-checkout-form .form-row input.input-text:focus,
.gig-checkout-form .form-row select:focus {
  border-color: var(--accent) !important;
  box-shadow: 0 0 0 3px rgba(217, 119, 6, 0.15) !important;
}

/* Quantity selector plugin focus */
.quantity-selector input:focus {
  border-color: var(--accent) !important;
  box-shadow: 0 0 0 3px rgba(217, 119, 6, 0.15) !important;
}

/* ============================================================
   6. TAGS & BADGES
   ============================================================ */

/* Badges/tags génériques */
.gig-badge {
  background: rgba(217, 119, 6, 0.1) !important;
  border: 1px solid rgba(217, 119, 6, 0.3) !important;
}

/* Product cat tag */
.product-cat-tag {
  color: var(--accent) !important;
  background: rgba(217, 119, 6, 0.12) !important;
  border: 1px solid rgba(217, 119, 6, 0.3) !important;
}

/* Section tag */
.gig-section-tag {
  background: rgba(217, 119, 6, 0.1) !important;
  border: 1px solid rgba(217, 119, 6, 0.25) !important;
}

/* Category badge hero */
.gig-category-badge {
  border: 1px solid rgba(245, 158, 11, 0.35) !important;
  background: rgba(217, 119, 6, 0.12) !important;
}

/* Artist tags */
.gig-artist-tag {
  background: rgba(217, 119, 6, 0.1) !important;
  border: 1px solid rgba(217, 119, 6, 0.25) !important;
}

/* Timeline icons */
.gig-timeline-icon {
  background: rgba(217, 119, 6, 0.1) !important;
  border: 1px solid rgba(217, 119, 6, 0.25) !important;
}

/* Bill card genre tag */
.gig-bill-card__genre-tag {
  background: rgba(13, 11, 10, 0.75) !important;
  border: 1px solid rgba(217, 119, 6, 0.3) !important;
}

/* ============================================================
   7. PAGINATION
   ============================================================ */
.woocommerce nav.woocommerce-pagination ul li span.current,
.page-numbers li .current {
  background: rgba(217, 119, 6, 0.18) !important;
  border-color: var(--accent) !important;
  color: var(--accent) !important;
}

/* ============================================================
   8. VENUE PREVIEW & LIGHTBOX
   ============================================================ */
.gig-venue-preview__header {
  background: linear-gradient(135deg, rgba(217, 119, 6, 0.08), transparent) !important;
  border-bottom: 1px solid var(--border) !important;
}

.gig-venue-preview__overlay {
  background: rgba(13, 11, 10, 0.3) !important;
}

.gig-venue-preview__overlay span {
  background: rgba(217, 119, 6, 0.75) !important;
  color: #fff !important;
}

.gig-venue-preview__thumb:hover .gig-venue-preview__overlay {
  background: rgba(13, 11, 10, 0.15) !important;
}

/* Placeholder venue */
.gig-venue-placeholder::before {
  background: radial-gradient(ellipse 60% 40% at 50% 50%, rgba(217, 119, 6, 0.06), transparent) !important;
}

/* ============================================================
   9. BUY CARD (encart achat produit)
   ============================================================ */
.gig-buy-card__header {
  background: linear-gradient(135deg, rgba(217, 119, 6, 0.15), rgba(180, 83, 9, 0.1)) !important;
  border-bottom: 1px solid var(--border) !important;
}

/* Avatar artiste */
.gig-artist-avatar {
  background: linear-gradient(135deg, var(--accent), var(--accent2)) !important;
  box-shadow: 0 0 24px rgba(217, 119, 6, 0.4) !important;
}

/* ============================================================
   10. CART — éléments hover & couleurs
   ============================================================ */
.gig-cart-item:hover {
  border-color: rgba(217, 119, 6, 0.3) !important;
  box-shadow: 0 4px 20px rgba(0,0,0,.3) !important;
}

/* Coupon btn hover */
.gig-coupon-btn:hover {
  background: rgba(217, 119, 6, 0.15) !important;
  border-color: var(--accent) !important;
}

/* Update cart hover */
.gig-update-cart-btn:hover:not(:disabled) {
  background: rgba(217, 119, 6, 0.1) !important;
  border-color: var(--accent) !important;
  color: var(--accent2) !important;
}

/* ============================================================
   11. SUMMARY / CHECKOUT SIDEBAR
   ============================================================ */
.gig-summary-header {
  background: linear-gradient(135deg, rgba(217, 119, 6, 0.1), rgba(180, 83, 9, 0.05)) !important;
}

.gig-summary-line.total {
  background: rgba(217, 119, 6, 0.06) !important;
}

/* ============================================================
   12. CHECKOUT — sections numérotées & champs
   ============================================================ */
.gig-form-section-header {
  background: linear-gradient(135deg, rgba(217, 119, 6, 0.06), transparent) !important;
}

.gig-form-section-num {
  background: rgba(217, 119, 6, 0.15) !important;
  border: 1px solid rgba(217, 119, 6, 0.3) !important;
  color: var(--accent2) !important;
}

/* Select2 option survol */
.select2-results__option--highlighted {
  background: rgba(217, 119, 6, 0.15) !important;
  color: var(--accent2) !important;
}

/* ============================================================
   13. STEPPER (barre de progression checkout)
   ============================================================ */
.gig-step.active .gig-step-dot {
  border-color: var(--accent) !important;
  background: rgba(217, 119, 6, 0.15) !important;
  color: var(--accent2) !important;
  box-shadow: 0 0 12px rgba(217, 119, 6, 0.3) !important;
}

/* ============================================================
   14. MON COMPTE — navigation
   ============================================================ */
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a,
.woocommerce-account .woocommerce-MyAccount-navigation li a:hover {
  background: rgba(217, 119, 6, 0.12) !important;
  color: var(--accent) !important;
}

/* ============================================================
   15. PAGE HEADER (À propos, Contact…)
   ============================================================ */
.gig-page-header {
  background: linear-gradient(180deg, rgba(217, 119, 6, 0.08), transparent) !important;
  border-bottom: 1px solid var(--border) !important;
}

.gig-page-header h1 {
  text-shadow: 0 0 60px rgba(217, 119, 6, 0.3) !important;
}

/* ============================================================
   16. CONFIRMATION DE COMMANDE
   ============================================================ */
.gig-ticket-card-header {
  background: linear-gradient(135deg, rgba(217, 119, 6, 0.08), transparent) !important;
}

.gig-email-notice {
  background: rgba(217, 119, 6, 0.06) !important;
  border: 1px solid rgba(217, 119, 6, 0.2) !important;
}

/* ============================================================
   17. PAIEMENT — radio buttons
   ============================================================ */
#payment .wc_payment_method > label:hover {
  background: rgba(217, 119, 6, 0.05) !important;
}

#payment input[type="radio"]:checked + label:before {
  border: 1px solid var(--accent) !important;
  background-color: rgba(217, 119, 6, 0.15) !important;
  border-radius: 8px !important;
  box-shadow: 0 0 12px rgba(217, 119, 6, 0.3) !important;
}

/* ============================================================
   18. BANNIÈRE SQUARE & MESSAGES
   ============================================================ */
#wc-sq-banner {
  background: linear-gradient(90deg, var(--accent-hover), var(--accent)) !important;
  color: #fff !important;
  border: none !important;
  box-shadow: 0 4px 20px rgba(0,0,0,.3) !important;
}

.woocommerce-info,
.woocommerce-message {
  background: rgba(217, 119, 6, 0.08) !important;
  border-top: 3px solid var(--accent) !important;
}

/* ============================================================
   19. PLUGIN QUEUE — popup plan & seat card
   ============================================================ */

/* Popup overlay */
#plan-popup {
  background: rgba(13, 11, 10, 0.93) !important;
}

/* Sub-header popup */
.popup-sub-header {
  background: linear-gradient(135deg, rgba(217, 119, 6, 0.1), rgba(180, 83, 9, 0.1)) !important;
}

/* Carte siège sélectionné */
.seat-info-card {
  background: linear-gradient(135deg, var(--accent), var(--accent-hover)) !important;
  box-shadow: 0 4px 12px rgba(217, 119, 6, 0.3) !important;
}

/* ============================================================
   20. PAGE BILLETTERIE STANDALONE
   ============================================================ */
.gig-bill-bg__glow--1 {
  background: radial-gradient(circle, rgba(241, 157, 99, 0.14) 0%, transparent 65%) !important;
}

.gig-bill-bg__glow--2 {
  background: radial-gradient(circle, rgba(104, 61, 31, 0.21) 0%, transparent 65%) !important;
}

.gig-bill-header {
  border-bottom: 1px solid rgba(217, 119, 6, 0.18) !important;
  background: rgba(13, 11, 10, 0.7) !important;
}

.gig-bill-card:hover {
  box-shadow: 0 16px 48px rgba(0,0,0,.5), 0 0 0 1px rgba(217, 119, 6, 0.3) !important;
  border-color: rgba(217, 119, 6, 0.4) !important;
}

.gig-bill-card__poster-overlay {
  background: linear-gradient(to top, rgba(39, 20, 10, 0.7) 0%, transparent 60%) !important;
}

/* ============================================================
   21. EXPIRATION DE SESSION (sq-expired)
   ============================================================ */
#sq-expired-btn {
  background: var(--accent) !important;
  color: #fff !important;
  border: none !important;
}

#sq-expired-btn:hover {
  background: var(--accent-hover) !important;
}

/* ============================================================
   22. MASQUAGE CHAMP VARIATION QTY
   ============================================================ */
.variation-Qtyplaces {
  display: none !important;
}

/* ============================================================
   23. RESPONSIVE MOBILE — tab active
   ============================================================ */
@media (max-width: 600px) {
  .gig-tab-btn.active {
    border-left-color: var(--accent) !important;
    background: rgba(217, 119, 6, 0.08) !important;
  }
}

@keyframes gig-qty-pulse {
  0%   { box-shadow: 0 0 0 0   rgba(217,119,6,.6), 0 0 0 0   rgba(217,119,6,.2); border-color: var(--accent); }
  40%  { box-shadow: 0 0 0 7px rgba(245,158,11,.2), 0 0 0 14px rgba(245,158,11,.06); border-color: var(--accent2); }
  100% { box-shadow: 0 0 0 0   rgba(217,119,6,0),  0 0 0 0   rgba(217,119,6,0);  border-color: var(--border); }
}

.quantity-selector.quantity_custom.qty-pulse {
  animation: gig-qty-pulse .7s ease-out 3 !important;
  animation-fill-mode: both !important;
}