/*
 * Eigen sitebrede CSS.
 *
 * Stond tot 27 augustus 2026 in wp-content/uploads/so-css/so-css-rehub-theme.css,
 * beheerd via Weergave > Custom CSS (SiteOrigin CSS). Die map valt buiten de
 * repo en buiten deploy.sh, dus de regels waren nergens vastgelegd en gingen
 * niet mee met een deploy.
 *
 * Letterlijk overgenomen, regel voor regel ongewijzigd. Dit bestand wordt als
 * laatste stylesheet ingeladen, net als het origineel, zodat de cascade
 * hetzelfde blijft. Zie betfans_enqueue_eigen_stijl() in functions.php.
 *
 * Bewerken doe je hier, niet meer in de beheeromgeving.
 */

.hoticonfireclass:before {
  display: none;
}

@media screen and (max-width: 767px) {
  .featured_single_left {
    width: 30%;
    float: right;
  }
}

@media screen and (max-width: 767px) {
  .rh-flex-grow1.single_top_main {
    display: flex;
    flex-direction: column;
  }
}

.disablemobileborder {
  overflow: inherit !important;
}

@media screen and (max-width: 767px) {
  .mb30 {
    margin-bottom: 0px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt20 {
    padding-top: 0px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb20 {
    padding-bottom: 0px !important;
  }
}

#comments {
  display: none !important;
}

p, body {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    line-height: 1.5 !important;
}

h1, h2, h3, h4 {
    font-family: 'Organetto', sans-serif !important;
    line-height: 1.5 !important;
}


/* Stijlen voor kleinere schermen */
@media screen and (max-width: 767px) {
    p {
        font-size: 15px !important;
    }
    h1 {
        font-size: 24px !important;
        font-weight: 800 !important;
    }
    h2 {
        font-size: 20px !important;
        font-weight: 700 !important;
    }
    h3 {
        font-size: 16px !important;
        font-weight: 600 !important;
    }
}

/* Stijlen voor grotere schermen */
@media screen and (min-width: 768px) {
    p {
        font-size: 16px !important;
    }
    h1 {
        font-size: 28px !important;
        font-weight: 800 !important;
    }
    h2 {
        font-size: 22px !important;
        font-weight: 700 !important;
    }
    h3 {
        font-size: 20px !important;
        font-weight: 600 !important;
    }
}

/* Mobiel */
@media screen and (max-width: 767px) {
    p {
        font-size: 15px; 
        margin-top: 14px; 
        margin-bottom: 21px; 
    }

    /* Verwijder bovenmarge van eerste alinea */
    p:first-child {
        margin-top: 0;
    }

    /* Verwijder ondermarge van laatste alinea als er geen tekst meer komt */
    p:last-child:not(:empty) {
        margin-bottom: 0;
    }
}
/* Mobiel */
@media screen and (max-width: 767px) {
    p {
        font-size: 16px; 
        margin-top: 16px; 
        margin-bottom: 24px; 
    }

    /* Verwijder bovenmarge van eerste alinea */
    p:first-child {
        margin-top: 0;
    }

    /* Verwijder ondermarge van laatste alinea als er geen tekst meer komt */
    p:last-child:not(:empty) {
        margin-bottom: 0;
    }

    h1 {
        margin-top: 7px !important;
        margin-bottom: 5px !important;
    }

    h2 {
        margin-top: 2px !important;
        margin-bottom: 0px !important;
    }

    h3 {
        margin-top: 1px !important;
        margin-bottom: 0px !important;
    }

    h4 {
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }
}

/* Desktop */
@media screen and (min-width: 768px) {
    p {
        font-size: 16px; 
        margin-top: 16px; 
        margin-bottom: 24px; 
    }

   
    p:first-child {
        margin-top: 0;
    }

   
    p:last-child:not(:empty) {
        margin-bottom: 0;
    }

    h1 {
        margin-top: 7px !important;
        margin-bottom: 5px !important;
    }

    h2 {
        margin-top: 15px !important;
        margin-bottom: 0px !important;
    }

    h3 {
        margin-top: 15px !important;
        margin-bottom: 0px !important;
    }

    h4 {
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }
}

.sl-container {
	background: transparent !important;
}
.slotls-header {
	background:  transparent !important;
	border: 0px !important;
}
        .titels {
            display: flex;
            justify-content: center;
            flex-direction: column;
        }

.orange-stripe1 {
            background-color: orange;
            height: 3px;
            width: 100%;
        }

 .centered-container {
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
        }

        .custom-h1 {
            display: flex;
            align-items: center;
            margin: 0;
        }

        .custom-h1 a {
            color: black;
            text-decoration: none;
    
        }

        .orange-stripe {
            background-color: orange;
            height: 5px;
            flex-grow: 1;
        margin: 0 15px; 
        }

        @media (max-width: 768px) {
            .custom-h1 {
                font-size: 30px; 
            }
        }
    .custom-h2 {
      display: flex;
      align-items: center;
      margin: 5px 0;
    }

    .custom-h2 a {
      color: black; 
      text-decoration: none; 
    }

    @media (max-width: 768px) {
      .custom-h2 {
        font-size: 23px; 
				}}

/* grijze balkjes */    
.C-featured-link {
                    background-color: #FFA200; 
                    transition: background-color 0.3s ease;
                    display: flex;
                    align-items: center;
                    justify-content: flex-start;
                    padding: 3px 2% 3px 2%;
                    position: relative;
                    text-decoration: none; 
                }

                .C-featured-link:hover {
                    background-color: #FFA200; 
                }

                .C-logo {
                    margin-right: 15px;
                }

                .C-text-container {
                    display: flex;
                    align-items: flex-start;
                    flex-direction: column;
                    margin: 0;
                }

                .C-h4 {
                    margin: 0;
                    color: black;
                }

                .C-arrow-container {
                    margin-left: auto;
                }

                .C-arrow::after {
                    content: "→";
                    font-size: 20px;
                    color: black;
                    margin-left: 0;
                }

                .C-rounded-image {
                    width: 40px;
                    height: 40px;
                }


.C-featured-link {
                    background-color: #DBDBDB;
                    transition: background-color 0.3s ease;
                    display: flex;
                    align-items: center;
                    justify-content: flex-start;
                    padding: 3px 2% 3px 2%;
                    position: relative;
                }

                .C-featured-link:hover {
                    background-color: #FFA200;
                }

                .C-logo {
                    margin-right: 15px;
                }

                .C-text-container {
                    display: flex;
                    align-items: flex-start;
                    flex-direction: column;
                    margin: 0;
                }

                .C-h4 {
                    margin: 0;
                }

                .C-arrow-container {
                    margin-left: auto;
                }

                .C-arrow::after {
                    content: "→";
                    font-size: 20px;
                    color: black;
                    margin-left: 0;
                }

                .C-rounded-image {
                    width: 40px;
                    height: 40px;
                }
                .new-badge {
                    background-color: #FFA200;
                    color: white;
                    padding: 5px 10px;
                    border-radius: 5px;
                    font-weight: bold;
                    font-size: 14px;
                }
/* Slots */
@media screen and (max-width: 767px) { .sl-placeholder {
    background: #000;
		}}

.sl-bounce {
    animation: none;
}

.sl-button-solid {
    background-color: #31885C !important;
    border-color: #31885C !important;
}

.slaunch-button.sl-button-solid:hover {
    background-color: #FFA200 !important;
    border-color: #FFA200 !important;
}

.slaunch-button {
    background-color: #31885C !important;
    border-color: #FFA200 !important;
    color: #FFF !important;
		padding: 10px 10px 10px 10px !important;
		font-size: 25px !important;
		border-radius: 5px !important;
}

.slotsl-load-more button {
		font-size: 15px !important;
		padding: 10px !important;
		border: none !important;
		border-radius: 10px !important;
		width: auto !important;
}

.sl-broken-link {
	display:none !important;
}

.sl-rating-container {
		display:none !important;
}

.sl-slots {
		min-height: 0vh !important;
}

.sl-slots {
		min-height: 56.25vh !important;
		padding-top: 0% !important;
}

@media screen and (min-width: 767px) { .sl-gamethumb {
    position: absolute;
    width: 100%;
    height: 100%;
    max-width: 100%;
    filter: blur(5px);
	}}

.h1.custom-h1 {
		font-weight: 100 !important;
}

.pushengage-opt-in__sleek-opt-in-box .pushengage-opt-in__sleek-opt-in-box__body .pushengage-opt-in__sleek-opt-in-box__powered-by {
		display: none !important;
}

body .font110 {
line-height: normal !important;
    margin-bottom: 3% !important;
}

ol {
    list-style-position: outside !important;
    font-size: 16px !important;
    font-family: "Inter", sans-serif !important;
    color: inherit !important;
    margin: 20px 0 !important;
    padding-left: 20px !important;
    line-height: 1.5 !important;
}


@media (max-width: 768px) {
    ol {
        font-size: 15px !important;
    }
}

h1.mt0.mb15.font150 {
  display: none !important;
}

nav.breadcrumbs,
nav.breadcrumbs span {
    font-family: 'Open Sans', Arial, sans-serif;
    font-size: 12px;
    font-weight: 500;
    color: #333;
    line-height: 1.3;
    margin-bottom: 14px;
}

nav.breadcrumbs a,
nav.breadcrumbs a:link,
nav.breadcrumbs a:visited {
    color: #ff7a00 !important;
    text-decoration: none;
}

nav.breadcrumbs .breadcrumb_last {
    color: #ffffff !important;
}

.bf-nav a::after,
.bf-nav a::before {
    content: "" !important;
}

/* Wrapper die horizontaal scrollen activeert */
.scroll-table-wrapper {
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch;
  display: block !important;
  width: 100%;
}

/* Tabel mag breder zijn dan container, maar behoudt echte table-layout */
.scroll-table-wrapper table {
  min-width: 1100px !important;
  width: max-content;
  border-collapse: collapse;
}

/* Oranje knop (Betfans-stijl) */
.activate-btn {
  background:#ff6600; 
  color:#fff !important; 
  padding:6px 12px; 
  border-radius:4px; 
  text-decoration:none; 
  display:inline-block;
  font-weight:600;
}

/* Sticky eerste kolom */
.scroll-table-wrapper table td:first-child,
.scroll-table-wrapper table th:first-child {
  position: sticky;
  left: 0;
  background: #fff !important;
  z-index: 3;
  font-weight: 700;
}

/* Hover highlight */
.scroll-table-wrapper table td:hover,
.scroll-table-wrapper table th:hover {
  background: #fff7f0;
  transition: 0.2s;
}

/* Afwisselende rijen */
.scroll-table-wrapper table tbody tr:nth-child(even) {
  background: #fafafa;
}

/* Tooltip (optioneel) */
.rtp-tooltip {
  position: relative;
  cursor: help;
  border-bottom: 1px dotted #555;
}

/* FIX voor iPhone: Elementor blokkeert horizontale scroll door overflow:hidden */
.elementor-section,
.elementor-container,
.elementor-column,
.elementor-widget-container {
    overflow: visible !important;
}

/* --- BASIS STIJL (meer wedtips bij wedtips pages) --- */ 

/* 1. De kaart zelf */
.wedtips-lijst .elementor-grid-item,
.wedtips-lijst .elementor-post,
.wedtips-lijst article {
    background-color: #1e293b !important; /* Donkerblauw */
    border: none !important;
    border-left: 5px solid #ffa200 !important; /* Oranje streep */
    border-radius: 6px !important;
    margin-bottom: 20px !important;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1) !important;
    overflow: hidden !important;
    
    /* Zorg dat de animatie werkt */
    transition: transform 0.3s ease, box-shadow 0.3s ease, background-color 0.3s ease !important;
}

