/* Витрина `oasv` «Wattle Card» — onlineauscasinos.com (шаблон №188).
   Подпись раскладки: у каждой карточки СВОЯ ЗЕЛЁНАЯ ШАПКА с рангом, именем и баллом
   (у соседей по AU: строки-таблицы grd/cst, плитки atc, строка с золотым рельсом oac).
   Палитра каркаса «Wattle»: эвкалипт #12523f, акация #ffc72c, песок #f7f5ef. */

.oasv-wrap{--oasv-green:#12523f;--oasv-green2:#0d3d2f;--oasv-gold:#ffc72c;--oasv-gold2:#e0a800;
  --oasv-sand:#f7f5ef;--oasv-ink:#17231f;--oasv-dim:#5b6b64;--oasv-line:#dcd8cc;
  display:block;margin:28px 0 34px;max-width:100%;box-sizing:border-box;color:var(--oasv-ink);
  font:15px/1.55 Roboto,Arial,sans-serif;text-align:left}
.oasv-wrap *{box-sizing:border-box}
.oasv-h2{margin:0 0 8px;font:700 26px/1.2 Roboto,Arial,sans-serif;color:var(--oasv-green)}
.oasv-lead{margin:0 0 16px;color:var(--oasv-dim);font-size:14px;max-width:74ch}

