:root{
	--wmc-accent:#e11d48;
	--wmc-accent-dark:#9f1239;
	--wmc-bg:#0f172a;
	--wmc-text:#1f2937;
	--wmc-muted:#6b7280;
	--wmc-border:#e5e7eb;
	--wmc-card:#ffffff;
	--wmc-radius:10px;
	--wmc-shadow:0 10px 30px rgba(15,23,42,.18);
}

.wmc-button{
	display:inline-flex;align-items:center;gap:.5rem;
	margin-top:.75rem;padding:.6rem 1rem;
	border-radius:var(--wmc-radius);border:1px solid var(--wmc-accent);
	background:var(--wmc-accent);color:#fff;font-weight:600;cursor:pointer;
	font-size:.9rem;line-height:1.2;transition:background .15s ease,transform .05s ease;
	text-decoration:none;
}

/* Themed button that inherits .fxt-demo-btn visual style from the theme.
 * The marker class lets us tweak content (icon, hover) without breaking inheritance. */
.wmc-themed-button{cursor:pointer;font:inherit}
.wmc-themed-button__inner{display:inline-block;align-items:center;justify-content:center;gap:.5rem;line-height:1.2}
.wmc-themed-button__label{display:inline-block;vertical-align:middle}
.wmc-themed-button .wmc-icon{flex:0 0 auto;width:18px;height:18px;display:inline-block;vertical-align:middle}
.wmc-themed-button:hover .wmc-icon{transform:rotate(-12deg);transition:transform .15s ease}

/* Standalone fallback button (when theme classes can't be inherited). */
.wmc-button .wmc-icon{flex:0 0 auto}

/* Hide replaced "Best Casinos List" with both CSS and JS for redundancy. */
[data-wmc-replaced="1"]{display:none !important}
.wmc-button:hover{background:var(--wmc-accent-dark);border-color:var(--wmc-accent-dark)}
.wmc-button:active{transform:translateY(1px)}
.wmc-button__icon{flex:0 0 auto}

/* ==== Modal: desktop popup, mobile bottom-sheet ==== */
.wmc-modal[hidden]{display:none}
.wmc-modal{position:fixed;inset:0;z-index:99999;display:flex}
.wmc-modal__backdrop{position:absolute;inset:0;background:rgba(15,23,42,.65);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}
.wmc-modal__dialog{
	position:relative;display:flex;flex-direction:column;
	background:var(--wmc-card);color:var(--wmc-text);
	width:100%;max-width:720px;max-height:90vh;
	margin:auto;
	border-radius:var(--wmc-radius);box-shadow:var(--wmc-shadow);
	overflow:hidden;
}

/* Sticky header inside the dialog (works on both desktop and mobile). */
.wmc-modal__header{
	position:sticky;top:0;z-index:2;
	display:flex;align-items:center;gap:.5rem;
	padding:1rem 1.25rem .75rem;
	background:var(--wmc-card);
	border-bottom:1px solid var(--wmc-border);
}
.wmc-modal__close{
	margin-left:auto;flex:0 0 auto;
	width:36px;height:36px;border:0;background:transparent;
	font-size:1.5rem;line-height:1;cursor:pointer;color:var(--wmc-muted);
	border-radius:8px;
}
.wmc-modal__close:hover{background:var(--wmc-border);color:var(--wmc-text)}
.wmc-modal__title{margin:0;font-size:1.15rem;line-height:1.3;flex:1;min-width:0}
.wmc-modal__intro{padding:.75rem 1.25rem 0;color:var(--wmc-muted);font-size:.875rem;margin:0}

/* Scrollable body. */
.wmc-modal__body{
	flex:1 1 auto;overflow-y:auto;-webkit-overflow-scrolling:touch;
	padding:1rem 1.25rem 1rem;
}

/* Sticky footer pinned to dialog bottom on mobile.
 * Stacks: [consent checkbox] / [submit + status]. */
.wmc-modal__footer{
	position:sticky;bottom:0;z-index:2;
	display:flex;flex-direction:column;gap:.6rem;
	padding:.75rem 1.25rem;
	background:var(--wmc-card);
	border-top:1px solid var(--wmc-border);
	padding-bottom:calc(.75rem + env(safe-area-inset-bottom));
	box-shadow:0 -4px 12px -8px rgba(15,23,42,.15); /* subtle "above content" cue */
}
.wmc-modal__consent{
	display:flex;align-items:flex-start;gap:.5rem;
	font-size:.8125rem;line-height:1.4;color:var(--wmc-text);
	cursor:pointer;
	margin:0;
}
.wmc-modal__consent input[type="checkbox"]{
	flex:0 0 auto;width:18px;height:18px;margin:.1rem 0 0;
	accent-color:var(--wmc-accent);
	cursor:pointer;
}
.wmc-modal__consent input[type="checkbox"]:invalid{
	border-radius:3px;
}
.wmc-modal__consent span{font-weight:400;color:var(--wmc-text)}
.wmc-modal__footer-row{
	display:flex;align-items:center;flex-wrap:wrap;gap:.75rem;
}