/* 2. De binnenkant (moet ook donkerblauw zijn) */
.wedtips-lijst .elementor-post__text,
.wedtips-lijst .elementor-post__content,
.wedtips-lijst .elementor-post__thumbnail__link,
.wedtips-lijst .elementor-card-body {
    background-color: #1e293b !important; 
    padding: 20px !important;
    margin: 0 !important;
    transition: background-color 0.3s ease !important; /* Animatie ook hier */
}

/* --- HOVER EFFECTEN (HIER ZAT HET PROBLEEM) --- */

/* Als je over de kaart muist: kom omhoog en maak achtergrond iets lichter */
.wedtips-lijst .elementor-grid-item:hover,
.wedtips-lijst .elementor-post:hover,
.wedtips-lijst article:hover {
    transform: translateY(-5px) !important; /* Omhoog */
    box-shadow: 0 15px 30px rgba(0,0,0,0.2) !important; /* Grotere schaduw */
    background-color: #263345 !important; /* Iets lichter blauw */
}

/* Zorg dat de binnenkant OOK mee verandert van kleur */
.wedtips-lijst .elementor-grid-item:hover .elementor-post__text,
.wedtips-lijst article:hover .elementor-post__content,
.wedtips-lijst article:hover .elementor-card-body {
    background-color: #263345 !important;
}

