/* =============================================================================
   Casino Review Pro – frontend styles
   ========================================================================== */

.fcrp-sctable,
.fcrp-cards,
.fcrp-cta-box-wrap,
.fcrp-reviewouter {
	font-family: inherit;
	color: inherit;
	line-height: 1.5;
	margin: 1.5em 0;
}

.fcrp-sctable *,
.fcrp-cards *,
.fcrp-cta-box-wrap *,
.fcrp-reviewouter * {
	box-sizing: border-box;
}

/* ----- stjärnbetyg --------------------------------------------------------- */
.fcrp-rate {
	display: inline-block;
	position: relative;
	width: 100px;
	height: 18px;
	background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 20"><g fill="%23dcdcdc"><polygon points="10,1 12,7 18,7 13,11 15,17 10,14 5,17 7,11 2,7 8,7"/><polygon points="30,1 32,7 38,7 33,11 35,17 30,14 25,17 27,11 22,7 28,7"/><polygon points="50,1 52,7 58,7 53,11 55,17 50,14 45,17 47,11 42,7 48,7"/><polygon points="70,1 72,7 78,7 73,11 75,17 70,14 65,17 67,11 62,7 68,7"/><polygon points="90,1 92,7 98,7 93,11 95,17 90,14 85,17 87,11 82,7 88,7"/></g></svg>') no-repeat left center;
	background-size: 100px 18px;
	vertical-align: middle;
}
.fcrp-rate-total {
	display: block;
	height: 100%;
	background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 20"><g fill="%23f59e0b"><polygon points="10,1 12,7 18,7 13,11 15,17 10,14 5,17 7,11 2,7 8,7"/><polygon points="30,1 32,7 38,7 33,11 35,17 30,14 25,17 27,11 22,7 28,7"/><polygon points="50,1 52,7 58,7 53,11 55,17 50,14 45,17 47,11 42,7 48,7"/><polygon points="70,1 72,7 78,7 73,11 75,17 70,14 65,17 67,11 62,7 68,7"/><polygon points="90,1 92,7 98,7 93,11 95,17 90,14 85,17 87,11 82,7 88,7"/></g></svg>') no-repeat left center;
	background-size: 100px 18px;
}
.fcrp-rate-text {
	margin-left: 6px;
	font-size: .9em;
	color: #555;
	vertical-align: middle;
}

