/* Casinoidag RTP-verktyg v1.0.0  (ASCII-safe)
   All CSS ar namnskyddad under .cidag-rtp sa den inte krockar med temat. */

.cidag-rtp{
  /* Casinoidags profil: turkos accent och morkbla rubriker, samma varden som
     ovriga Casinoidag-plugin anvander. Rott behalls for negativa varden. */
  --ink:#12313b; --muted:#40575c; --faint:#62767c;
  --navy:#12313b;
  --paper:#ffffff; --panel:#f3f7f6; --line:#d7e4e2;
  --accent:#087f7c; --accent-soft:rgba(8,127,124,.14); --accent-line:rgba(8,127,124,.42);
  --clay:#b3261e; --clay-soft:rgba(179,38,30,.12);
  --bar:#087f7c;
  --r:14px; --r-sm:9px;
  --mono:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  --disp:"Sora",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --body:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;

  font-family:var(--body); color:var(--ink); line-height:1.55;
  -webkit-font-smoothing:antialiased; margin:1.6em 0;
}
.cidag-rtp *{box-sizing:border-box}
.cidag-rtp p{margin:0; padding:0}

/* Card */
.cidag-rtp .cidag-card{
  background:var(--paper); border:1px solid var(--line); border-radius:var(--r);
  box-shadow:0 1px 2px rgba(20,24,29,.04),0 8px 24px rgba(20,24,29,.045);
  padding:24px;
}
.cidag-rtp .cidag-eyebrow{
  font-family:var(--mono); font-size:.72rem; letter-spacing:.14em; text-transform:uppercase;
  color:var(--muted); margin:0 0 12px; display:inline-block; position:relative; padding-bottom:7px;
}
.cidag-rtp .cidag-eyebrow::after{content:""; position:absolute; left:0; bottom:0; width:34px; height:3px; background:var(--bar); border-radius:2px}
.cidag-rtp .cidag-tool-title{
  font-family:var(--disp); font-weight:600; font-size:1.3rem; letter-spacing:-.01em;
  margin:0 0 6px; color:var(--navy);
}
.cidag-rtp .cidag-lead{color:var(--muted); font-size:.95rem; margin:0 0 18px; max-width:60ch}

/* Layout */
.cidag-rtp .cidag-grid{display:grid; grid-template-columns:minmax(0,310px) minmax(0,1fr); gap:26px; align-items:start}
@media (max-width:720px){ .cidag-rtp .cidag-grid{grid-template-columns:1fr; gap:22px} }

/* Controls */
.cidag-rtp .cidag-field{margin-bottom:18px}
.cidag-rtp .cidag-field:last-child{margin-bottom:0}
.cidag-rtp .cidag-field-top{display:flex; justify-content:space-between; align-items:baseline; gap:10px; margin-bottom:7px}
.cidag-rtp .cidag-label{font-size:.82rem; font-weight:500; color:var(--ink)}
.cidag-rtp .cidag-val{font-family:var(--disp); font-variant-numeric:tabular-nums; font-weight:600; font-size:.92rem; color:var(--accent); white-space:nowrap}

.cidag-rtp input[type=range]{
  -webkit-appearance:none; appearance:none; width:100%; height:4px; border-radius:4px;
  background:var(--line); outline:none; cursor:pointer; margin:6px 0; padding:0;
}
.cidag-rtp input[type=range]::-webkit-slider-thumb{
  -webkit-appearance:none; appearance:none; width:18px; height:18px; border-radius:50%;
  background:var(--paper); border:2px solid var(--accent); box-shadow:0 1px 3px rgba(20,24,29,.25); cursor:pointer;
}
.cidag-rtp input[type=range]::-moz-range-thumb{
  width:18px; height:18px; border-radius:50%; background:var(--paper);
  border:2px solid var(--accent); box-shadow:0 1px 3px rgba(20,24,29,.25); cursor:pointer;
}
.cidag-rtp input[type=range]:focus-visible{box-shadow:0 0 0 3px var(--accent-soft)}

.cidag-rtp .cidag-seg{display:flex; gap:6px; background:var(--panel); padding:4px; border-radius:var(--r-sm); border:1px solid var(--line)}
.cidag-rtp .cidag-seg button{
  flex:1; border:0; background:transparent; font-family:var(--body); font-size:.85rem; font-weight:500;
  color:var(--muted); padding:8px 6px; border-radius:6px; cursor:pointer; transition:background .12s,color .12s; margin:0;
}
.cidag-rtp .cidag-seg button[aria-pressed=true]{background:var(--paper); color:var(--ink); box-shadow:0 1px 2px rgba(20,24,29,.12); font-weight:600}
.cidag-rtp .cidag-seg button:focus-visible{outline:2px solid var(--accent); outline-offset:2px}