/* --- TEKST STIJLEN --- */

/* 3. Titel Wit */
.wedtips-lijst h3,
.wedtips-lijst h3 a,
.wedtips-lijst .elementor-post__title,
.wedtips-lijst .elementor-post__title a {
    color: #ffffff !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}

/* 4. Lees Meer knop Oranje */
.wedtips-lijst .read-more,
.wedtips-lijst .elementor-post__read-more {
    color: #ffa200 !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
    margin-top: 10px !important;
    display: inline-block !important;
    transition: transform 0.2s ease, padding 0.2s ease !important;
}

/* Lees meer hover: schuif iets op naar rechts */
.wedtips-lijst .elementor-post:hover .read-more,
.wedtips-lijst .elementor-post:hover .elementor-post__read-more {
    color: #ffb84d !important;
    transform: translateX(5px) !important;
}

/* 5. Meta data grijs */
.wedtips-lijst .elementor-post__meta-data, 
.wedtips-lijst .elementor-post__meta-data span {
    color: #94a3b8 !important;
}

/* ===== FIX VOOR LIVE CASINO BONUS MODULE ===== */
/* Override Elementor overflow voor deze specifieke module */
#live-casino-bonus-module,
#live-casino-bonus-module .elementor-section,
#live-casino-bonus-module .elementor-container,
#live-casino-bonus-module .elementor-column,
#live-casino-bonus-module .elementor-widget-container {
  overflow: visible !important;
}