/* Form fields. */
.wmc-form .wmc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}
.wmc-field{display:flex;flex-direction:column;gap:.25rem;font-size:.875rem;color:var(--wmc-text)}
.wmc-field--full{grid-column:1/-1}
.wmc-field span{font-weight:600}
/* Native styling stripped only from text-like inputs and selects.
 * Critically: NOT applied to checkboxes/radios/files — that would make them invisible. */
.wmc-field input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
.wmc-field textarea,
.wmc-field select{
	border:1px solid var(--wmc-border);border-radius:8px;
	padding:.55rem .7rem;
	font:inherit;font-size:16px; /* prevents iOS Safari auto-zoom on focus */
	width:100%;background:#fff;color:var(--wmc-text);
	-webkit-appearance:none;appearance:none;
}
.wmc-field input:focus,.wmc-field textarea:focus,.wmc-field select:focus{outline:2px solid var(--wmc-accent);outline-offset:1px;border-color:var(--wmc-accent)}
.wmc-field textarea{resize:vertical;min-height:120px}
.wmc-field input[type="file"]{padding:.4rem 0;font-size:.875rem;background:transparent;border:0}
.wmc-field select{background-image:linear-gradient(45deg,transparent 50%,var(--wmc-muted) 50%),linear-gradient(135deg,var(--wmc-muted) 50%,transparent 50%);background-position:calc(100% - 18px) 50%,calc(100% - 13px) 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:2rem}
.wmc-honey{position:absolute !important;left:-10000px !important;top:auto !important;width:1px !important;height:1px !important;overflow:hidden !important}

