/* cf-extra-layouts.css — editorial casino-comparison styling for the 13 layouts.
 * Design tokens: dark backgrounds, gold #d4af37 for premium accents,
 * green #5cd97a for positive markers, restrained palette. SVG/text icons over
 * emoji where the data allows. Generous whitespace, clear hierarchy. */

:root {
	/* Casinofy brand purple — matches the theme's --purple-gradient
	 * (#AD60FA → #5D2DE1) used everywhere on the site. */
	--cf-purple:        #AD60FA;
	--cf-purple-strong: #C088FF;
	--cf-purple-deep:   #5D2DE1;
	--cf-purple-soft:   rgba(173,96,250,0.14);
	--cf-purple-line:   rgba(173,96,250,0.32);
	--cf-purple-grad:   linear-gradient(132deg, #AD60FA 0%, #5D2DE1 100%);
	/* Aliases for backwards-compat with older rules — all resolve to purple. */
	--cf-gold:          #AD60FA;
	--cf-gold-soft:     rgba(173,96,250,0.14);
	--cf-gold-line:     rgba(173,96,250,0.32);
	--cf-green:         #5cd97a;
	--cf-green-soft:    rgba(92,217,122,0.14);
	--cf-card:          rgba(255,255,255,0.035);
	--cf-card-strong:   rgba(255,255,255,0.06);
	--cf-border:        rgba(255,255,255,0.08);
	--cf-border-strong: rgba(255,255,255,0.14);
	--cf-text:          rgba(255,255,255,0.86);
	--cf-text-mute:     rgba(255,255,255,0.58);
	--cf-text-soft:     rgba(255,255,255,0.42);
}

/* Theme's global `ul li:before` draws a white-dot bullet on every <li>. Kill
 * it for our lists (list-style:none alone doesn't touch ::before). */
.cf-vs__list li::before,
.cf-vs__item::before,
.cf-tips__list li::before,
.cf-tip::before,
.cf-com__highlights li::before,
.cf-steps__list li::before,
.cf-step::before,
.cf-quick-facts__list li::before{
	display:none !important;
	content:none !important;
	background:none !important;
}
.cf-vs__list, .cf-vs__item,
.cf-tips__list, .cf-tip,
.cf-com__highlights, .cf-com__highlights li,
.cf-steps__list, .cf-step{
	list-style:none !important;
}
.cf-vs__item::marker,
.cf-tip::marker,
.cf-com__highlights li::marker,
.cf-step::marker{ content:""; }

.cf-block{padding:56px 0;}
.cf-block + .cf-block{padding-top:8px;}
.cf-block__title{margin:0 0 10px;font-size:30px;font-weight:700;color:#fff;letter-spacing:-0.5px;line-height:1.2;}
.cf-block__subtitle{margin:0 0 28px;color:var(--cf-text-mute);font-size:16px;line-height:1.55;max-width:780px;}
.cf-block p{color:var(--cf-text);line-height:1.6;}

.cf-chip{display:inline-flex;align-items:center;padding:4px 10px;font-size:12px;font-weight:600;border-radius:6px;background:var(--cf-purple-soft);color:var(--cf-purple-strong);border:1px solid rgba(173,96,250,0.28);letter-spacing:0.2px;}
.cf-chip--rtp{background:var(--cf-green-soft);color:var(--cf-green);border-color:rgba(92,217,122,0.3);}

/* ──────────────── GAME CARDS ──────────────────────────────────────────── */
.cf-game-cards__grid{display:grid;gap:18px;}
.cf-game-cards__grid[data-per-row="2"]{grid-template-columns:repeat(2,1fr);}
.cf-game-cards__grid[data-per-row="3"]{grid-template-columns:repeat(3,1fr);}
.cf-game-cards__grid[data-per-row="4"]{grid-template-columns:repeat(4,1fr);}
.cf-game-cards__grid[data-per-row="5"]{grid-template-columns:repeat(5,1fr);}
.cf-game-cards__grid[data-per-row="6"]{grid-template-columns:repeat(6,1fr);}
.cf-game-card{background:var(--cf-card);border:1px solid var(--cf-border);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;transition:transform .2s,border-color .2s,box-shadow .2s;}
.cf-game-card:hover{transform:translateY(-2px);border-color:var(--cf-gold-line);box-shadow:0 12px 28px -10px rgba(0,0,0,.5);}
.cf-game-card__media{display:block;line-height:0;background:#0a0a10;aspect-ratio:16/10;overflow:hidden;}
.cf-game-card__media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease;}
.cf-game-card__media:hover img{transform:scale(1.04);}
.cf-game-card__body{padding:16px 18px;flex:1;display:flex;flex-direction:column;}
.cf-game-card__title{margin:0 0 4px;font-size:16px;font-weight:600;color:#fff;line-height:1.3;}
.cf-game-card__provider{margin:0 0 12px;font-size:12px;color:var(--cf-text-soft);font-style:italic;text-transform:uppercase;letter-spacing:0.5px;}
.cf-game-card__chips{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px;}
.cf-game-card__blurb{margin:0 0 14px;font-size:13px;line-height:1.5;color:var(--cf-text-mute);flex:1;}
.cf-game-card__cta{margin-top:auto;}
.cf-game-card__cta .button{display:inline-block;padding:8px 16px;font-size:13px;border-radius:999px;}

/* ──────────────── PROVIDER LOGOS GRID ─────────────────────────────────── */
.cf-providers__grid{display:grid;gap:14px;}
.cf-providers__grid[data-per-row="3"]{grid-template-columns:repeat(3,1fr);}
.cf-providers__grid[data-per-row="4"]{grid-template-columns:repeat(4,1fr);}
.cf-providers__grid[data-per-row="5"]{grid-template-columns:repeat(5,1fr);}
.cf-providers__grid[data-per-row="6"]{grid-template-columns:repeat(6,1fr);}
/* Provider card: dark wrapper with a white logo plate inside + provider name
   underneath. Normalises both dark-on-transparent logos (Evolution, NetEnt) and
   logos with their own white box (Yggdrasil, IGT) into one consistent look. */
.cf-provider-card{background:var(--cf-card);border:1px solid var(--cf-border);border-radius:12px;padding:16px 14px 16px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;text-decoration:none;color:inherit;transition:transform .2s,border-color .2s,background .2s;min-height:140px;}
a.cf-provider-card:hover{transform:translateY(-2px);border-color:var(--cf-gold-line);background:var(--cf-card-strong);}
.cf-provider-card__logo{width:100%;height:64px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:8px;padding:10px 14px;box-sizing:border-box;}
.cf-provider-card__logo img{max-height:44px;max-width:100%;width:auto;object-fit:contain;display:block;}
.cf-provider-card__name{font-size:14px;font-weight:600;color:#fff;letter-spacing:0.2px;}
.cf-provider-card__desc{font-size:12.5px;color:var(--cf-text-mute);line-height:1.45;}

/* ──────────────── PAYMENT METHODS (legacy logos layout) ───────────────────
   Re-skin the original .category-feature__pay grid to mirror the cf-providers
   gallery: 6 cols, dark outer card, white logo plate inside, brand-name label
   below. Old styling in screen.css used a single flat white pill — overridden. */
.category-feature__pay{display:grid !important;grid-template-columns:repeat(6,1fr);gap:14px;}
.category-feature__pay .footer-logo__box{width:auto !important;height:auto !important;min-height:140px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:10px;padding:16px 14px 16px !important;background:var(--cf-card) !important;border:1px solid var(--cf-border);border-radius:12px !important;transition:transform .2s,border-color .2s,background .2s;text-align:center;}
.category-feature__pay .footer-logo__box:hover{transform:translateY(-2px);border-color:var(--cf-gold-line);background:var(--cf-card-strong);box-shadow:none;}
.category-feature__pay .footer-logo__box img{max-height:44px !important;max-width:100% !important;object-fit:contain;display:block;background:#fff;border-radius:8px;padding:10px 14px;width:100%;height:64px;box-sizing:border-box;}
.category-feature__pay .footer-logo__name{font-size:14px;font-weight:600;color:#fff;letter-spacing:0.2px;line-height:1.3;}
@media (max-width:1024px){.category-feature__pay{grid-template-columns:repeat(4,1fr);}}
@media (max-width:768px){.category-feature__pay{grid-template-columns:repeat(3,1fr);}}
@media (max-width:480px){.category-feature__pay{grid-template-columns:repeat(2,1fr);}}

/* ──────────────── STAT BOXES ──────────────────────────────────────────── */
.cf-stats__grid{display:grid;gap:18px;}
.cf-stats__grid[data-per-row="2"]{grid-template-columns:repeat(2,1fr);}
.cf-stats__grid[data-per-row="3"]{grid-template-columns:repeat(3,1fr);}
.cf-stats__grid[data-per-row="4"]{grid-template-columns:repeat(4,1fr);}
.cf-stat-box{position:relative;background:var(--cf-card);border:1px solid var(--cf-border);border-radius:14px;padding:32px 28px 26px;overflow:hidden;}
.cf-stat-box::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,var(--cf-gold) 50%,transparent);opacity:.7;}
.cf-stat-box__icon{font-size:18px;line-height:1;color:var(--cf-gold);margin-bottom:10px;letter-spacing:1.5px;text-transform:uppercase;font-weight:700;}
.cf-stat-box__value{font-size:42px;font-weight:800;color:var(--cf-gold);line-height:1;margin-bottom:10px;letter-spacing:-1.5px;font-feature-settings:"tnum";}
.cf-stat-box__label{font-size:13px;color:var(--cf-text);line-height:1.5;}

/* ──────────────── STEP-BY-STEP GUIDE ──────────────────────────────────── */
.cf-steps__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:0;position:relative;counter-reset:cf-steps;}
.cf-steps__list::before{content:"";position:absolute;left:23px;top:24px;bottom:24px;width:2px;background:linear-gradient(180deg,var(--cf-gold-line) 0%,var(--cf-border) 70%,transparent);}
.cf-step{display:flex;gap:22px;align-items:flex-start;padding:14px 0;position:relative;}
.cf-step__number{width:48px;height:48px;flex-shrink:0;border-radius:50%;background:#16131c;color:var(--cf-gold);font-size:18px;font-weight:700;display:flex;align-items:center;justify-content:center;border:2px solid var(--cf-gold);box-shadow:0 0 0 4px #0a0a10,0 0 16px rgba(173,96,250,0.2);position:relative;z-index:1;letter-spacing:-0.5px;}
.cf-step__body{flex:1;padding-top:8px;}
.cf-step__title{margin:0 0 6px;font-size:18px;font-weight:600;color:#fff;letter-spacing:-0.2px;}
.cf-step__body p{margin:0;color:var(--cf-text-mute);line-height:1.6;}

/* ──────────────── PULL QUOTE ──────────────────────────────────────────── */
.cf-quote__block{background:linear-gradient(135deg,rgba(173,96,250,0.04),transparent 60%);border-left:3px solid var(--cf-gold);padding:36px 40px 32px 60px;margin:0;position:relative;border-radius:0 12px 12px 0;}
.cf-quote__block::before{content:"\201C";position:absolute;top:20px;left:14px;font-size:84px;line-height:1;color:var(--cf-gold);font-family:Georgia,serif;font-weight:700;opacity:.85;}
.cf-quote__text{margin:0 0 22px;font-size:22px;line-height:1.5;color:#fff;font-style:italic;font-weight:400;letter-spacing:-0.2px;}
.cf-quote__attrib{display:flex;align-items:center;gap:14px;font-style:normal;}
.cf-quote__avatar{width:46px;height:46px;border-radius:50%;object-fit:cover;border:2px solid var(--cf-gold-line);}
.cf-quote__author{display:block;font-weight:700;color:#fff;font-size:14px;}
.cf-quote__role{display:block;font-size:12px;color:var(--cf-text-soft);text-transform:uppercase;letter-spacing:1px;margin-top:2px;}

/* ──────────────── COMPARISON VS. ──────────────────────────────────────── */
.cf-vs__grid{display:grid;grid-template-columns:1fr auto 1fr;gap:0;align-items:stretch;background:var(--cf-card);border:1px solid var(--cf-border);border-radius:16px;overflow:hidden;}
.cf-vs__col{padding:28px;display:flex;flex-direction:column;}
.cf-vs__col--left{border-right:1px solid var(--cf-border);background:rgba(92,217,122,0.025);}
.cf-vs__col--right{background:rgba(255,255,255,0.015);}
.cf-vs__col-title{margin:0 0 16px;font-size:18px;font-weight:700;color:#fff;letter-spacing:-0.2px;display:flex;align-items:center;gap:8px;}
.cf-vs__col--left .cf-vs__col-title::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--cf-green);}
.cf-vs__col--right .cf-vs__col-title::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--cf-text-soft);}
.cf-vs__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:11px;}
.cf-vs__item{display:flex;gap:11px;align-items:flex-start;color:var(--cf-text);line-height:1.5;font-size:14px;}
.cf-vs__marker{flex-shrink:0;width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;line-height:1;margin-top:2px;}
.cf-vs__item--pro .cf-vs__marker{color:var(--cf-green);}
.cf-vs__item--con .cf-vs__marker{color:#ff8a85;}
.cf-vs__item--neutral .cf-vs__marker{color:var(--cf-text-soft);}
.cf-vs__divider{align-self:stretch;display:flex;align-items:center;justify-content:center;width:1px;background:var(--cf-border);position:relative;}
.cf-vs__divider::after{content:"VS";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#0a0a10;color:var(--cf-purple);font-weight:800;font-size:12px;letter-spacing:1.5px;padding:8px 12px;border:1px solid var(--cf-purple-line);border-radius:999px;}

/* ──────────────── NUMBERED TIPS ───────────────────────────────────────── */
.cf-tips__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:0;}
.cf-tip{display:grid;grid-template-columns:auto 1fr;gap:16px;padding:18px 0;border-bottom:1px solid var(--cf-border);align-items:start;}
.cf-tip:last-child{border-bottom:none;}
.cf-tip__number{width:32px;height:32px;border-radius:8px;background:transparent;color:var(--cf-gold);border:1px solid var(--cf-gold-line);font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;font-feature-settings:"tnum";letter-spacing:-0.2px;}
.cf-tip__body{padding-top:2px;}
.cf-tip__title{margin:0 0 4px;font-size:15px;font-weight:600;color:#fff;}
.cf-tip__text{margin:0;color:var(--cf-text-mute);line-height:1.55;font-size:14px;}

/* ──────────────── CALLOUT / HIGHLIGHT BOX ─────────────────────────────── */
.cf-callout{display:flex;gap:16px;align-items:flex-start;padding:18px 22px;border-radius:10px;border:1px solid;border-left-width:3px;}
.cf-callout__icon{font-size:18px;line-height:1.3;flex-shrink:0;font-weight:700;}
.cf-callout__body{flex:1;}
.cf-callout__title{font-weight:700;font-size:15px;margin-bottom:5px;color:#fff;letter-spacing:0.2px;}
.cf-callout__body p{margin:0;line-height:1.55;color:var(--cf-text);font-size:14px;}
.cf-callout--info{background:rgba(94,167,255,0.07);border-color:rgba(94,167,255,0.18);border-left-color:#5ea7ff;}
.cf-callout--info .cf-callout__icon{color:#5ea7ff;}
.cf-callout--tip{background:rgba(173,96,250,0.07);border-color:rgba(173,96,250,0.18);border-left-color:var(--cf-purple);}
.cf-callout--tip .cf-callout__icon{color:var(--cf-purple);}
.cf-callout--warn{background:rgba(220,178,73,0.06);border-color:rgba(220,178,73,0.22);border-left-color:var(--cf-gold);}
.cf-callout--warn .cf-callout__icon{color:var(--cf-gold);}
.cf-callout--danger{background:rgba(255,100,100,0.06);border-color:rgba(255,100,100,0.22);border-left-color:#ff6464;}
.cf-callout--danger .cf-callout__icon{color:#ff6464;}
.cf-callout--success{background:rgba(92,217,122,0.06);border-color:rgba(92,217,122,0.22);border-left-color:var(--cf-green);}
.cf-callout--success .cf-callout__icon{color:var(--cf-green);}

/* ──────────────── BONUS / GAME TYPE CARDS ─────────────────────────────── */
.cf-type-cards__grid{display:grid;gap:16px;}
.cf-type-cards__grid[data-per-row="2"]{grid-template-columns:repeat(2,1fr);}
.cf-type-cards__grid[data-per-row="3"]{grid-template-columns:repeat(3,1fr);}
.cf-type-cards__grid[data-per-row="4"]{grid-template-columns:repeat(4,1fr);}
.cf-type-card{position:relative;background:var(--cf-card);border:1px solid var(--cf-border);border-top:2px solid var(--cf-gold-line);border-radius:0 0 12px 12px;padding:24px 22px 22px;display:flex;flex-direction:column;text-decoration:none;color:inherit;transition:border-color .2s,background .2s,transform .2s;}
a.cf-type-card:hover{border-color:var(--cf-gold);background:var(--cf-card-strong);transform:translateY(-2px);}
a.cf-type-card:hover .cf-type-card__icon--svg{transform:scale(1.05);box-shadow:0 6px 22px rgba(173,96,250,0.35);}
.cf-type-card__icon{font-size:34px;line-height:1;margin-bottom:16px;color:var(--cf-gold);font-weight:700;}
/* SVG icon variant: 56px purple-gradient tile, white icon, brand glow. */
.cf-type-card__icon--svg{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:14px;background:linear-gradient(135deg,#AD60FA 0%,#5D2DE1 100%);color:#fff;margin-bottom:18px;font-size:0;box-shadow:0 4px 14px rgba(93,45,225,0.28);transition:transform .2s,box-shadow .2s;}
.cf-type-card__icon--svg svg{width:28px;height:28px;}
.cf-type-card__title{margin:0 0 8px;font-size:16px;font-weight:700;color:#fff;letter-spacing:-0.2px;}
.cf-type-card__text{margin:0 0 14px;font-size:13.5px;color:var(--cf-text-mute);line-height:1.5;flex:1;}
.cf-type-card__cta{font-size:13px;font-weight:600;color:var(--cf-gold);margin-top:auto;letter-spacing:0.3px;}

/* ──────────────── QUICK FACTS ─────────────────────────────────────────── */
.cf-quick-facts__list{margin:0;padding:0;background:var(--cf-card);border:1px solid var(--cf-border);border-radius:12px;overflow:hidden;}
.cf-quick-facts__row{display:flex;justify-content:space-between;align-items:center;padding:14px 24px;border-bottom:1px solid var(--cf-border);transition:background .15s;}
.cf-quick-facts__row:nth-child(even){background:rgba(255,255,255,0.02);}
.cf-quick-facts__row:last-child{border-bottom:none;}
.cf-quick-facts__row:hover{background:rgba(173,96,250,0.04);}
.cf-quick-facts__row dt{color:var(--cf-text-mute);font-weight:500;margin:0;font-size:14px;letter-spacing:0.2px;}
.cf-quick-facts__row dd{color:#fff;font-weight:700;margin:0;text-align:right;font-size:14.5px;letter-spacing:-0.2px;}

/* ──────────────── HOW WE RATE ─────────────────────────────────────────── */
.cf-how-rate__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;counter-reset:cf-rate;}
.cf-how-rate__item{position:relative;background:var(--cf-card);border:1px solid var(--cf-border);border-radius:12px;padding:28px 22px 22px;}
.cf-how-rate__item::before{counter-increment:cf-rate;content:counter(cf-rate,decimal-leading-zero);position:absolute;top:-12px;left:18px;background:#0a0a10;color:var(--cf-gold);border:1px solid var(--cf-gold);border-radius:999px;padding:4px 12px;font-size:11px;font-weight:800;letter-spacing:1.5px;font-feature-settings:"tnum";}
.cf-how-rate__icon{display:none;}
.cf-how-rate__title{margin:8px 0 8px;font-size:17px;font-weight:700;color:#fff;letter-spacing:-0.2px;}
.cf-how-rate__text{margin:0;font-size:13.5px;color:var(--cf-text-mute);line-height:1.55;}

/* ──────────────── TABBED CONTENT ──────────────────────────────────────── */
.cf-tabs__wrap{background:var(--cf-card);border:1px solid var(--cf-border);border-radius:12px;overflow:hidden;}
.cf-tabs__nav{display:flex;flex-wrap:wrap;gap:0;background:rgba(0,0,0,0.25);border-bottom:1px solid var(--cf-border);padding:6px;margin:0;}
.cf-tabs__btn{appearance:none;background:transparent;border:none;color:var(--cf-text-mute);padding:10px 20px;font-size:14px;font-weight:600;cursor:pointer;border-radius:8px;transition:color .15s,background .15s;letter-spacing:0.2px;}
.cf-tabs__btn:hover{color:#fff;background:rgba(255,255,255,0.03);}
.cf-tabs__btn.is-active{color:#fff;background:var(--cf-purple);}
.cf-tabs__panels{padding:28px;}
.cf-tabs__panel{display:none;}
.cf-tabs__panel.is-active{display:block;}
.cf-tabs__panel p{margin:0 0 12px;color:var(--cf-text);line-height:1.65;}
.cf-tabs__panel p:last-child{margin-bottom:0;}

/* ──────────────── CASINO OF THE MONTH ─────────────────────────────────── */
.cf-com-section{padding:32px 0 64px;}
.cf-com{
	position:relative;
	background:radial-gradient(ellipse at 20% 0%, rgba(173,96,250,0.18), transparent 50%),
	            radial-gradient(ellipse at 90% 100%, rgba(173,96,250,0.10), transparent 55%),
	            linear-gradient(160deg,#1c1830 0%,#0f0d1c 100%);
	border-radius:20px;overflow:hidden;
	border:1px solid var(--cf-purple-line);
	box-shadow:0 40px 90px -28px rgba(0,0,0,.8), 0 0 0 1px rgba(173,96,250,0.08), inset 0 1px 0 rgba(255,255,255,0.04);
}
/* Gradient border ring */
.cf-com::before{
	content:"";position:absolute;inset:0;border-radius:20px;padding:1px;
	background:linear-gradient(135deg, rgba(167,139,255,0.5), rgba(173,96,250,0) 35%, rgba(173,96,250,0.4) 100%);
	-webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
	-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;
}

/* Top ribbon — bigger, purple, with shimmer */
.cf-com__ribbon{
	display:flex;align-items:center;gap:14px;
	padding:18px 36px;
	background:linear-gradient(90deg, rgba(173,96,250,0.28) 0%, rgba(173,96,250,0.06) 60%, transparent 100%);
	border-bottom:1px solid var(--cf-purple-line);
	position:relative;z-index:2;
}
.cf-com__ribbon-icon{
	display:inline-flex;align-items:center;justify-content:center;
	width:28px;height:28px;border-radius:50%;
	background:var(--cf-purple);color:#fff;
	font-size:14px;line-height:1;
	box-shadow:0 0 18px rgba(173,96,250,0.5);
}
.cf-com__ribbon-label{font-size:12px;font-weight:800;letter-spacing:2.5px;text-transform:uppercase;color:#fff;}
.cf-com__ribbon-month{
	margin-left:auto;font-size:11px;font-weight:700;color:var(--cf-text-mute);
	letter-spacing:2px;text-transform:uppercase;
	padding:5px 12px;border:1px solid var(--cf-border);border-radius:999px;
	background:rgba(255,255,255,0.02);
}

.cf-com__inner{display:flex;flex-direction:column;gap:0;padding:36px 44px 40px;position:relative;z-index:1;}

/* Top brand row: logo + name+tagline + rating, all on one line */
.cf-com__brand{
	display:grid;grid-template-columns:auto 1fr auto;gap:24px;align-items:center;
	padding-bottom:28px;margin-bottom:28px;
	border-bottom:1px solid var(--cf-border);
}
.cf-com__brand-logo-wrap{
	flex-shrink:0;
	display:flex;align-items:center;justify-content:center;
	width:120px;height:80px;
	border-radius:10px;
	background:rgba(255,255,255,0.03);
	border:1px solid var(--cf-border);
	padding:10px;
}
.cf-com__brand-logo-wrap a{display:flex;align-items:center;justify-content:center;width:100%;height:100%;text-decoration:none;}
.cf-com__brand-logo{
	max-width:100%;max-height:60px;width:auto;height:auto;
	object-fit:contain;display:block;
	filter:drop-shadow(0 2px 8px rgba(0,0,0,0.3));
}
.cf-com__brand-text{min-width:0;}
.cf-com__body{display:flex;flex-direction:column;}

/* Name + tagline inside header row */
.cf-com__name{
	margin:0 0 6px;font-size:30px;font-weight:800;line-height:1.1;
	color:#fff;letter-spacing:-0.8px;
}
.cf-com__tagline{margin:0;font-size:15px;line-height:1.5;color:var(--cf-text-mute);max-width:600px;}

/* Rating now sits to the right of brand row */
.cf-com__rating{
	display:inline-flex;align-items:center;gap:12px;flex-shrink:0;
	padding:10px 16px;background:rgba(255,255,255,0.03);border:1px solid var(--cf-border);
	border-radius:10px;
}
.cf-com__stars{display:inline-flex;gap:2px;font-size:16px;line-height:1;}
.cf-com__star{color:rgba(255,255,255,0.18);}
.cf-com__star.is-full{color:var(--cf-purple-strong);}
.cf-com__star.is-half{background:linear-gradient(90deg,var(--cf-purple-strong) 50%,rgba(255,255,255,0.18) 50%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
.cf-com__rating-value{font-size:18px;font-weight:800;color:#fff;letter-spacing:-0.3px;font-feature-settings:"tnum";line-height:1;}
.cf-com__rating-max{font-weight:500;color:var(--cf-text-soft);font-size:13px;}

/* Bonus block — neutral dark card with a purple left-bar accent */
.cf-com__bonus{
	margin:0 0 26px;padding:22px 26px 22px 30px;
	background:rgba(255,255,255,0.03);
	border:1px solid var(--cf-border);border-radius:12px;
	position:relative;overflow:hidden;
}
.cf-com__bonus::before{
	content:"";position:absolute;top:0;left:0;bottom:0;width:4px;
	background:linear-gradient(180deg, var(--cf-purple-strong), var(--cf-purple));
}
.cf-com__bonus-eyebrow{display:block;font-size:11px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:var(--cf-purple-strong);margin-bottom:8px;}
.cf-com__bonus-text{display:block;font-size:26px;font-weight:800;color:#fff;line-height:1.2;letter-spacing:-0.5px;}

/* Highlights — clean 2-column grid (4-column on wider) */
.cf-com__highlights{list-style:none !important;margin:0 0 28px;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:12px 32px;}
@media (min-width:1100px){.cf-com__highlights{grid-template-columns:repeat(4,1fr);}}
.cf-com__highlights li{display:flex;gap:10px;align-items:flex-start;font-size:14.5px;line-height:1.5;color:var(--cf-text);}
.cf-com__highlights li::marker{content:"";}
.cf-com__highlight-icon{flex-shrink:0;color:var(--cf-green);font-weight:700;font-size:13px;width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:var(--cf-green-soft);border-radius:50%;}

/* CTA row */
.cf-com__cta-row{display:flex;flex-wrap:wrap;align-items:center;gap:24px;margin-bottom:18px;}
.cf-com__cta{
	display:inline-flex;align-items:center;gap:10px;
	padding:16px 36px !important;font-size:15px;font-weight:800;border-radius:999px;
	letter-spacing:1px;text-transform:uppercase;
	box-shadow:0 12px 28px -8px rgba(173,96,250,0.6), 0 0 0 1px rgba(167,139,255,0.4) inset;
}
.cf-com__secondary{font-size:13px;font-weight:700;color:var(--cf-text);text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--cf-purple-line);text-transform:uppercase;letter-spacing:1.5px;transition:color .15s,text-decoration-color .15s;}
.cf-com__secondary:hover{color:var(--cf-purple-strong);text-decoration-color:var(--cf-purple-strong);}

.cf-com__terms{margin:0;font-size:11.5px;line-height:1.55;color:var(--cf-text-soft);font-style:italic;}

/* ──────────────── RESPONSIVE ──────────────────────────────────────────── */
@media (max-width:1024px){
	.cf-game-cards__grid[data-per-row="4"],
	.cf-game-cards__grid[data-per-row="5"],
	.cf-game-cards__grid[data-per-row="6"]{grid-template-columns:repeat(3,1fr);}
	.cf-providers__grid[data-per-row="5"],
	.cf-providers__grid[data-per-row="6"]{grid-template-columns:repeat(4,1fr);}
	.cf-stats__grid[data-per-row="4"],
	.cf-type-cards__grid[data-per-row="4"]{grid-template-columns:repeat(3,1fr);}
	.cf-com__inner{padding:28px 30px;}
	.cf-com__brand{grid-template-columns:auto 1fr;gap:18px;}
	.cf-com__rating{grid-column:1 / -1;justify-self:start;margin-top:6px;}
}
@media (max-width:768px){
	.cf-block{padding:40px 0;}
	.cf-block__title{font-size:24px;}
	.cf-game-cards__grid[data-per-row="3"],
	.cf-game-cards__grid[data-per-row="4"],
	.cf-game-cards__grid[data-per-row="5"],
	.cf-game-cards__grid[data-per-row="6"]{grid-template-columns:repeat(2,1fr);}
	.cf-providers__grid[data-per-row="4"],
	.cf-providers__grid[data-per-row="5"],
	.cf-providers__grid[data-per-row="6"]{grid-template-columns:repeat(3,1fr);}
	.cf-stats__grid[data-per-row="3"],
	.cf-stats__grid[data-per-row="4"],
	.cf-type-cards__grid[data-per-row="3"],
	.cf-type-cards__grid[data-per-row="4"]{grid-template-columns:repeat(2,1fr);}
	.cf-vs__grid{grid-template-columns:1fr;}
	.cf-vs__col--left{border-right:none;border-bottom:1px solid var(--cf-border);}
	.cf-vs__divider{display:none;}
	.cf-com__inner{padding:24px;}
	.cf-com__brand{grid-template-columns:1fr;text-align:left;padding-bottom:20px;margin-bottom:20px;}
	.cf-com__brand-logo-wrap{width:100px;height:64px;}
	.cf-com__brand-logo{max-height:48px;}
	.cf-com__name{font-size:24px;}
	.cf-com__highlights{grid-template-columns:1fr;}
	.cf-quote__block{padding:30px 28px 26px 50px;}
	.cf-quote__block::before{font-size:64px;}
	.cf-quote__text{font-size:18px;}
}
@media (max-width:480px){
	.cf-game-cards__grid,
	.cf-stats__grid,
	.cf-type-cards__grid{grid-template-columns:1fr !important;}
	.cf-providers__grid{grid-template-columns:repeat(2,1fr) !important;}
	.cf-com__ribbon{padding:12px 18px;gap:10px;}
	.cf-com__ribbon-month{font-size:11px;}
	.cf-com__name{font-size:22px;}
	.cf-com__bonus-text{font-size:18px;}
}

/* ── Table of contents (auto-built on archive-casino.php) ──────────── */
.cf-toc-wrap{margin:28px 0;}
.cf-toc{
	border:1px solid var(--cf-purple-line,rgba(173,96,250,0.32));
	border-radius:12px;
	padding:20px 24px;
	background:rgba(173,96,250,0.04);
}
.cf-toc__head{
	font-size:13px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;
	color:var(--cf-purple-strong,#C088FF);margin:0 0 14px;
}
.cf-toc__list{
	display:grid;grid-template-columns:repeat(2,1fr);gap:8px 28px;
	list-style:none;margin:0;padding:0;counter-reset:cf-toc-c;
}
@media (max-width:768px){.cf-toc__list{grid-template-columns:1fr;}}
.cf-toc__list li{margin:0;padding:0;counter-increment:cf-toc-c;}
.cf-toc__list li::before{
	display:inline-block;width:1.6em;
	content:counter(cf-toc-c) ".";
	color:var(--cf-purple,#AD60FA);font-weight:700;
}
.cf-toc__list a{
	color:#cfd0d4;text-decoration:none;border-bottom:1px solid transparent;
	transition:color .2s,border-color .2s;font-size:14px;
}
.cf-toc__list a:hover{color:#fff;border-bottom-color:var(--cf-purple,#AD60FA);}

/* ── kill ALL-CAPS heading styling on archive content blocks ──────── */
.category-text__inner h2,.category-text__inner h3,.category-text__inner h4,
.payment-content .category-text__inner h2,
.payment-content .category-text__inner h3,
.payment-content .category-text__inner h4{
	text-transform:none !important;
	letter-spacing:normal !important;
}

/* ── plain content tables inside SEO sections ─────────────────────────
   Theme's default <td> styling renders each cell as a rounded dark card,
   which looks broken on legitimate multi-column comparison tables embedded
   in payment-content / category-text content. Force flat-table look. */
.category-text__inner table,
.payment-content .category-text__inner table{
	border-collapse:separate;border-spacing:0;width:100%;margin:24px 0;
	background:var(--cf-card,rgba(255,255,255,0.025));
	border:1px solid var(--cf-border,rgba(255,255,255,0.08));
	border-radius:12px;overflow:hidden;
}
.category-text__inner table th,
.category-text__inner table td{
	background:transparent !important;
	border-radius:0 !important;
	border:0;
	border-bottom:1px solid rgba(255,255,255,0.06);
	padding:14px 18px;
	vertical-align:middle;
	box-shadow:none !important;
	color:#dcd6e8;
	font-size:14px;
	line-height:1.5;
	/* !important required because screen.css uses
	   .online-slots table:not(.gallery):not(:has(thead)) td {text-align:center}
	   which has higher specificity than this selector. */
	text-align:left !important;
}
/* Header row — purple gradient bar that grounds the table visually. The
   editor-side <strong><u> wrapping in legacy table content is stripped of its
   underline so the header doesn't get a double treatment. */
.category-text__inner table thead th,
.category-text__inner table tr:first-child th,
.category-text__inner table tr:first-child td:has(strong){
	background:linear-gradient(135deg,rgba(173,96,250,0.18) 0%,rgba(93,45,225,0.18) 100%) !important;
	border-bottom:1px solid rgba(173,96,250,0.45);
	font-weight:700;color:#fff;text-align:left;
	font-size:13px;letter-spacing:0.3px;text-transform:uppercase;
}
.category-text__inner table tr:first-child td strong u,
.category-text__inner table tr:first-child td u{text-decoration:none;}
.category-text__inner table tbody tr:nth-child(even) td{background:rgba(255,255,255,0.018) !important;}
.category-text__inner table tbody tr:hover td{background:rgba(173,96,250,0.05) !important;transition:background .15s ease;}
.category-text__inner table tr:last-child td{border-bottom:0;}
/* First column emphasis — usually the row label (casino name, payment method).
   Bigger + bolder than other cells so the row reads as "name → details". */
.category-text__inner table tbody td:first-child{color:#fff;font-weight:700;font-size:15px;}
.category-text__inner table tbody td:first-child a{color:#fff;text-decoration:none;border-bottom:1px solid rgba(173,96,250,0.5);transition:border-color .15s;}
.category-text__inner table tbody td:first-child a:hover{border-bottom-color:#AD60FA;}

/* ── country sub-menu pill bar ─────────────────────────────────────── */
.cf-country-submenu{margin:20px 0 28px;}
.cf-country-submenu__scroller{position:relative;}
@media (max-width:768px){
	.cf-country-submenu__scroller{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-right:24px;}
	.cf-country-submenu__scroller::-webkit-scrollbar{display:none;}
	.cf-country-submenu__scroller::after{content:"";position:absolute;top:0;right:0;bottom:0;width:32px;pointer-events:none;background:linear-gradient(90deg,rgba(10,10,16,0) 0%,rgba(10,10,16,1) 100%);}
}
.cf-country-submenu__list{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;}
@media (max-width:768px){
	.cf-country-submenu__list{flex-wrap:nowrap;padding-bottom:2px;}
	/* kill the theme's generic ::before bullet that targets every ul li */
	.cf-country-submenu__list .cf-country-submenu__item::before{display:none !important;content:none !important;background:none !important;}
}
.cf-country-submenu__list .cf-country-submenu__item::before{display:none !important;content:none !important;background:none !important;}
.cf-country-submenu__item{margin:0;padding:0;white-space:nowrap;}
.cf-country-submenu__item a{
	display:inline-flex;align-items:center;
	padding:9px 18px;border-radius:999px;
	font-size:14px;font-weight:600;letter-spacing:0.1px;
	color:#cfd0d4;background:transparent;
	border:1px solid var(--cf-purple-line);
	text-decoration:none;
	transition:color .2s ease,background .2s ease,border-color .2s ease;
}
.cf-country-submenu__item a:hover{
	color:#fff;background:var(--cf-purple-soft);
	border-color:var(--cf-purple);
}
.cf-country-submenu__item.is-active a{
	color:#fff;background:var(--cf-purple-grad);
	border-color:transparent;
	box-shadow:0 4px 16px rgba(93,45,225,0.32);
}
.cf-country-submenu__item.is-active a:hover{
	background:var(--cf-purple-grad);
}