/* ==========================================================================
   italian-casino.org — витрина №359 «triv / Tavolo»
   тёмные карточки операторов ADM на светлом листе; фильтры и «Mostra tutti» на :has()
   ========================================================================== */

/* triv>contenitore */
.triv-wrap{container:triv/inline-size;margin:8px 0 30px;clear:both;width:100%}
.triv-wrap .triv-h2{font:400 34px/1.05 var(--titoli,"Bebas Kai",Impact,sans-serif);letter-spacing:.01em;color:#101B2D;margin:0 0 6px;padding:0;border:0}
.triv-wrap .triv-sub{display:flex;flex-wrap:wrap;align-items:center;gap:4px 14px;margin:0 0 14px;font:400 14px/1.4 "Roboto",Arial,sans-serif;color:#4A5668}
.triv-wrap .triv-sub span{display:inline-flex;align-items:center;gap:5px}
.triv-wrap .triv-sub .tri-ico{width:16px;height:16px;color:#0B7A55}
.triv-wrap .triv-cb,.triv-wrap .triv-more{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px}
/* triv<contenitore */

/* triv>filtri */
.triv-wrap .triv-filtri{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;margin:0 0 14px;padding:10px 14px;background:#ECEFF3;border-radius:8px}
.triv-wrap .triv-filtri>span{display:inline-flex;align-items:center;gap:6px;font:500 13px/1 "Roboto",Arial,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#4A5668}
.triv-wrap .triv-filtri>span .tri-ico{width:16px;height:16px}
.triv-wrap .triv-filtri label{display:inline-flex;align-items:center;gap:8px;min-height:40px;cursor:pointer;font:500 15px/1.2 "Roboto",Arial,sans-serif;color:#172233}
.triv-wrap .triv-filtri label::before{content:"";width:18px;height:18px;border-radius:4px;border:2px solid #7C8797;background:#fff;flex:none}
.triv-wrap:has(.triv-cb-nd:checked) label[for$="-nd"]::before,
.triv-wrap:has(.triv-cb-fs:checked) label[for$="-fs"]::before,
.triv-wrap:has(.triv-cb-wg:checked) label[for$="-wg"]::before,
.triv-wrap:has(.triv-cb-dm:checked) label[for$="-dm"]::before{background:#0B7A55 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m3.5 8.3 3 3 6-6.3' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E") center/14px no-repeat;border-color:#0B7A55}
.triv-wrap:has(.triv-cb-nd:checked) .triv-list>li:not(.triv-f-nd),
.triv-wrap:has(.triv-cb-fs:checked) .triv-list>li:not(.triv-f-fs),
.triv-wrap:has(.triv-cb-wg:checked) .triv-list>li:not(.triv-f-wg),
.triv-wrap:has(.triv-cb-dm:checked) .triv-list>li:not(.triv-f-dm){display:none}
/* triv<filtri */

/* triv>riga */
.triv-wrap .triv-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.triv-wrap .triv-list>li{position:relative;display:grid;grid-template-columns:34px 132px minmax(0,1fr) 158px;grid-template-areas:"num logo id azioni" "num logo off azioni" "num logo fatti azioni";column-gap:16px;row-gap:6px;align-items:center;margin:0;padding:16px 18px 30px;border-radius:10px;background:linear-gradient(120deg,#101B2D 0%,#1A2A43 100%);color:#fff;box-shadow:0 8px 22px rgba(16,27,45,.16);font:400 15px/1.4 "Roboto",Arial,sans-serif}
.triv-wrap .triv-list>li.triv-hid{display:none}
.triv-wrap:has(.triv-more:checked) .triv-list>li.triv-hid{display:grid}
.triv-wrap:has(.triv-cb:checked) .triv-list>li.triv-hid{display:none}
.triv-wrap .triv-list>li::marker{content:none}
.triv-wrap .triv-num{grid-area:num;align-self:start;font:400 40px/1 "Bebas Kai",Impact,sans-serif;color:#F2B33D;text-align:center;padding-top:6px}
.triv-wrap .triv-logo{grid-area:logo;display:block;border-radius:7px;overflow:hidden;background:#F3F5F8}
.triv-wrap .triv-logo img{display:block;width:132px;height:73px}
.triv-wrap .triv-id{grid-area:id;display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px}
.triv-wrap .triv-nome{margin:0;padding:0;border:0;font:700 18px/1.2 "Roboto",Arial,sans-serif;color:#fff}
.triv-wrap .triv-adm{display:inline-flex;align-items:center;gap:5px;font:400 13px/1 "Roboto",Arial,sans-serif;color:#A9E3CB}
.triv-wrap .triv-adm .tri-ico{width:15px;height:15px;color:#34B384}
.triv-wrap .triv-off{grid-area:off;margin:0;font:400 23px/1.08 "Bebas Kai",Impact,sans-serif;letter-spacing:.02em;color:#fff}
.triv-wrap .triv-off small{display:block;font:500 11px/1.2 "Roboto",Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#F2B33D;margin-bottom:3px}
.triv-wrap .triv-fatti{grid-area:fatti;list-style:none;margin:2px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.triv-wrap .triv-fatti li{display:flex;align-items:center;gap:6px;margin:0;padding:4px 9px;border-radius:6px;background:rgba(255,255,255,.07);font:400 13px/1.2 "Roboto",Arial,sans-serif;color:#D5DEEA}
.triv-wrap .triv-fatti li b{color:#fff;font-weight:700}
.triv-wrap .triv-fatti .tri-ico{width:15px;height:15px;color:#F2B33D}
.triv-wrap .triv-azioni{grid-area:azioni;display:flex;flex-direction:column;align-items:stretch;gap:8px;align-self:center}
.triv-wrap .triv-cta{display:flex;align-items:center;justify-content:center;gap:6px;min-height:46px;border-radius:8px;background:#0B7A55;color:#fff;text-decoration:none;font:700 15px/1 "Roboto",Arial,sans-serif;box-shadow:inset 0 -3px 0 rgba(0,0,0,.18)}
.triv-wrap .triv-cta:hover{background:#0A6948;color:#fff}
.triv-wrap .triv-rec{display:flex;align-items:center;justify-content:center;min-height:36px;color:#DDE4EE;font:500 14px/1 "Roboto",Arial,sans-serif;text-decoration:underline;text-underline-offset:3px}
.triv-wrap .triv-rec:hover{color:#F2B33D}
.triv-wrap .triv-tc{font-size:11px;line-height:1.2;color:#9FAABB;text-align:center}
/* triv<riga */

/* triv>primo */
.triv-wrap .triv-list>li.triv-primo{box-shadow:inset 0 0 0 2px #F2B33D,0 10px 26px rgba(16,27,45,.22);padding-top:26px}
.triv-wrap .triv-nastro{position:absolute;left:16px;top:-1px;display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:0 0 6px 6px;background:#F2B33D;color:#101B2D;font:700 11px/1 "Roboto",Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase}
.triv-wrap .triv-nastro .tri-ico{width:13px;height:13px}
/* triv<primo */

/* triv>termini */
.triv-wrap .triv-term{position:absolute;left:0;right:0;bottom:0;text-align:center}
.triv-wrap .triv-term summary{display:inline-flex;align-items:center;gap:6px;min-height:26px;padding:0 14px;border-radius:8px 8px 0 0;background:rgba(255,255,255,.08);cursor:pointer;list-style:none;font:500 12px/1 "Roboto",Arial,sans-serif;color:#C9D3E0}
.triv-wrap .triv-term summary::-webkit-details-marker{display:none}
.triv-wrap .triv-term summary .tri-ico{width:13px;height:13px;transition:transform .15s}
.triv-wrap .triv-term[open]{position:static;grid-column:1/-1;text-align:left;margin:8px -18px -30px}
.triv-wrap .triv-term[open] summary{margin-left:18px}
.triv-wrap .triv-term[open] summary .tri-ico{transform:rotate(180deg)}
.triv-wrap .triv-term div{background:rgba(0,0,0,.22);padding:12px 18px 14px;border-radius:0 0 10px 10px;font:400 13px/1.55 "Roboto",Arial,sans-serif;color:#D5DEEA}
.triv-wrap .triv-term div p{margin:0 0 4px;color:#D5DEEA}
.triv-wrap .triv-term div a{color:#fff}
/* triv<termini */

/* triv>mostra */
.triv-wrap .triv-mostra{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;margin:12px 0 0;border-radius:8px;background:#ECEFF3;color:#101B2D;cursor:pointer;font:700 15px/1 "Roboto",Arial,sans-serif}
.triv-wrap .triv-mostra:hover{background:#DCE2EA}
.triv-wrap .triv-mostra .triv-meno{display:none}
.triv-wrap:has(.triv-more:checked) .triv-mostra .triv-tutti{display:none}
.triv-wrap:has(.triv-more:checked) .triv-mostra .triv-meno{display:inline}
.triv-wrap:has(.triv-cb:checked) .triv-mostra{display:none}
.triv-wrap .triv-nota{margin:14px 0 0;padding:0;font:400 13px/1.55 "Roboto",Arial,sans-serif;color:#4A5668}
/* triv<mostra */

/* triv>stretto */
@container triv (max-width:680px){
  .triv-wrap .triv-list>li{grid-template-columns:30px 112px minmax(0,1fr);grid-template-areas:"num logo id" "off off off" "fatti fatti fatti" "azioni azioni azioni";column-gap:12px;padding:14px 14px 30px}
  .triv-wrap .triv-list>li.triv-primo{padding-top:24px}
  .triv-wrap .triv-num{font-size:32px;padding-top:0;align-self:center}
  .triv-wrap .triv-logo img{width:112px;height:62px}
  .triv-wrap .triv-off{font-size:22px;margin-top:4px}
  .triv-wrap .triv-azioni{flex-direction:row;align-items:center;margin-top:6px}
  .triv-wrap .triv-cta{flex:1}
  .triv-wrap .triv-rec{padding:0 6px}
  .triv-wrap .triv-tc{display:none}
  .triv-wrap .triv-term[open]{margin:8px -14px -30px}
}
@container triv (max-width:400px){
  .triv-wrap .triv-list>li{grid-template-columns:26px 96px minmax(0,1fr)}
  .triv-wrap .triv-logo img{width:96px;height:53px}
  .triv-wrap .triv-nome{font-size:16px}
  .triv-wrap .triv-fatti li:nth-child(n+3){display:none}
}
/* triv<stretto */
/*rv-fh261031*/.triv-wrap:has(.triv-cb-nd:checked) .triv-list>li.triv-hid.triv-f-nd,.triv-wrap:has(.triv-cb-fs:checked) .triv-list>li.triv-hid.triv-f-fs,.triv-wrap:has(.triv-cb-wg:checked) .triv-list>li.triv-hid.triv-f-wg,.triv-wrap:has(.triv-cb-dm:checked) .triv-list>li.triv-hid.triv-f-dm{display:grid!important}.triv-wrap:has(.triv-cb-nd:checked) .triv-list>li.triv-hid:not(.triv-f-nd),.triv-wrap:has(.triv-cb-fs:checked) .triv-list>li.triv-hid:not(.triv-f-fs),.triv-wrap:has(.triv-cb-wg:checked) .triv-list>li.triv-hid:not(.triv-f-wg),.triv-wrap:has(.triv-cb-dm:checked) .triv-list>li.triv-hid:not(.triv-f-dm){display:none!important}