.wmc-submit{
	background:var(--wmc-accent);color:#fff;border:0;border-radius:8px;
	padding:.7rem 1.25rem;font-weight:700;font-size:1rem;cursor:pointer;
	min-height:44px; /* Apple HIG touch target */
}
.wmc-submit:disabled{opacity:.6;cursor:not-allowed}
.wmc-status{margin:0;font-size:.875rem;color:var(--wmc-muted);flex:1;min-width:0}
.wmc-status.is-error{color:var(--wmc-accent-dark)}
.wmc-status.is-ok{color:#059669}

/* Lock body scroll while modal is open (set by JS). */
body.wmc-modal-open{overflow:hidden;position:fixed;width:100%}

/* === Mobile: bottom sheet === */
@media (max-width:640px){
	.wmc-modal{align-items:flex-end}
	.wmc-modal__dialog{
		max-width:none;max-height:95vh;height:95vh;
		margin:0;border-radius:16px 16px 0 0;
		animation:wmc-slide-up .25s ease-out;
	}
	.wmc-modal__header{padding:.875rem 1rem .625rem}
	.wmc-modal__title{font-size:1.05rem}
	.wmc-modal__intro{padding:.625rem 1rem 0;font-size:.8125rem}
	.wmc-modal__body{padding:.875rem 1rem}
	.wmc-modal__footer{padding:.75rem 1rem;padding-bottom:calc(.75rem + env(safe-area-inset-bottom))}
	.wmc-form .wmc-grid{grid-template-columns:1fr;gap:.625rem}
	.wmc-submit{width:100%;justify-content:center}
	/* Drag-handle visual hint at the top. */
	.wmc-modal__dialog::before{
		content:"";position:sticky;top:0;display:block;
		width:36px;height:4px;margin:.4rem auto -.25rem;border-radius:99px;
		background:var(--wmc-border);
	}
}

@keyframes wmc-slide-up{
	from{transform:translateY(100%)}
	to{transform:translateY(0)}
}

/* Complaints list block */
.wmc-complaints{margin:2.5rem 0;padding:1.5rem;background:#fff;border:1px solid var(--wmc-border);border-radius:5px}
.wmc-complaints__title{margin:0 0 .25rem;font-size:1.4rem}
.wmc-complaints__count{color:var(--wmc-muted);font-size:.95rem;font-weight:500}
.wmc-complaints__notice{font-size:.85rem;color:var(--wmc-muted);margin:.25rem 0 1.25rem}
.wmc-complaints__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1rem}
.wmc-complaint{position:relative;padding:2.7rem 1.1rem 1rem;border:1px solid var(--wmc-border);border-radius:5px;background:#fafafa}

/* Resolution status pill in the top-left corner of each complaint card. */
.wmc-complaint__status{
	position:absolute;top:.7rem;left:.7rem;
	display:inline-flex;align-items:center;gap:.4rem;
	padding:.2rem .65rem .2rem .55rem;
	border-radius:999px;
	font-size:.72rem;font-weight:700;letter-spacing:.01em;
	border:1px solid transparent;line-height:1.4;
	white-space:nowrap;
}
.wmc-complaint__status-dot{
	width:7px;height:7px;border-radius:50%;
	background:currentColor;flex:0 0 auto;
	box-shadow:0 0 0 3px rgba(255,255,255,.6) inset;
}
.wmc-complaint__status--in_review{background:#f1f5f9;color:#262626;border-color:#e2e8f0}
.wmc-complaint__status--resolved{background:#dcfce7;color:#166534;border-color:#bbf7d0}
.wmc-complaint__status--unresolved{background:#fee2e2;color:#991b1b;border-color:#fecaca}

/* Subtle left-border accent that matches the resolution status. */
.wmc-complaint--resolved{border-left-width:3px;border-left-color:#16a34a}
.wmc-complaint--unresolved{border-left-width:3px;border-left-color:#dc2626}

.wmc-complaint__head{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.85rem;color:var(--wmc-muted)}
.wmc-complaint__author{font-weight:700;color:var(--wmc-text)}
.wmc-complaint__date{margin-left:auto}
.wmc-complaint__cat{display:inline-block;padding:.1rem .5rem;border-radius:999px;font-size:.7rem;font-weight:700;background:#fef3c7;color:#92400e}
.wmc-complaint__cat--payout{background:#fee2e2;color:#991b1b}
.wmc-complaint__cat--bonus{background:#dbeafe;color:#1e40af}
.wmc-complaint__cat--kyc{background:#ede9fe;color:#5b21b6}
.wmc-complaint__lang{display:inline-block;padding:.1rem .45rem;border-radius:6px;font-size:.65rem;font-weight:800;letter-spacing:.05em;background:#f1f5f9;color:#334155;text-transform:uppercase}
.wmc-complaint__lang--en{background:#f1f5f9;color:#262626}
.wmc-complaint__lang--hu{background:#dcfce7;color:#166534}
.wmc-complaint__lang--pl{background:#fae8ff;color:#86198f}
.wmc-complaint__meta{font-size:.85rem;color:var(--wmc-muted);margin:.4rem 0 .25rem}
.wmc-complaint__body{font-size:.95rem;line-height:1.55}
.wmc-complaint__response{margin-top:.75rem;padding:.6rem .8rem;border-left:3px solid var(--wmc-accent);background:#fff;font-size:.9rem}

/* Discussion thread under each complaint — standalone cards, no timeline. */
.wmc-complaint__thread{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--wmc-border)}
.wmc-thread__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.65rem}

.wmc-thread__item{
	background:#fff;border:1px solid var(--wmc-border);
	border-radius:10px;
	padding:.85rem 1rem;
	box-shadow:0 1px 2px rgba(15,23,42,.04);
	font-size:.9rem;line-height:1.55;color:var(--wmc-text);
}
.wmc-thread__item--editor{border-left-color:#0ea5e9}
.wmc-thread__item--player{border-left-color:#8b5cf6}

/* System / status-change rows are quieter — flat strip, no big card. */
.wmc-thread__item.is-system{
	background:#f8fafc;border-style:dashed;
	box-shadow:none;font-size:.8rem;color:var(--wmc-muted);padding:.55rem .8rem;
}
.wmc-thread__item.is-system .wmc-thread__role{color:var(--wmc-muted)}

.wmc-thread__head{
	display:flex;flex-wrap:wrap;align-items:baseline;gap:.4rem .75rem;
	margin-bottom:.4rem;
}
.wmc-thread__author-block{
	display:flex;flex-wrap:wrap;align-items:baseline;
	gap:.25rem .5rem;flex:1 1 auto;min-width:0;
}
.wmc-thread__role{
	display:inline-flex;align-items:center;gap:.4rem;
	font-size:.82rem;font-weight:700;line-height:1.3;
	color:#374151;
}
.wmc-thread__role::before{
	content:"";width:8px;height:8px;border-radius:50%;
	background:currentColor;flex:0 0 auto;
}
.wmc-thread__role--editor{color:#0284c7}
.wmc-thread__role--casino{color:#262626}
.wmc-thread__role--player{color:#6d28d9}
.wmc-thread__name{
	font-size:.8rem;color:var(--wmc-muted);font-weight:500;
}
.wmc-thread__name::before{content:"·";margin-right:.4rem;color:#cbd5e1}
.wmc-thread__date{
	font-size:.75rem;color:var(--wmc-muted);
	font-variant-numeric:tabular-nums;
	margin-left:auto;white-space:nowrap;
}
.wmc-thread__body{color:var(--wmc-text);overflow-wrap:anywhere;word-break:break-word}
.wmc-thread__body p{margin:0 0 .4rem}
.wmc-thread__body p:last-child{margin:0}
.wmc-thread__item.is-system .wmc-thread__body{font-style:italic}

@media (max-width:520px){
	.wmc-complaint{padding:2.5rem .9rem .9rem}
	.wmc-complaint__status{font-size:.68rem;padding:.18rem .55rem .18rem .5rem}
	.wmc-thread__item{padding:.75rem .85rem}
	.wmc-thread__head{gap:.25rem .5rem;margin-bottom:.35rem}
	.wmc-thread__date{
		margin-left:0;flex:1 0 100%;order:99;
		font-size:.72rem;
	}
	.wmc-thread__role{font-size:.78rem}
	.wmc-thread__name{font-size:.75rem}
}