/* Zorg dat grid layout niet geblokkeerd wordt */
#live-casino-bonus-module .live-bonus-cards-grid {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 20px !important;
  margin-bottom: 24px !important;
}

@media (min-width: 768px) {
  #live-casino-bonus-module .live-bonus-cards-grid {
    grid-template-columns: repeat(3, 1fr) !important;
  }
}

/* Voorkom dat Elementor post styles cards beïnvloeden */
#live-casino-bonus-module .live-bonus-card {
  background: #ffffff !important;
  border: 2px solid #e5e7eb !important;
  border-left: 2px solid #e5e7eb !important; /* Override oranje border */
  border-radius: 12px !important;
  padding: 24px !important;
  display: flex !important;
  flex-direction: column !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.06) !important;
  position: relative !important;
  margin: 0 !important;
  overflow: hidden !important;
}

#live-casino-bonus-module .live-bonus-card:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 8px 20px rgba(0,0,0,0.12) !important;
  border-color: #3b82f6 !important;
  background-color: #ffffff !important; /* Blijf wit, niet donkerblauw */
}

/* Header */
#live-casino-bonus-module .card-header {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 16px !important;
  margin-bottom: 16px !important;
  padding-bottom: 20px !important;
  border-bottom: 2px solid #f3f4f6 !important;
  position: relative !important;
  background: transparent !important;
}

/* Rank badge */
#live-casino-bonus-module .rank-badge {
  background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%) !important;
  color: white !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  padding: 6px 16px !important;
  border-radius: 20px !important;
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  box-shadow: 0 2px 8px rgba(59, 130, 246, 0.3) !important;
}

#live-casino-bonus-module .live-bonus-card:first-child .rank-badge {
  background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%) !important;
}

/* Logo */
#live-casino-bonus-module .casino-logo {
  width: 120px !important;
  height: 120px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #ffffff !important;
  border-radius: 12px !important;
  padding: 12px !important;
  box-shadow: 0 4px 12px rgba(0,0,0,0.08) !important;
  border: 2px solid #f3f4f6 !important;
  transition: all 0.3s ease !important;
}

#live-casino-bonus-module .live-bonus-card:hover .casino-logo {
  transform: scale(1.05) !important;
}

#live-casino-bonus-module .casino-logo img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  display: block !important;
}

/* Casino naam */
#live-casino-bonus-module .casino-name {
  font-size: 22px !important;
  font-weight: 700 !important;
  margin: 0 0 16px 0 !important;
  color: #1f2937 !important;
  text-align: center !important;
}

/* Bonus highlight */
#live-casino-bonus-module .bonus-highlight {
  background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%) !important;
  padding: 16px !important;
  border-radius: 8px !important;
  margin-bottom: 16px !important;
  text-align: center !important;
  border-left: 4px solid #3b82f6 !important;
}

#live-casino-bonus-module .bonus-highlight strong {
  font-size: 18px !important;
  color: #1e40af !important;
  font-weight: 700 !important;
}