.cidag-rtp .cidag-btn{
  display:inline-flex; align-items:center; gap:8px; font-family:var(--body); font-weight:600; font-size:.9rem;
  color:#fff; background:var(--navy); border:0; border-radius:var(--r-sm); padding:11px 18px; cursor:pointer;
  transition:transform .08s, background .15s; margin-top:4px;
}
.cidag-rtp .cidag-btn:hover{background:#000}
.cidag-rtp .cidag-btn:active{transform:translateY(1px)}
.cidag-rtp .cidag-btn:focus-visible{outline:2px solid var(--accent); outline-offset:2px}
.cidag-rtp .cidag-btn svg{width:15px; height:15px}

/* Results */
.cidag-rtp .cidag-readouts{display:grid; grid-template-columns:1fr 1fr; gap:1px; background:var(--line); border:1px solid var(--line); border-radius:var(--r-sm); overflow:hidden; margin-bottom:18px}
.cidag-rtp .cidag-ro{background:var(--paper); padding:13px 15px}
.cidag-rtp .cidag-ro-k{font-size:.74rem; color:var(--muted); margin:0 0 3px; font-weight:500}
.cidag-rtp .cidag-ro-v{font-family:var(--disp); font-variant-numeric:tabular-nums; font-weight:600; font-size:1.28rem; margin:0; letter-spacing:-.01em; line-height:1.15; color:var(--ink)}
.cidag-rtp .cidag-ro-v small{font-size:.78rem; color:var(--faint); font-weight:400}
.cidag-rtp .cidag-ro.hl{background:#eef4fb}
.cidag-rtp .cidag-ro.hl .cidag-ro-v{color:var(--accent)}
.cidag-rtp .cidag-ro.neg .cidag-ro-v{color:var(--clay)}

.cidag-rtp .cidag-chart-wrap{position:relative}
.cidag-rtp canvas{display:block; width:100%; height:auto; border-radius:var(--r-sm); max-width:100%}
.cidag-rtp .cidag-cap{font-size:.78rem; color:var(--faint); margin:10px 2px 0; line-height:1.5}

.cidag-rtp .cidag-statbar{display:flex; flex-wrap:wrap; gap:20px 28px; margin-top:18px; padding-top:16px; border-top:1px solid var(--line)}
.cidag-rtp .cidag-stat{min-width:120px}
.cidag-rtp .cidag-stat-v{font-family:var(--disp); font-variant-numeric:tabular-nums; font-weight:600; font-size:1.18rem; margin:0; line-height:1.1; color:var(--ink)}
.cidag-rtp .cidag-stat-k{font-size:.74rem; color:var(--muted); margin:4px 0 0}

.cidag-rtp .cidag-legend{display:flex; flex-wrap:wrap; gap:16px; margin-bottom:14px; font-size:.78rem; color:var(--muted)}
.cidag-rtp .cidag-legend span{display:inline-flex; align-items:center; gap:7px}
.cidag-rtp .cidag-swatch{width:16px; height:3px; border-radius:2px; display:inline-block}

.cidag-rtp .cidag-foot{margin-top:18px; padding-top:14px; border-top:1px solid var(--line); font-size:.78rem; color:var(--faint); line-height:1.5}

/* --- Flexibel-RTP-databas (rtp_varianter) --- */
.cidag-rtp .cidag-toolbar{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}
.cidag-rtp .cidag-search,.cidag-rtp .cidag-select{font-family:var(--body);font-size:.92rem;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:var(--r-sm);padding:9px 12px;margin:0}
.cidag-rtp .cidag-search{flex:1 1 220px;min-width:160px}
.cidag-rtp .cidag-select{flex:0 0 auto}
.cidag-rtp .cidag-search:focus,.cidag-rtp .cidag-select:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}
.cidag-rtp .cidag-notes{display:grid;gap:8px;margin-bottom:18px;padding:14px 16px;background:var(--panel);border:1px solid var(--line);border-radius:var(--r-sm)}
.cidag-rtp .cidag-note-item{font-size:.88rem;color:var(--muted);line-height:1.5}
.cidag-rtp .cidag-note-item b{color:var(--ink);font-weight:600}
.cidag-rtp .cidag-vwrap{overflow-x:auto}
.cidag-rtp .cidag-vtable{border-collapse:collapse;width:100%;min-width:520px;font-size:.95rem}
.cidag-rtp .cidag-vtable th,.cidag-rtp .cidag-vtable td{padding:9px 12px;text-align:left;border-bottom:1px solid var(--line)}
.cidag-rtp.cidag-rtp.cidag-rtp .cidag-vtable thead th{background:var(--navy);color:#fff;font-family:var(--mono);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;font-weight:700;border-bottom:0}
.cidag-rtp .cidag-vtable thead th:first-child{border-radius:var(--r-sm) 0 0 0}
.cidag-rtp .cidag-vtable thead th:last-child{border-radius:0 var(--r-sm) 0 0}
.cidag-rtp .cidag-vtable tbody tr:nth-child(even){background:var(--panel)}
.cidag-rtp .cidag-vtable td.var{font-family:var(--disp);font-variant-numeric:tabular-nums;font-weight:600;white-space:nowrap}
.cidag-rtp .cidag-vtable td.spread{font-family:var(--disp);font-variant-numeric:tabular-nums;font-weight:500;color:var(--muted);white-space:nowrap}
.cidag-rtp .cidag-vspel,.cidag-rtp .cidag-vspel:link,.cidag-rtp .cidag-vspel:visited{color:var(--accent);text-decoration:none;font-weight:600}
.cidag-rtp .cidag-vspel:hover,.cidag-rtp .cidag-vspel:focus-visible{text-decoration:underline}
.cidag-rtp .cidag-vtable td.snitt{font-family:var(--disp);font-variant-numeric:tabular-nums;font-weight:600;white-space:nowrap}
.cidag-rtp .cidag-vtable td.snitt small{display:block;font-family:var(--body);font-weight:400;font-size:.7rem;color:var(--faint)}
.cidag-rtp .cidag-vhus{margin-top:6px}
.cidag-rtp .cidag-vhus summary{cursor:pointer;font-size:.78rem;color:var(--accent);font-weight:600;list-style:none;display:inline-flex;align-items:center;gap:5px}
.cidag-rtp .cidag-vhus summary::-webkit-details-marker{display:none}
.cidag-rtp .cidag-vhus summary::before{content:"+";font-weight:700;font-size:.95rem;line-height:1}
.cidag-rtp .cidag-vhus[open] summary::before{content:"\2212"}
.cidag-rtp .cidag-vhus-lista{list-style:none;margin:8px 0 2px;padding:0;display:grid;gap:2px;max-width:340px}
.cidag-rtp .cidag-vhus-lista li{display:flex;justify-content:space-between;gap:16px;font-size:.82rem;padding:4px 0;border-bottom:1px solid var(--line)}
.cidag-rtp .cidag-vhus-lista li:last-child{border-bottom:0}
.cidag-rtp .cidag-vhus-lista span{color:var(--muted)}
.cidag-rtp .cidag-vhus-lista b{font-family:var(--disp);font-variant-numeric:tabular-nums;font-weight:600;color:var(--ink);white-space:nowrap}
.cidag-rtp .cidag-badge{display:inline-block;font-size:.66rem;font-weight:600;color:var(--accent);background:var(--accent-soft);padding:1px 7px;border-radius:20px;margin-left:6px;vertical-align:middle;letter-spacing:.02em}
.cidag-rtp .cidag-avvik{margin-top:8px;padding:8px 11px;background:var(--accent-soft);border-left:3px solid var(--accent);border-radius:6px;font-size:.82rem;line-height:1.45;color:var(--ink);white-space:normal;max-width:min(560px,100%);overflow-wrap:break-word}
.cidag-rtp .cidag-avvik-tagg{display:inline-block;font-size:.66rem;font-weight:700;color:#fff;background:var(--accent);padding:1px 8px;border-radius:20px;margin-right:6px;vertical-align:middle;letter-spacing:.02em}
.cidag-rtp .cidag-avvik b{font-family:var(--disp);font-variant-numeric:tabular-nums;font-weight:700;color:var(--navy)}
.cidag-rtp .cidag-avvik-txt{color:var(--muted)}
.cidag-rtp .cidag-empty{padding:16px 4px;color:var(--muted);font-size:.92rem}
.cidag-rtp .cidag-count{font-size:.78rem;color:var(--faint);margin:10px 2px 0}

/* --- Maxinsats-varning (bonus_kalkylator) --- */
.cidag-rtp .cidag-warn{margin:0 0 16px;padding:11px 14px;border-radius:var(--r-sm);background:var(--clay-soft);border:1px solid rgba(184,71,43,.28);color:#7a2e1a;font-size:.88rem;line-height:1.5}

/* Behallaren ar markt med data-cid-tabellwrap="av" i markupen, sa temats
   tabellbehallare inte laggs utanpa. Nagon egen ram ska den daremot inte ha:
   kortet runt omkring har redan ram, rundade horn och 24px luft, och tva ramar
   innanfor varandra ser ut som en tabell i en tabell (v1.0.2). Skulle ett tema
   anda linda tabellen neutraliseras den lindningen pa raden nedan. */
.cidag-rtp .cidag-vwrap .cid-tabell-wrap{margin:0;border:0;border-radius:0;box-shadow:none;overflow:visible;background:none}
.cidag-rtp .cidag-vtable{margin:0}

/* Temat ritar en egen ram pa varje tabell och cell i .entry-content, en tunn
   linje i rgba(0,0,0,.1). Childtemat nollar den bara for sina egna tabeller,
   alltsa de som ligger i .cid-tabell-wrap eller ar direkta barn till
   .entry-content. Var tabell ar varken det, sa den behall temats ram: en tunn
   gra linje runt hela tabellen och en mellan varje kolumn. Det ar den som ser
   ut som en tabell i en tabell (v1.0.3).
   Bara ovan-, vanster- och hogerkanten nollas har. Underkanten lamnas at
   kaskaden, sa radlinjerna och kortlaget pa smal skarm ar ororda. Klassnamnet
   upprepas eftersom temats regel kan ligga hogre an var. */
.cidag-rtp.cidag-rtp.cidag-rtp .cidag-vtable{border:0}
.cidag-rtp.cidag-rtp.cidag-rtp .cidag-vtable th,
.cidag-rtp.cidag-rtp.cidag-rtp .cidag-vtable td{border-top:0;border-left:0;border-right:0}

/* Tabellen blir etiketterade radkort pa smala skarmar, samma monster som
   Casinoidag Spel. Rubrikraden gommas och varje cell far sin kolumnrubrik ur
   data-etikett, sa ett tal aldrig star utan att saga vad det ar. */
@media (max-width:640px){
  .cidag-rtp .cidag-vwrap{overflow:visible}
  .cidag-rtp .cidag-vtable,
  .cidag-rtp .cidag-vtable tbody,
  .cidag-rtp .cidag-vtable tr,
  .cidag-rtp .cidag-vtable td{display:block;width:100%;min-width:0}
  .cidag-rtp .cidag-vtable thead{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
  .cidag-rtp .cidag-vtable tbody{display:grid;gap:12px}
  .cidag-rtp .cidag-vtable tbody tr,
  .cidag-rtp .cidag-vtable tbody tr:nth-child(even){padding:0;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--paper);box-shadow:0 3px 12px rgba(18,49,59,.05);overflow:hidden}
  .cidag-rtp .cidag-vtable tbody td{display:flex;gap:14px;align-items:baseline;justify-content:space-between;padding:9px 13px;border-bottom:1px solid var(--line);white-space:normal}
  .cidag-rtp .cidag-vtable tbody td:last-child{border-bottom:0}
  .cidag-rtp .cidag-vtable tbody td::before{content:attr(data-etikett);flex:0 0 40%;font-family:var(--mono);font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;color:var(--faint);font-weight:700;line-height:1.35}
  .cidag-rtp .cidag-vtable tbody td:first-child{display:block;padding:11px 13px;background:var(--panel);font-weight:700}
  .cidag-rtp .cidag-vtable tbody td:first-child::before{display:block;margin-bottom:3px;flex:none}
  /* Varianterna star pa en rad i tabellaget sa kolumnen inte bryts mitt i ett
     tal. I kortlaget finns ingen kolumn att halla ihop, och en rad med fyra
     versioner far inte plats pa 360 pixlar, sa den klipptes mot kortets kant.
     Har far raden brytas mellan versionerna (v1.0.3). */
  .cidag-rtp .cidag-vtable tbody td.var{display:block;white-space:normal}
  .cidag-rtp .cidag-vtable tbody td.var::before{display:block;margin-bottom:4px;flex:none}
  .cidag-rtp .cidag-vhus-lista{max-width:none}
}