.oasv-fi,.oasv-all{position:absolute;opacity:0;pointer-events:none}
.oasv-filters{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}
.oasv-filters label{display:inline-block;padding:7px 14px;border:1px solid var(--oasv-line);
  border-radius:999px;background:#fff;color:var(--oasv-ink);font-size:13px;cursor:pointer;user-select:none}
.oasv-filters label:hover{border-color:var(--oasv-green);color:var(--oasv-green)}
.oasv-filters label b{color:#8a6400;font-weight:700}   /* контраст на белом ≥4.5 */

.oasv-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}
.oasv-list>li{background:#fff;border:1px solid var(--oasv-line);border-radius:12px;overflow:hidden;
  box-shadow:0 2px 10px rgba(18,82,63,.06)}
.oasv-list>li.oasv-top{border-color:var(--oasv-gold);box-shadow:0 4px 16px rgba(224,168,0,.18)}

/* зелёная шапка карточки — подпись этой витрины */
.oasv-top-row{display:flex;align-items:center;gap:12px;background:var(--oasv-green);color:#fff;padding:9px 14px}
.oasv-list>li.oasv-top .oasv-top-row{background:var(--oasv-green2)}
.oasv-rank{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;
  border-radius:8px;background:rgba(255,255,255,.14);color:#fff;font-weight:700;font-size:15px;flex:0 0 auto}
.oasv-list>li.oasv-top .oasv-rank{background:var(--oasv-gold);color:var(--oasv-green2)}
.oasv-name{font:700 17px/1.2 Roboto,Arial,sans-serif;color:#fff;display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.oasv-name a{color:#fff;text-decoration:none;border-bottom:1px solid rgba(255,199,44,.6)}
.oasv-name a:hover{color:var(--oasv-gold)}
.oasv-name br{display:none}
.oasv-score{font:700 13px/1 Roboto,Arial,sans-serif;color:var(--oasv-gold)}

.oasv-body{display:grid;grid-template-columns:200px 1fr 210px;gap:12px 18px;align-items:center;padding:14px}
.oasv-plate{grid-column:1;display:flex;align-items:center;justify-content:center;width:176px;height:60px;
  background:#fff;border:1px solid var(--oasv-line);border-radius:8px;padding:5px}
.oasv-plate--dark{background:var(--oasv-green2);border-color:var(--oasv-green2)}
.oasv-plate img{max-width:100%;max-height:100%;width:auto;height:auto;display:block}
.oasv-noplate{color:var(--oasv-green);font-weight:700;font-size:15px;text-align:center}

.oasv-offer{grid-column:2;background:var(--oasv-sand);border-left:4px solid var(--oasv-gold);
  border-radius:0 8px 8px 0;padding:9px 14px}
.oasv-offer b{display:block;font:700 16px/1.3 Roboto,Arial,sans-serif;color:var(--oasv-ink)}
.oasv-offer i{display:block;font-style:normal;font-size:12px;color:var(--oasv-dim);margin-top:3px}
.oasv-chips{grid-column:2;display:flex;flex-wrap:wrap;gap:6px;margin-top:-4px}
.oasv-chip,.oasv-chips span{display:inline-block;padding:3px 10px;border:1px solid var(--oasv-line);
  border-radius:999px;background:#fff;color:var(--oasv-dim);font-size:12px;line-height:1.5}
.oasv-chip--aud{border-color:var(--oasv-green);color:var(--oasv-green);font-weight:500}

.oasv-act{grid-column:3;grid-row:1 / span 2;display:flex;flex-direction:column;gap:7px;align-self:center}
.oasv-cta{display:block;padding:12px 14px;border-radius:8px;background:var(--oasv-gold);color:#17231f;
  font:700 15px/1.2 Roboto,Arial,sans-serif;text-align:center;text-decoration:none}
.oasv-cta:hover{background:var(--oasv-gold2);color:#17231f}
.oasv-rev{display:block;text-align:center;color:var(--oasv-green);font-size:13px;text-decoration:none;
  border-bottom:1px dotted rgba(18,82,63,.45);align-self:center}
.oasv-rev:hover{color:var(--oasv-gold2)}
.oasv-norev{display:block;text-align:center;color:var(--oasv-dim);font-size:12px}

.oasv-more{border-top:1px solid var(--oasv-line);padding:9px 14px;background:#fcfbf8}
.oasv-more summary{cursor:pointer;color:var(--oasv-green);font-size:13px;list-style:none}
.oasv-more summary::-webkit-details-marker{display:none}
.oasv-more summary:before{content:"\25B8 ";color:var(--oasv-gold2)}
.oasv-more[open] summary:before{content:"\25BE "}
.oasv-dl{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px 18px;margin:10px 0}
.oasv-dl div{min-width:0}
.oasv-dl dt{color:var(--oasv-green);font-size:11px;text-transform:uppercase;letter-spacing:.04em;font-weight:700}
.oasv-dl dd{margin:2px 0 0;color:var(--oasv-ink);font-size:13px;word-break:break-word}

.oasv-morebtn{display:inline-block;margin:16px 0 0;padding:11px 22px;border:2px solid var(--oasv-green);
  border-radius:8px;background:#fff;color:var(--oasv-green);font:700 14px/1.2 Roboto,Arial,sans-serif;
  cursor:pointer;user-select:none}
.oasv-morebtn:hover{background:var(--oasv-green);color:#fff}

.oasv-note{margin:16px 0 0;color:var(--oasv-dim);font-size:12px;line-height:1.65;max-width:92ch}
.oasv-note a{color:var(--oasv-green)}
.oasv-note b{color:var(--oasv-ink)}
.oasv-arch{margin:10px 0 0;color:var(--oasv-dim);font-size:12px;line-height:1.7}
.oasv-arch b{color:var(--oasv-ink)}
.oasv-arch a{color:var(--oasv-green);text-decoration:none;border-bottom:1px dotted rgba(18,82,63,.35)}
.oasv-arch a:hover{color:var(--oasv-gold2)}

.oasv-list>li.oasv-hid{display:none}
.oasv-wrap input[id^="oasall"]:checked~.oasv-list>li.oasv-hid{display:block}
.oasv-wrap input[id^="oasall"]:checked~.oasv-morebtn{display:none}

/* фильтры: отмеченный признак прячет карточки без него (селектор по ПРЕФИКСУ id) */
.oasv-wrap input[id^="oasv-aud"]:checked~.oasv-list>li:not(.oasv-f-aud),
.oasv-wrap input[id^="oasv-loc"]:checked~.oasv-list>li:not(.oasv-f-loc),
.oasv-wrap input[id^="oasv-cry"]:checked~.oasv-list>li:not(.oasv-f-cry),
.oasv-wrap input[id^="oasv-big"]:checked~.oasv-list>li:not(.oasv-f-big),
.oasv-wrap input[id^="oasv-wag"]:checked~.oasv-list>li:not(.oasv-f-wag){display:none}
.oasv-wrap input[id^="oasv-aud"]:checked~.oasv-filters label[for^="oasv-aud"],
.oasv-wrap input[id^="oasv-loc"]:checked~.oasv-filters label[for^="oasv-loc"],
.oasv-wrap input[id^="oasv-cry"]:checked~.oasv-filters label[for^="oasv-cry"],
.oasv-wrap input[id^="oasv-big"]:checked~.oasv-filters label[for^="oasv-big"],
.oasv-wrap input[id^="oasv-wag"]:checked~.oasv-filters label[for^="oasv-wag"]{
  background:var(--oasv-green);border-color:var(--oasv-green);color:#fff}
.oasv-wrap input[id^="oasv-aud"]:checked~.oasv-filters label[for^="oasv-aud"] b,
.oasv-wrap input[id^="oasv-loc"]:checked~.oasv-filters label[for^="oasv-loc"] b,
.oasv-wrap input[id^="oasv-cry"]:checked~.oasv-filters label[for^="oasv-cry"] b,
.oasv-wrap input[id^="oasv-big"]:checked~.oasv-filters label[for^="oasv-big"] b,
.oasv-wrap input[id^="oasv-wag"]:checked~.oasv-filters label[for^="oasv-wag"] b{color:var(--oasv-gold)}

@media (max-width:900px){
  /* строка витрины должна уложиться в 290px (R9): режем отступы, плашку и шрифты */
  .oasv-body{grid-template-columns:1fr;gap:6px;padding:9px}
  .oasv-plate{width:100%;max-width:150px;height:38px;padding:3px}
  .oasv-top-row{padding:7px 12px}
  .oasv-offer{padding:5px 10px}
  .oasv-offer i{font-size:11px;margin-top:2px}
  .oasv-more{padding:6px 12px}
  .oasv-more summary{font-size:12px}
  .oasv-offer,.oasv-chips,.oasv-act{grid-column:1}
  .oasv-act{grid-row:auto;flex-direction:row;align-items:center;gap:8px}
  .oasv-cta{flex:1 1 auto;padding:9px 12px;font-size:14px}
  .oasv-offer b{font-size:15px}
  .oasv-chip,.oasv-chips span{font-size:11px;padding:2px 8px}
  .oasv-h2{font-size:21px}
  .oasv-name{font-size:16px}
}