/* Bonus details */
#live-casino-bonus-module .bonus-details {
  margin-bottom: 16px !important;
}

#live-casino-bonus-module .bonus-details ul {
  margin: 0 !important;
  padding-left: 20px !important;
  list-style: disc !important;
}

#live-casino-bonus-module .bonus-details li {
  color: #4b5563 !important;
  font-size: 15px !important;
  line-height: 1.6 !important;
  margin-bottom: 6px !important;
}

/* Terms */
#live-casino-bonus-module .bonus-terms {
  flex-grow: 1 !important;
  margin-bottom: 20px !important;
  padding: 16px !important;
  background: #f9fafb !important;
  border-radius: 8px !important;
}

#live-casino-bonus-module .bonus-terms h4 {
  font-size: 16px !important;
  font-weight: 600 !important;
  color: #374151 !important;
  margin: 0 0 10px 0 !important;
}

#live-casino-bonus-module .bonus-terms ul {
  margin: 0 !important;
  padding-left: 20px !important;
  list-style: circle !important;
}

#live-casino-bonus-module .bonus-terms li {
  color: #6b7280 !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
  margin-bottom: 6px !important;
}

/* CTA Button */
#live-casino-bonus-module .activate-btn {
  display: block !important;
  width: 100% !important;
  background: linear-gradient(135deg, #10b981 0%, #059669 100%) !important;
  color: white !important;
  text-align: center !important;
  padding: 14px 24px !important;
  border-radius: 8px !important;
  font-weight: 700 !important;
  font-size: 16px !important;
  text-decoration: none !important;
  border: none !important;
  cursor: pointer !important;
  box-shadow: 0 4px 12px rgba(16, 185, 129, 0.3) !important;
}

#live-casino-bonus-module .activate-btn:hover {
  background: linear-gradient(135deg, #059669 0%, #047857 100%) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 16px rgba(16, 185, 129, 0.4) !important;
}

/* Disclaimer */
#live-casino-bonus-module .bonus-disclaimer {
  text-align: center !important;
  font-size: 13px !important;
  color: #6b7280 !important;
  line-height: 1.6 !important;
  margin-top: 24px !important;
  padding: 16px !important;
  background: #fef3c7 !important;
  border-radius: 8px !important;
  border-left: 4px solid #f59e0b !important;
}

/* Responsive */
@media (min-width: 640px) and (max-width: 767px) {
  #live-casino-bonus-module .live-bonus-cards-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  
  #live-casino-bonus-module .live-bonus-card:last-child {
    grid-column: 1 / -1 !important;
    max-width: 50% !important;
    margin: 0 auto !important;
  }
}

@media (max-width: 639px) {
  #live-casino-bonus-module .casino-logo {
    width: 100px !important;
    height: 100px !important;
  }
}

.bf-promos-sub {
    margin: 14px 0 10px;
    font-family: Arial, sans-serif;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .6px;
    font-size: 12px;
    color: rgba(15,23,42,0.65);
}
.bf-promos-empty {
    margin: 10px 0 0;
    font-family: Arial, sans-serif;
    color: rgba(15,23,42,0.75);
    font-size: 0.95rem;
}
.bf-promo-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.bf-promo-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 14px 16px;
    background-color: #f8fafc;
    transition: all .2s ease;
    text-decoration: none !important;
    color: inherit;
}
.bf-promo-row:hover {
    border-color: #cbd5e1;
    background: #fff;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
    transform: translateY(-1px);
}
.bf-promo-left {
    display: flex;
    align-items: center;
    gap: 14px;
    min-width: 0;
    text-decoration: none !important;
    color: inherit;
}
.bf-promo-thumb {
    width: 44px;
    height: 44px;
    border-radius: 999px;
    background: #fff;
    border: 1px solid #e2e8f0;
    display: block;
    object-fit: cover;
    flex: 0 0 auto;
}
.bf-promo-info {
    display: flex;
    flex-direction: column;
    min-width: 0;
}
.bf-promo-tag {
    font-size: 11px;
    font-weight: 800;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: .6px;
    margin-bottom: 2px;
    font-family: Arial, sans-serif;
}
.bf-promo-title {
    font-size: 15px;
    font-weight: 800;
    color: #0f172a;
    line-height: 1.25;
    margin: 0;
    font-family: Arial, sans-serif;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 720px;
}
.bf-promo-right {
    display: flex;
    gap: 10px;
    flex: 0 0 auto;
}
.bf-promo-btn {
    font-size: 13px;
    font-weight: 800;
    text-decoration: none !important;
    padding: 10px 14px;
    border-radius: 10px;
    transition: all .2s ease;
    text-transform: uppercase;
    font-family: Arial, sans-serif;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 120px;
    white-space: nowrap;
}
.bf-promo-btn--review {
    background: #fff;
    border: 1px solid #cbd5e1;
    color: #64748b !important;
}
.bf-promo-btn--review:hover {
    color: #334155 !important;
    border-color: #94a3b8;
}
.bf-promo-btn--claim {
    background: #FF8A00;
    border: 1px solid #FF8A00;
    color: #fff !important;
    box-shadow: 0 6px 16px rgba(255,138,0,0.25);
}
.bf-promo-btn--claim:hover {
    box-shadow: 0 10px 22px rgba(255,138,0,0.30);
    transform: translateY(-1px);
}
@media (max-width: 650px) {
    .bf-promo-row {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }
    .bf-promo-title {
        white-space: normal;
        max-width: 100%;
    }
    .bf-promo-right { width: 100%; }
    .bf-promo-btn { flex: 1; min-width: 0; }
}