/* ----- knappar ------------------------------------------------------------- */
.fcrp-visit-btn {
	display: inline-block;
	background: #16a34a;
	color: #fff !important;
	text-decoration: none !important;
	padding: 8px 18px;
	border-radius: 6px;
	font-weight: 600;
	font-size: 14px;
	line-height: 1.2;
	text-align: center;
	transition: background .15s ease, transform .05s ease;
	border: none;
	cursor: pointer;
}
.fcrp-visit-btn:hover  { background: #15803d; color: #fff !important; }
.fcrp-visit-btn:active { transform: translateY(1px); }
.fcrp-visit-btn-large  { padding: 12px 28px; font-size: 16px; }

.fcrp-review-link {
	display: block;
	margin-top: 4px;
	font-size: 12px;
	color: #2563eb;
	text-decoration: none;
}
.fcrp-review-link:hover { text-decoration: underline; }

/* ----- bonus --------------------------------------------------------------- */
.fcrp-bonus-col span,
.fcrp-card-bonus span,
.fcrp-cta-bonus span {
	display: inline-block;
}
/* I topplistan ska all bonus-text ha samma storlek/vikt så raderna ser enhetliga ut. */
.fcrp-bonus-col .fcrp-bonus-text,
.fcrp-bonus-col .fcrp_bonper,
.fcrp-bonus-col .fcrp_bonamt,
.fcrp-bonus-col .fcrp_bonup {
	font-size: 15px;
	font-weight: 600;
	color: #111;
	line-height: 1.45;
}
.fcrp-bonus-col .fcrp_bonup {
	font-weight: 500;
	color: #555;
	margin: 0 4px;
}
/* Behåll större syntetisk visning i kortlayout (Version 5/8/Review Cards) och CTA */
.fcrp-card-bonus .fcrp_bonper,
.fcrp-cta-bonus  .fcrp_bonper { font-weight: 700; font-size: 1.4em; color: #16a34a; }
.fcrp-card-bonus .fcrp_bonup,
.fcrp-cta-bonus  .fcrp_bonup  { color: #666; font-size: .9em; margin: 0 4px; }
.fcrp-card-bonus .fcrp_bonamt,
.fcrp-cta-bonus  .fcrp_bonamt { font-weight: 700; font-size: 1.2em; color: #111; }
.fcrp-card-bonus .fcrp-bonus-text,
.fcrp-cta-bonus  .fcrp-bonus-text { font-weight: 600; color: #111; }

.fcrp-bonus-code { font-size: 12px; color: #555; margin-top: 4px; }
.fcrp-bonus-code code { background: #f3f4f6; padding: 2px 6px; border-radius: 3px; font-family: monospace; }

/* ----- logo placeholder ---------------------------------------------------- */
.fcrp-logo-placeholder {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 80px;
	height: 80px;
	background: #f3f4f6;
	border-radius: 50%;
	font-size: 28px;
	font-weight: 700;
	color: #6b7280;
}

/* =============================================================================
   TABELL-LAYOUTER
   ========================================================================== */
.fcrp-sctable {
	background: #fff;
	border: 1px solid #e5e7eb;
	border-radius: 8px;
	overflow: hidden;
}
.fcrp-sctable-head,
.fcrp-sctablerow1 {
	display: grid;
	grid-template-columns: 60px minmax(140px, 0.7fr) minmax(0, 2.4fr) minmax(150px, 0.8fr);
	align-items: center;
	gap: 16px;
	padding: 14px 16px;
}
.fcrp-sctable-head {
	background: #f9fafb;
	border-bottom: 1px solid #e5e7eb;
	font-weight: 600;
	font-size: 11px;
	color: #4b5563;
	text-transform: uppercase;
	letter-spacing: .04em;
	padding: 6px 16px;
	min-height: 0;
}
.fcrp-sctable-head .fcrp-fc-col,
.fcrp-sctable-head .fcrp-site-col,
.fcrp-sctable-head .fcrp-bonus-col {
	text-align: left;
}
.fcrp-fc-col {
	display: flex;
	align-items: center;
	justify-content: center;
}
.fcrp-rank {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background: #1f2937;
	color: #fff;
	font-weight: 700;
	font-size: 14px;
	line-height: 1;
}
.fcrp-sctablerow1:nth-of-type(2) .fcrp-rank { background: #f59e0b; } /* rad 1 (head är n=1, så rad 1 = nth 2) – guld */
.fcrp-sctablerow1:nth-of-type(3) .fcrp-rank { background: #94a3b8; } /* silver */
.fcrp-sctablerow1:nth-of-type(4) .fcrp-rank { background: #b45309; } /* brons */
.fcrp-sctablerow1 {
	border-bottom: 1px solid #f3f4f6;
}
.fcrp-sctablerow1:last-child { border-bottom: none; }

.fcrp-sctable_ver3 .fcrp-sctable-head {
	background: #111827;
	color: #fff;
}
.fcrp-sctable_ver3 .fcrp-sctablerow1:nth-of-type(odd) { background: #fafafa; }

.fcrp-sctable_simple .fcrp-sctable-head { background: transparent; border-bottom: 2px solid #111827; color: #111827; }
.fcrp-sctable_simple { border: none; }
.fcrp-sctable_simple .fcrp-sctablerow1 { border-bottom: 1px solid #e5e7eb; }

.scfeat_logo {
	max-width: 180px;
	max-height: 90px;
	width: auto !important;
	height: auto;
	display: block;
	margin: 0 auto;
}
.fcrp-site-col {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 90px;
}
.fcrp-sctable-head .fcrp-site-col {
	flex-direction: row;
	min-height: 0;
	justify-content: flex-start;
}
.fcrp-site-col a {
	display: inline-block;
	line-height: 0;
}
.fcrp-site-col .fcrp-logo-placeholder {
	width: 90px;
	height: 90px;
	font-size: 32px;
}
.fcrp-rate-under-logo {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	font-size: 13px;
	line-height: 1;
}
.fcrp-rate-under-logo .fcrp-rate-text {
	color: #4b5563;
	font-weight: 600;
}
/* Topplistan: visa bara stjärnorna, ingen siffra. Behåll siffran i kort/recension. */
.fcrp-sctablerow1 .fcrp-rate-under-logo .fcrp-rate-text {
	display: none;
}

.fcrp-vis-col {
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 6px;
}
.fcrp-vis-col .fcrp-visit-btn { width: 100%; }
.fcrp-vis-col .fcrp-review-link {
	display: block;
	width: 100%;
	text-align: center;
	font-size: 13px;
	color: #2563eb;
	text-decoration: underline;
	margin-top: 0;
}

.fcrp-sctablerow2 {
	padding: 12px 16px 16px 16px;
	background: #f9fafb;
	border-bottom: 1px solid #f3f4f6;
}
.fcrp-summary { margin: 0 0 10px 0; font-size: 14px; color: #4b5563; }
.fcrp-proscons {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 16px;
}
.fcrp-pros, .fcrp-cons { list-style: none; padding: 0; margin: 0; font-size: 14px; }
.fcrp-pros li, .fcrp-cons li {
	padding: 4px 0 4px 24px;
	position: relative;
}
.fcrp-pros li::before {
	content: '✓';
	position: absolute; left: 0;
	color: #16a34a; font-weight: 700;
}
.fcrp-cons li::before {
	content: '×';
	position: absolute; left: 0;
	color: #dc2626; font-weight: 700; font-size: 18px; line-height: 1;
}

/* tabell – mobil */
@media (max-width: 720px) {
	.fcrp-sctable-head { display: none; }
	.fcrp-sctablerow1 {
		grid-template-columns: 1fr;
		gap: 12px;
		padding: 16px 16px 16px 56px;
		position: relative;
		border-bottom: 1px solid #e5e7eb;
	}
	.fcrp-fc-col {
		position: absolute;
		top: 12px;
		left: 12px;
		width: auto;
	}
	.fcrp-rank {
		width: 28px;
		height: 28px;
		font-size: 12px;
	}
	.fcrp-site-col { gap: 8px; }
	.fcrp-vis-col {
		flex-direction: row;
		justify-content: center;
		gap: 16px;
	}
	.fcrp-vis-col .fcrp-visit-btn { width: auto; padding: 10px 24px; }
	.fcrp-vis-col .fcrp-review-link { margin-top: 0; }
	.fcrp-proscons { grid-template-columns: 1fr; }
}

/* =============================================================================
   KORT-LAYOUTER (Version 5/8/Review Cards)
   ========================================================================== */
.fcrp-cards {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap: 20px;
}
.fcrp-cards.fcrp-cards_review {
	grid-template-columns: 1fr;
}
.fcrp-card {
	background: #fff;
	border: 1px solid #e5e7eb;
	border-radius: 12px;
	padding: 24px 20px 20px;
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 12px;
	box-shadow: 0 1px 3px rgba(0,0,0,.04);
	transition: box-shadow .2s ease, transform .2s ease;
}
.fcrp-card:hover { box-shadow: 0 4px 14px rgba(0,0,0,.08); }
.fcrp-cards_review .fcrp-card {
	flex-direction: row;
	align-items: center;
	gap: 24px;
}
.fcrp-card-rank {
	position: absolute; top: -10px; left: 16px;
	background: #111827; color: #fff;
	font-weight: 700; font-size: 13px;
	padding: 3px 10px; border-radius: 999px;
}
.fcrp-card-logo { text-align: center; min-width: 0; }
.fcrp-card-logo-img { max-height: 60px; max-width: 180px; width: auto !important; height: auto; }
.fcrp-cards_review .fcrp-card-logo { flex: 0 0 160px; }
.fcrp-card-body { flex: 1 1 auto; min-width: 0; }
.fcrp-card-title { font-size: 18px; margin: 0; font-weight: 700; }
.fcrp-card-title a { color: #111; text-decoration: none; }
.fcrp-card-title a:hover { text-decoration: underline; }
.fcrp-card-bonus { font-size: 15px; }
.fcrp-card-bonus .fcrp_bonper { font-size: 1.6em; }
.fcrp-card-rating { margin: 4px 0; }
.fcrp-card-summary { font-size: 14px; color: #4b5563; margin: 4px 0 0; }
.fcrp-card-pros {
	list-style: none; padding: 0; margin: 8px 0 0;
	font-size: 13px;
}
.fcrp-card-pros li {
	padding-left: 20px; position: relative; line-height: 1.6;
}
.fcrp-card-pros li::before {
	content: '✓'; position: absolute; left: 0; color: #16a34a; font-weight: 700;
}
.fcrp-card-cta { margin-top: auto; }
.fcrp-cards_review .fcrp-card-cta { flex: 0 0 180px; text-align: center; }
.fcrp-card-cta .fcrp-visit-btn { width: 100%; padding: 12px; }

@media (max-width: 600px) {
	.fcrp-cards_review .fcrp-card { flex-direction: column; align-items: stretch; }
	.fcrp-cards_review .fcrp-card-cta { flex: 1 1 auto; }
}

/* =============================================================================
   CTA Box
   ========================================================================== */
.fcrp-cta-box-wrap {
	background: linear-gradient(135deg, #111827 0%, #1f2937 100%);
	color: #fff;
	border-radius: 12px;
	padding: 24px;
}
.fcrp-cta-heading { color: #fff; margin: 0 0 8px; }
.fcrp-cta-content { color: #d1d5db; margin: 0 0 16px; font-size: 15px; }
.fcrp-cta-row {
	display: grid;
	grid-template-columns: 120px 1fr 180px;
	align-items: center;
	gap: 16px;
	background: rgba(255,255,255,.05);
	padding: 16px;
	border-radius: 8px;
	margin-top: 12px;
}
.fcrp-cta-row h4 { color: #fff; margin: 0 0 4px; font-size: 16px; font-weight: 700; }
.fcrp-cta-row .fcrp-logo-placeholder { background: #fff; color: #111; }
.fcrp-cta-bonus { font-size: 14px; color: #fbbf24; }
.fcrp-cta-bonus .fcrp_bonper, .fcrp-cta-bonus .fcrp_bonamt { color: #fbbf24; }
.fcrp-cta-action { text-align: right; }
.fcrp-cta-action .fcrp-visit-btn { width: 100%; }

@media (max-width: 600px) {
	.fcrp-cta-row { grid-template-columns: 1fr; text-align: center; }
	.fcrp-cta-action { text-align: center; }
}

/* =============================================================================
   ANSVARSSPELS-RAD (compliance row)
   ========================================================================== */
.fcrp-compliance-row {
	font-size: 12px;
	font-style: italic;
	color: #6b7280;
	margin-top: 6px;
	line-height: 1.6;
}
.fcrp-compliance-row a {
	color: #4b5563;
	text-decoration: underline;
}
.fcrp-compliance-row a:hover { color: #111827; }
.fcrp-compliance-row .fcrp-c-sep { color: #d1d5db; margin: 0 2px; }
.fcrp-compliance-row .fcrp-c-prefix { font-weight: 600; font-style: normal; }

.fcrp-compliance-desc {
	font-size: 12px;
	font-style: italic;
	color: #6b7280;
	line-height: 1.6;
	text-align: center;
	padding: 10px 16px;
	background: #fafafa;
	border-top: 1px dashed #e5e7eb;
}

/* I tabell-layout: hela disclaimer-raden går över alla kolumner */
.fcrp-sctable-disclaimer {
	border-bottom: 1px solid #f3f4f6;
}
.fcrp-sctable-disclaimer .fcrp-compliance-desc {
	border-top: none;
	background: #fafafa;
	margin: 0;
}

/* I cards: smalare, vit bakgrund för att matcha kortet */
.fcrp-card .fcrp-compliance-row { text-align: center; }
.fcrp-card .fcrp-compliance-desc { background: transparent; border-top: none; padding: 8px 0 0; }

/* I CTA box: ljusare färger mot mörk bakgrund */
.fcrp-cta-box-wrap .fcrp-compliance-row { color: #d1d5db; }
.fcrp-cta-box-wrap .fcrp-compliance-row a { color: #fbbf24; }
.fcrp-cta-box-wrap .fcrp-compliance-row a:hover { color: #fff; }
.fcrp-cta-box-wrap .fcrp-compliance-row .fcrp-c-sep { color: #4b5563; }
.fcrp-cta-disclaimer .fcrp-compliance-desc { background: rgba(255,255,255,.05); color: #d1d5db; border-top: none; border-radius: 6px; margin-top: 6px; }

/* I single review: centrerat under topbox */
.fcrp-reviewouter > .fcrp-compliance-row { text-align: center; margin: -8px 0 16px; }
.fcrp-reviewouter > .fcrp-compliance-desc { margin-bottom: 16px; border-radius: 6px; }

/* Mobil: bryt raden snyggt */
@media (max-width: 600px) {
	.fcrp-compliance-row { font-size: 11px; }
	.fcrp-compliance-row .fcrp-c-sep { display: inline-block; margin: 0 4px; }
}
.fcrp-reviewouter {
	background: #fff;
	border: 1px solid #e5e7eb;
	border-radius: 12px;
	padding: 24px;
}
.fcrp-reviewtop { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.fcrp-reviewtop h2 { margin: 0; font-size: 24px; flex: 1 1 auto; }
.fcrp-usonly {
	background: #dc2626; color: #fff;
	padding: 2px 8px;
	border-radius: 4px;
	font-size: 12px; font-weight: 700;
}
.fcrp-review-topcontent {
	display: grid;
	grid-template-columns: 200px 1fr 200px;
	gap: 20px;
	align-items: center;
	margin: 20px 0;
	padding: 20px;
	background: #f9fafb;
	border-radius: 8px;
}
.fcrp-review-topcontent .fcrp-review-logo-link { text-align: center; }
.fcrp-reviewlogo { max-width: 180px; max-height: 80px; width: auto !important; height: auto; }
.fcrp-review-middle h3 { margin: 0 0 6px 0; font-size: 18px; }
.fcrp-review-action { text-align: right; }

.fcrp-review-summary { margin: 16px 0; line-height: 1.7; }

.fcrp-review-proscons {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 16px;
	margin: 20px 0;
}
.fcrp-pros-box, .fcrp-cons-box {
	background: #f9fafb;
	border-left: 4px solid #16a34a;
	border-radius: 0 8px 8px 0;
	padding: 14px 16px;
}
.fcrp-cons-box { border-left-color: #dc2626; }
.fcrp-pros-box h4, .fcrp-cons-box h4 { margin: 0 0 8px; font-size: 15px; }
.fcrp-pros-box ul, .fcrp-cons-box ul { list-style: none; padding: 0; margin: 0; }
.fcrp-pros-box li, .fcrp-cons-box li { padding: 4px 0 4px 22px; position: relative; font-size: 14px; }
.fcrp-pros-box li::before { content: '✓'; position: absolute; left: 0; color: #16a34a; font-weight: 700; }
.fcrp-cons-box li::before { content: '×'; position: absolute; left: 0; color: #dc2626; font-weight: 700; font-size: 18px; line-height: 1; }

.fcrp-review-features ul { list-style: none; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 4px 16px; }
.fcrp-review-features li { padding: 4px 0 4px 22px; position: relative; font-size: 14px; }
.fcrp-review-features li::before { content: '★'; position: absolute; left: 0; color: #f59e0b; }

.fcrp-review-facts {
	width: 100%;
	border-collapse: collapse;
	margin: 20px 0;
	background: #fff;
	font-size: 14px;
}
.fcrp-review-facts th, .fcrp-review-facts td {
	padding: 10px 14px;
	border-bottom: 1px solid #e5e7eb;
	text-align: left;
}
.fcrp-review-facts th {
	background: #f9fafb;
	font-weight: 600;
	width: 40%;
}

.fcrp-extra-ratings ul { list-style: none; padding: 0; margin: 0; }
.fcrp-extra-ratings li { padding: 8px 0; border-bottom: 1px solid #f3f4f6; display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.fcrp-extra-label { min-width: 140px; font-weight: 600; }

.fcrp-review-screenshot { margin: 24px 0; text-align: center; }
.fcrp-review-screenshot img { max-width: 100%; height: auto; border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,.1); }

@media (max-width: 720px) {
	.fcrp-review-topcontent { grid-template-columns: 1fr; text-align: center; }
	.fcrp-review-action { text-align: center; }
	.fcrp-review-action .fcrp-visit-btn { width: 100%; }
	.fcrp-review-proscons { grid-template-columns: 1fr; }
}