/*
 * Casinos.cc Tools – front-end widgets.
 * Everything is scoped to .cct-widget so it can't affect the theme.
 * Font is inherited from the theme (Gilroy on casinos.cc).
 * Layout follows the width of the widget itself (container queries), not the screen,
 * so it works in a wide review column, a narrow sidebar-style column and on phones.
 */
.cct-widget{margin:6px 0 24px;color:#495773;container:cct / inline-size}
.cct-widget--boxed{background:#ecf1f3;border-radius:20px;padding:24px}
.cct-widget *,.cct-widget *::before,.cct-widget *::after{box-sizing:border-box}
.cct-widget .fw-b{font-weight:700}
.cct-widget .cct-label{display:inline-flex;align-items:center;gap:7px;margin:0 0 12px;padding:5px 12px 5px 10px;font-size:12px;font-weight:700;line-height:1.2;letter-spacing:.02em;color:#0e1f42;background:#fff;border:1px solid #d3d9dc;border-radius:999px}
.cct-widget .cct-label__dot{width:8px;height:8px;border-radius:50%;background:#55c3f9;flex:none}
.cct-widget[data-cct="withdrawal"] .cct-label__dot{background:#31c640}

.cct-widget .cct{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:20px;align-items:start}
.cct-widget .cct__card{background:#fff;border-radius:12px;padding:22px 24px;min-width:0}
.cct-widget .cct__field{display:grid;gap:7px;margin-bottom:16px}
.cct-widget .cct__field:last-child{margin-bottom:0}
.cct-widget .cct__label{font-size:14px;font-weight:700;color:#0e1f42;line-height:1.3}
.cct-widget .cct__help{font-size:13px;color:#78878d;line-height:1.5}
.cct-widget .cct__input,.cct-widget .cct__select{width:100%;height:46px;margin:0;padding:0 14px;font:inherit;font-size:16px;line-height:normal;color:#0e1f42;background:#f9fbfa;border:1px solid #d3d9dc;border-radius:8px;-webkit-appearance:none;appearance:none}
.cct-widget .cct__select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0h10L5 6z' fill='%230e1f42'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:34px}
.cct-widget .cct__input:focus,.cct-widget .cct__select:focus{outline:none;border-color:#55c3f9;box-shadow:0 0 0 3px rgba(85,195,249,.25)}
.cct-widget .cct__money{position:relative}
.cct-widget .cct__money::before{content:attr(data-symbol);position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#0e1f42;font-weight:700;pointer-events:none}
.cct-widget .cct__money .cct__input{padding-left:34px;font-variant-numeric:tabular-nums}
.cct-widget .cct__check{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.5;cursor:pointer}
.cct-widget .cct__check input{width:18px;height:18px;margin:1px 0 0;accent-color:#31c640;flex:none}

.cct-widget .cct__quick{display:flex;flex-wrap:wrap;gap:6px}
.cct-widget .cct__quick button{font:inherit;font-size:14px;font-weight:700;color:#0e1f42;background:#fff;border:1px solid #d3d9dc;border-radius:8px;min-height:40px;padding:0 14px;cursor:pointer;font-variant-numeric:tabular-nums}
.cct-widget .cct__quick button[aria-pressed="true"]{background:#55c3f9;border-color:#55c3f9;color:#fff}

.cct-widget .cct__total{display:flex;flex-wrap:wrap;gap:4px 14px;align-items:baseline;padding-bottom:14px;margin-bottom:6px;border-bottom:1px solid #e6e6e6}
.cct-widget .cct__total-v{font-size:40px;line-height:1;font-weight:800;color:#0e1f42;font-variant-numeric:tabular-nums}
.cct-widget .cct__total-l{font-size:14px}
.cct-widget .cct__rows{list-style:none;margin:0;padding:0}
.cct-widget .cct__row{display:flex;justify-content:space-between;gap:12px;margin:0;padding:10px 14px;font-size:14px;line-height:1.5;border-radius:10px}
.cct-widget .cct__row::before{display:none}
.cct-widget .cct__row:nth-child(odd){background:#f9fbfa}
.cct-widget .cct__row b{color:#0e1f42;font-weight:700;font-variant-numeric:tabular-nums;text-align:right}

.cct-widget .rules{list-style:none;margin:20px 0 0;padding:0;display:grid;gap:10px}
.cct-widget .rules:empty{display:none}
.cct-widget .rules__item{position:relative;margin:0;background:#ecf1f3;border-radius:10px;padding:12px 14px 12px 48px;font-size:14px;line-height:1.6}
.cct-widget .rules__item::before{display:none}
.cct-widget .rules__item b{color:#0e1f42}
.cct-widget .ht-step{position:absolute;left:14px;top:12px;width:22px;height:22px;display:flex;align-items:center;justify-content:center;border-radius:5px;border:1px solid #303238;font-size:13px;font-weight:700;line-height:1;color:#fff}
.cct-widget .ht-step--ok{background:#31c640}
.cct-widget .ht-step--no{background:#e24f4b}
.cct-widget .ht-step--warn{background:#ffec4e;color:#000}
.cct-widget .ht-step--info{background:#55c3f9}

.cct-widget .cct__lead{font-size:16px;line-height:1.6;margin:0 0 14px}
.cct-widget .cct__lead b{color:#0e1f42;font-weight:800}
.cct-widget .cct__filters{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px}
.cct-widget .cct__filter{font:inherit;font-size:15px;font-weight:500;padding:9px 14px;border-radius:8px;border:0;background:transparent;color:#55c3f9;cursor:pointer}
.cct-widget .cct__filter[aria-pressed="true"]{background:#55c3f9;color:#fff}
.cct-widget .cct__table-wrap{overflow-x:auto}
.cct-widget .cct__table{width:100%;min-width:560px;margin:0;border:0;border-collapse:separate;border-spacing:0;font-size:14px}
.cct-widget .cct__table th{text-align:left;font-size:13px;font-weight:500;color:#0e1f42;padding:8px 18px;border:0;background:none}
.cct-widget .cct__table td{padding:10px 18px;line-height:1.5;color:#000;vertical-align:middle;border:0;background:none}
.cct-widget .cct__table tbody tr:nth-child(odd) td{background:#f9fbfa}
.cct-widget .cct__table td:first-child{border-radius:10px 0 0 10px}
.cct-widget .cct__table td:last-child{border-radius:0 10px 10px 0}
.cct-widget .cct__table .num{font-variant-numeric:tabular-nums;white-space:nowrap}
.cct-widget .cct__table tr.is-off td{color:#93959f}
.cct-widget .cct__table tr.is-hidden{display:none}
.cct-widget .cct__cat{display:block;font-size:12px;color:#93959f}
.cct-widget .tag{display:inline-block;padding:3px 9px;border-radius:5px;font-size:12px;font-weight:700;white-space:nowrap}
.cct-widget .tag--ok{background:#e3f7e5;color:#12aa21}
.cct-widget .tag--warn{background:#fff8c4;color:#6b5a00}
.cct-widget .tag--no{background:#fde7e6;color:#c2312d}
.cct-widget .tag--na{background:#ecf1f3;color:#78878d}
.cct-widget .cct__more{display:block;width:100%;margin-top:10px;min-height:44px;font:inherit;font-size:14px;font-weight:700;color:#55c3f9;background:#fff;border:1px dashed #b8dff3;border-radius:10px;cursor:pointer}
.cct-widget .cct__more[hidden]{display:none}

.cct-widget .src{margin:18px 0 0;font-size:12px;line-height:1.6;color:#78878d}
.cct-widget .src b{color:#495773}

.cct-widget button:focus-visible{outline:2px solid #0e1f42;outline-offset:2px}

.cct-widget .cct__bar{display:none}

@container cct (max-width:820px){
	.cct-widget .cct{display:flex;flex-direction:column;align-items:stretch;gap:14px}
	.cct-widget .cct__bar{display:flex;align-items:center;justify-content:space-between;gap:12px;position:sticky;bottom:calc(10px + env(safe-area-inset-bottom,0px));z-index:5;
		background:#0e1f42;color:#fff;border-radius:12px;padding:8px 8px 8px 16px;box-shadow:0 8px 24px rgba(14,31,66,.28);font-size:13px;line-height:1.2;transition:opacity .2s,transform .2s}
	.cct-widget .cct__bar.is-away{opacity:0;transform:translateY(8px);pointer-events:none}
	.cct-widget .cct__bar b{font-size:20px;font-weight:800;font-variant-numeric:tabular-nums;margin-right:6px}
	.cct-widget .cct__bar button{flex:none;font:inherit;font-size:14px;font-weight:700;color:#000;background:#ffec4e;border:1px solid #000;border-radius:8px;min-height:40px;padding:0 14px;cursor:pointer}
}

@container cct (max-width:600px){
	.cct-widget .cct__card{padding:18px 16px}
	.cct-widget .cct__total-v{font-size:34px}
	.cct-widget .cct__row{padding:10px 12px}

	.cct-widget .cct__filters{flex-wrap:nowrap;overflow-x:auto;margin-inline:-16px;padding-inline:16px;scrollbar-width:none}
	.cct-widget .cct__filters::-webkit-scrollbar{display:none}
	.cct-widget .cct__filter{flex:none;min-height:40px}

	.cct-widget .cct__table-wrap{overflow:visible}
	.cct-widget .cct__table,.cct-widget .cct__table tbody{display:block;min-width:0}
	.cct-widget .cct__table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
	.cct-widget .cct__table tr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;align-items:center;padding:11px 14px;border-radius:10px}
	.cct-widget .cct__table tbody tr:nth-child(odd){background:#f9fbfa}
	.cct-widget .cct__table td{display:block;padding:0;background:none;border-radius:0}
	.cct-widget .cct__table tbody tr:nth-child(odd) td{background:none}
	.cct-widget .cct__table .c-name{grid-column:1;grid-row:1}
	.cct-widget .cct__table .c-status{grid-column:2;grid-row:1;text-align:right}
	.cct-widget .cct__table .c-min,.cct-widget .cct__table .c-time{grid-row:2;font-size:13px;color:#78878d}
	.cct-widget .cct__table .c-min{grid-column:1}
	.cct-widget .cct__table .c-time{grid-column:2;text-align:right}
	.cct-widget .cct__table .c-min:not(:empty)::before{content:attr(data-label) " "}
	.cct-widget .cct__table .c-name .cct__cat{display:inline;margin-left:6px}
	.cct-widget .cct__table tbody tr td:empty{display:none}

	.cct-widget .rules__item{padding:12px 12px 12px 44px}
	.cct-widget .ht-step{left:12px}
}

@media (prefers-reduced-motion:reduce){
	.cct-widget .cct__bar{transition:none}
}

/* Preview wrapper (editors only) */
.cct-preview{outline:2px dashed #f19120;outline-offset:8px;border-radius:12px;margin:18px 0 30px}
.cct-preview__bar{background:#fff3e0;color:#8a4b00;font-size:13px;font-weight:600;border-radius:8px;padding:8px 12px;margin-bottom:10px}
.cct-preview__bar a{color:#8a4b00;text-decoration:underline}

/* ------------------------------------------------------------------
 * Bonus finder [cc_bonus_finder]
 * ------------------------------------------------------------------ */
.cct-finder{margin:6px 0 24px;color:#495773;container:cctf / inline-size}
.cct-finder *,.cct-finder *::before,.cct-finder *::after{box-sizing:border-box}
.cct-finder .cctf__controls{background:#fff;border:1px solid #e3eaed;border-radius:12px;padding:18px 20px;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);gap:16px 18px;align-items:start;margin:0}
.cct-finder .cctf__field{display:grid;gap:7px;min-width:0}
.cct-finder .cctf__label{font-size:14px;font-weight:700;color:#0e1f42;line-height:1.3}
.cct-finder .cctf__select{width:100%;height:46px;margin:0;padding:0 34px 0 14px;font:inherit;font-size:16px;line-height:normal;color:#0e1f42;background:#f9fbfa url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0h10L5 6z' fill='%230e1f42'/%3E%3C/svg%3E") no-repeat right 14px center;border:1px solid #d3d9dc;border-radius:8px;-webkit-appearance:none;appearance:none}
.cct-finder .cctf__select:focus{outline:none;border-color:#55c3f9;box-shadow:0 0 0 3px rgba(85,195,249,.25)}
.cct-finder .cctf__dep{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.cct-finder .cctf__val{font-size:28px;line-height:1;font-weight:800;color:#0e1f42;font-variant-numeric:tabular-nums}
.cct-finder .cctf__range{-webkit-appearance:none;appearance:none;width:100%;height:28px;margin:4px 0 0;padding:0;background:transparent;border:0;cursor:pointer;--fill:33%}
.cct-finder .cctf__range::-webkit-slider-runnable-track{height:8px;border-radius:4px;background:linear-gradient(to right,#55c3f9 var(--fill),#d3d9dc var(--fill))}
.cct-finder .cctf__range::-moz-range-track{height:8px;border-radius:4px;background:#d3d9dc}
.cct-finder .cctf__range::-moz-range-progress{height:8px;border-radius:4px;background:#55c3f9}
.cct-finder .cctf__range::-webkit-slider-thumb{-webkit-appearance:none;width:26px;height:26px;margin-top:-9px;border-radius:50%;background:#fff;border:3px solid #55c3f9;box-shadow:0 1px 4px rgba(14,31,66,.25)}
.cct-finder .cctf__range::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#fff;border:3px solid #55c3f9;box-shadow:0 1px 4px rgba(14,31,66,.25)}
.cct-finder .cctf__range:focus{outline:none}
.cct-finder .cctf__range:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px rgba(85,195,249,.35)}
.cct-finder .cctf__range:focus-visible::-moz-range-thumb{box-shadow:0 0 0 4px rgba(85,195,249,.35)}
.cct-finder .cctf__ticks{position:relative;height:16px;font-size:12px;color:#78878d;font-variant-numeric:tabular-nums}
.cct-finder .cctf__ticks span{position:absolute;transform:translateX(-50%);white-space:nowrap}
.cct-finder .cctf__ticks span:first-child{transform:none}
.cct-finder .cctf__ticks span:last-child{transform:translateX(-100%)}
.cct-finder .cctf__tabs{display:flex;flex-wrap:wrap;gap:4px;grid-column:1 / span 3;border-top:1px solid #e6e6e6;padding-top:14px;align-items:center;min-width:0;margin-right:-18px;padding-right:18px}
.cct-finder .cctf__tab{font:inherit;font-size:15px;font-weight:500;padding:9px 14px;border-radius:8px;border:0;background:transparent;color:#55c3f9;cursor:pointer}
.cct-finder .cctf__tab[aria-pressed="true"]{background:#55c3f9;color:#fff}
.cct-finder .cctf__check{grid-column:4;justify-self:end;align-self:end;border-top:1px solid #e6e6e6;padding-top:14px;width:100%;justify-content:flex-end;min-height:56px;display:flex;gap:8px;align-items:center;font-size:14px;cursor:pointer;color:#0e1f42;margin:0}
.cct-finder .cctf__check input{width:18px;height:18px;margin:0;accent-color:#31c640}
.cct-finder button:focus-visible,.cct-finder .cctf__check:focus-within,.cct-finder .cctf__btn:focus-visible{outline:2px solid #0e1f42;outline-offset:2px}

.cct-finder .cctf__summary{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 16px;align-items:baseline;margin:22px 0 10px}
.cct-finder .cctf__summary p{margin:0;font-size:15px}
.cct-finder .cctf__summary b{color:#0e1f42;font-weight:800}
.cct-finder .cctf__summary small{color:#78878d;font-size:13px}
.cct-finder .cctf__list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.cct-finder .cctf__offer{margin:0;background:#fff;border:1px solid #e3eaed;border-radius:12px;padding:16px 18px;display:grid;grid-template-columns:34px minmax(0,1.5fr) minmax(0,2.4fr) 110px 120px;grid-template-areas:"rank who stats ev go";gap:8px 16px;align-items:center}
.cct-finder .cctf__offer::before{display:none}
.cct-finder .cctf__rank{grid-area:rank;width:30px;height:30px;border-radius:6px;border:1px solid #303238;background:#31c640;color:#fff;font-weight:800;font-size:14px;display:flex;align-items:center;justify-content:center;font-variant-numeric:tabular-nums}
.cct-finder .cctf__offer:nth-child(n+4) .cctf__rank{background:#0e1f42}
.cct-finder .cctf__who{grid-area:who;min-width:0}
.cct-finder .cctf__who a{color:#0e1f42;font-weight:800;font-size:17px;text-decoration:none;line-height:1.25}
.cct-finder .cctf__who a:hover{text-decoration:underline}
.cct-finder .cctf__what{display:block;font-size:13.5px;line-height:1.4;margin-top:2px}
.cct-finder .cctf__extra{display:inline-block;margin-top:5px;font-size:12px;font-weight:700;color:#6b5a00;background:#fff8c4;border-radius:5px;padding:2px 8px}
.cct-finder .cctf__stats{grid-area:stats;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 14px;min-width:0}
.cct-finder .cctf__stat{min-width:0}
.cct-finder .cctf__stat b{display:block;color:#0e1f42;font-weight:800;font-size:17px;font-variant-numeric:tabular-nums;white-space:nowrap}
.cct-finder .cctf__stat small{display:block;font-size:12px;color:#78878d;line-height:1.35}
.cct-finder .cctf__ev{grid-area:ev;min-width:0}
.cct-finder .cctf__ev small{display:block;font-size:12px;color:#78878d;margin-top:3px}
.cct-finder .cctf__evpill{display:inline-block;font-size:13px;font-weight:800;border-radius:5px;padding:3px 8px;font-variant-numeric:tabular-nums;white-space:nowrap}
.cct-finder .cctf__evpill.is-pos{background:#e3f7e5;color:#12aa21}
.cct-finder .cctf__evpill.is-neg{background:#fde7e6;color:#c2312d}
.cct-finder .cctf__go{grid-area:go;display:flex;flex-direction:column;gap:6px;align-items:stretch}
.cct-finder .cctf__btn{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 14px;border-radius:8px;font-size:14px;font-weight:700;text-decoration:none;white-space:nowrap}
.cct-finder .cctf__btn--y{background:#ffec4e;color:#000;border:1px solid #000}
.cct-finder .cctf__btn--l{color:#55c3f9;background:transparent;border:1px solid #b8dff3}
.cct-finder .cctf__more{display:block;width:100%;margin-top:12px;min-height:46px;font:inherit;font-size:15px;font-weight:700;color:#55c3f9;background:#fff;border:1px dashed #b8dff3;border-radius:10px;cursor:pointer}
.cct-finder .cctf__more[hidden]{display:none}
.cct-finder .cctf__empty{background:#fff;border-radius:12px;padding:22px;text-align:center}
.cct-finder .cctf__src{margin:18px 0 0;font-size:12px;line-height:1.6;color:#78878d}

@container cctf (max-width:1000px){
	.cct-finder .cctf__offer{grid-template-columns:30px minmax(0,1fr) auto;grid-template-areas:"rank who ev" "stats stats stats" "go go go";gap:12px;padding:14px}
	.cct-finder .cctf__stats{background:#f9fbfa;border-radius:10px;padding:10px 12px}
	.cct-finder .cctf__ev{text-align:right}
	.cct-finder .cctf__go{flex-direction:row}
	.cct-finder .cctf__go .cctf__btn{flex:1}
}
@container cctf (max-width:900px){
	.cct-finder .cctf__controls{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
	.cct-finder .cctf__tabs{grid-column:1 / -1;margin-right:0;padding-right:0}
	.cct-finder .cctf__check{grid-column:1 / -1;justify-self:start;justify-content:flex-start;border-top:0;padding-top:0;min-height:0}
}
@container cctf (max-width:560px){
	.cct-finder .cctf__controls{padding:14px;gap:12px}
	.cct-finder .cctf__controls .cctf__field:first-child,.cct-finder .cctf__field--wide{grid-column:1 / -1}
	.cct-finder .cctf__tabs{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}
	.cct-finder .cctf__tabs::-webkit-scrollbar{display:none}
	.cct-finder .cctf__tab{flex:none}
	.cct-finder .cctf__summary small{display:none}
}
@container cctf (max-width:420px){
	.cct-finder .cctf__stat b{font-size:15px}
	.cct-finder .cctf__who a{font-size:16px}
}