/* ── bfx: Uitgebreid promo overzicht (volledig gescopet op .bfx-lijst) ── */
.bfx-lijst {
    display: flex;
    flex-direction: column;
    gap: 40px;
    margin: 32px 0;
}

.bfx-lijst .bfx-card {
    border: 1px solid #e4e4e4;
    border-radius: 12px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 2px 8px rgba(0,0,0,.06);
}

.bfx-lijst .bfx-card__header {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 20px 24px;
    border-bottom: 1px solid #f0f0f0;
    background: #fafafa;
}

.bfx-lijst .bfx-card__thumb {
    width: 80px;
    height: 80px;
    object-fit: contain;
    border-radius: 8px;
    flex-shrink: 0;
    background: #fff;
    padding: 4px;
    border: 1px solid #eee;
}

.bfx-lijst .bfx-card__titel {
    font-size: 1.2rem;
    font-weight: 700;
    margin: 0;
    line-height: 1.3;
    color: #1a1a1a;
}

.bfx-lijst .bfx-card__body {
    padding: 24px;
    font-size: .95rem;
    color: #333;
    line-height: 1.7;
}

.bfx-lijst .bfx-card__body h4 {
    font-size: 1rem;
    font-weight: 700;
    margin: 20px 0 8px;
    color: #1a1a1a;
}

.bfx-lijst .bfx-card__body p {
    margin: 0 0 12px;
}

.bfx-lijst .bfx-card__body ul,
.bfx-lijst .bfx-card__body ol {
    margin: 0 0 12px 20px;
    padding: 0;
}

.bfx-lijst .bfx-card__body li {
    margin-bottom: 4px;
}

.bfx-lijst .bfx-card__body a {
    color: #2255cc;
    text-decoration: underline;
}

.bfx-lijst .bfx-card__footer {
    padding: 16px 24px 20px;
    border-top: 1px solid #f0f0f0;
}

.bfx-lijst .bfx-knop--claim {
    display: inline-block;
    padding: 11px 24px;
    border-radius: 6px;
    font-size: .95rem;
    font-weight: 700;
    text-decoration: none;
    background: #FF8A00;
    color: #fff;
    transition: opacity .15s;
}

.bfx-lijst .bfx-knop--claim:hover {
    opacity: .85;
}

.bfx-lijst .bfx-empty {
    color: #888;
    font-style: italic;
}

@media (max-width: 540px) {
    .bfx-lijst .bfx-card__header {
        flex-direction: column;
        align-items: flex-start;
        padding: 16px;
    }

    .bfx-lijst .bfx-card__body {
        padding: 16px;
    }

    .bfx-lijst .bfx-card__footer {
        padding: 12px 16px 16px;
    }

    .bfx-lijst .bfx-knop--claim {
        display: block;
        text-align: center;
    }
}

.bf-speler-badge {
    display: inline;
    font-size: 11px;
    font-weight: 600;
    padding: 2px 8px;
    border-radius: 4px;
    margin-top: 4px;
    width: fit-content;
}
.bf-speler-nieuw {
    background-color: #e6f4ea;
    color: #2d7a3a;
}
.bf-speler-bestaand {
    background-color: #fff3e0;
    color: #e65c00;
}