/* italiancasino.org — витрина icgv (подключается только на страницах, где она стоит) */

/* [icg:vetrina-cornice] */
.icgv-wrap{container-type:inline-size;margin:8px 0 28px;padding:20px var(--am-pad,20px) 16px;background:#F7F4FB;border-radius:12px}
.icg-art > .icgv-wrap{max-width:none}
.icgv-wrap > h2{margin:0 0 4px!important;font:700 24px/1.25 var(--am-titoli)!important;color:var(--am-notte)!important}
.icgv-nota{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin:0 0 14px!important;font:500 13px/1.4 var(--am-testo);color:var(--am-grigio)}
.icgv-nota span{display:inline-flex;align-items:center;gap:6px}
.icgv-nota svg{width:15px;height:15px;stroke:var(--am-verde);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.icgv-wrap svg{width:16px;height:16px;flex:none;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.icgv-chk{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}

/* [icg:vetrina-filtri] */
.icgv-filtri{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;margin:0 0 14px;font:500 14px/1.2 var(--am-testo);color:var(--am-grigio)}
.icgv-filtri > span{font:700 13px/1 var(--am-titoli);letter-spacing:.8px;text-transform:uppercase;color:var(--am-notte2)}
.icgv-filtri label{display:inline-flex;align-items:center;gap:8px;min-height:44px;cursor:pointer;color:var(--am-inchiostro)}
.icgv-filtri label::before{content:"";width:18px;height:18px;border:2px solid #A99BC0;border-radius:4px;background:#fff center/12px no-repeat}
.icgv-wrap:has(.icgv-chk[id$="-nd"]:checked) label[for$="-nd"]::before,
.icgv-wrap:has(.icgv-chk[id$="-w35"]:checked) label[for$="-w35"]::before,
.icgv-wrap:has(.icgv-chk[id$="-d10"]:checked) label[for$="-d10"]::before,
.icgv-wrap:has(.icgv-chk[id$="-fs"]:checked) label[for$="-fs"]::before,
.icgv-wrap:has(.icgv-chk[id$="-spid"]:checked) label[for$="-spid"]::before{background-color:var(--am-cta);border-color:var(--am-cta);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.2 4.2L19 7'/%3E%3C/svg%3E")}
.icgv-chk:focus-visible + .icgv-chk,.icgv-wrap:has(.icgv-chk:focus-visible) .icgv-filtri{outline:2px solid var(--am-link);outline-offset:4px}

/* [icg:vetrina-lista] */
.icgv-list{list-style:none;margin:0;padding:0;counter-reset:none}
.icgv-list > li{position:relative;display:grid;grid-template-columns:132px minmax(0,1.5fr) minmax(0,1fr) 92px 178px;grid-template-areas:"logo nome req dep az" "logo bonus req dep az" "term term term term term";gap:2px 18px;align-items:center;margin:0 0 14px;padding:16px 18px 10px 26px;background:#fff;border:1px solid var(--am-riga);border-radius:10px}
.icgv-list > li.icgv-hid{display:none}
.icgv-list > li.icgv-p1{border:2px solid var(--am-cta);padding-top:22px}
.icgv-pos{position:absolute;top:-11px;left:-9px;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--am-notte);color:#fff;font:700 15px/1 var(--am-titoli);box-shadow:0 0 0 3px #F7F4FB}
.icgv-p1 .icgv-pos{background:var(--am-cta)}
.icgv-scelta{position:absolute;top:-11px;left:32px;padding:5px 9px;border-radius:5px;background:var(--am-cta);color:#fff;font:700 11px/1 var(--am-titoli);letter-spacing:.8px;text-transform:uppercase}
.icgv-logo{grid-area:logo;display:flex;align-items:center;justify-content:center;height:78px;padding:8px;border:1px solid var(--am-riga);border-radius:8px;background:#fff}
.icgv-logo img{max-height:56px;max-width:100%;width:auto;height:auto}
.icgv-nome{grid-area:nome;align-self:end;display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px}
.icgv-nome b{font:700 18px/1.2 var(--am-titoli);color:var(--am-notte)}
.icgv-adm{display:inline-flex;align-items:center;gap:4px;font:500 12px/1.2 var(--am-testo);color:var(--am-grigio)}
.icgv-adm svg{width:14px;height:14px;stroke:var(--am-verde);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.icgv-segno{display:inline-flex;align-items:center;gap:4px;padding:3px 7px;border-radius:4px;background:#E7F3EC;color:var(--am-verde);font:700 11px/1 var(--am-titoli);letter-spacing:.5px;text-transform:uppercase}
.icgv-bonus{grid-area:bonus;align-self:start;margin:0;font:600 17px/1.3 var(--am-titoli);color:var(--am-inchiostro)}
.icgv-cap{display:block;margin:0 0 4px;font:700 11px/1 var(--am-titoli);letter-spacing:1px;text-transform:uppercase;color:var(--am-grigio)}
.icgv-req{grid-area:req}
.icgv-req b,.icgv-dep b{font:700 22px/1 var(--am-titoli);color:var(--am-notte)}
.icgv-scala{display:flex;gap:3px;margin-top:7px}
.icgv-scala i{display:block;width:16px;height:6px;border-radius:2px;background:var(--am-lilla2)}
.icgv-scala[data-s="1"] i:nth-child(-n+1),.icgv-scala[data-s="2"] i:nth-child(-n+2),.icgv-scala[data-s="3"] i:nth-child(-n+3),.icgv-scala[data-s="4"] i:nth-child(-n+4),.icgv-scala[data-s="5"] i:nth-child(-n+5){background:var(--am-verde)}
.icgv-dep{grid-area:dep}
.icgv-az{grid-area:az;display:flex;flex-direction:column;gap:6px;align-items:stretch;text-align:center}
.icgv-cta{display:flex;align-items:center;justify-content:center;gap:6px;min-height:46px;border-radius:8px;background:var(--am-cta);color:#fff!important;text-decoration:none!important;font:700 16px/1 var(--am-titoli);letter-spacing:.3px}
.icgv-cta:hover{background:var(--am-cta-h)}
.icgv-cta svg{width:16px;height:16px;stroke:#fff;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.icgv-rec{display:inline-flex;align-items:center;justify-content:center;min-height:32px;font:500 13px/1.2 var(--am-testo);color:var(--am-link)!important}
.icgv-term{grid-area:term;margin:8px 0 0;border-top:1px dashed var(--am-riga);font-size:13px;color:var(--am-grigio)}
.icgv-term summary{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:36px;cursor:pointer;list-style:none;font:600 13px/1.2 var(--am-titoli);color:var(--am-notte2)}
.icgv-term summary::-webkit-details-marker{display:none}
.icgv-term summary em{font:400 12px/1.2 var(--am-testo);font-style:normal;color:var(--am-grigio)}
.icgv-term p{margin:4px 0 8px!important;font-size:13px!important;line-height:1.5!important}
.icgv-more{display:flex;align-items:center;justify-content:center;gap:8px;min-height:46px;margin:2px 0 10px;border:1px solid #CFC2E1;border-radius:8px;background:#fff;cursor:pointer;font:700 15px/1 var(--am-titoli);color:var(--am-notte)}
.icgv-more:hover{border-color:var(--am-notte3)}
.icgv-more svg{width:18px;height:18px}
.icgv-segno svg{width:12px;height:12px;stroke-width:3}
.icgv-legale{margin:4px 0 0!important;font-size:12px!important;line-height:1.5!important;color:var(--am-grigio)}

/* [icg:vetrina-stati] */
.icgv-wrap:has(.icgv-chk[id$="-tutti"]:checked) .icgv-list > li.icgv-hid{display:grid}
.icgv-wrap:has(.icgv-chk[id$="-tutti"]:checked) .icgv-more{display:none}
.icgv-wrap:has(.icgv-chk[id$="-nd"]:checked) .icgv-list > li.icgv-riga:not(.icgv-k-nd),
.icgv-wrap:has(.icgv-chk[id$="-w35"]:checked) .icgv-list > li.icgv-riga:not(.icgv-k-w35),
.icgv-wrap:has(.icgv-chk[id$="-d10"]:checked) .icgv-list > li.icgv-riga:not(.icgv-k-d10),
.icgv-wrap:has(.icgv-chk[id$="-fs"]:checked) .icgv-list > li.icgv-riga:not(.icgv-k-fs),
.icgv-wrap:has(.icgv-chk[id$="-spid"]:checked) .icgv-list > li.icgv-riga:not(.icgv-k-spid){display:none}

/* [icg:vetrina-strette] */
@container (max-width:760px){
  .icgv-list > li{grid-template-columns:110px minmax(0,1fr) minmax(0,1fr);grid-template-areas:"logo nome nome" "logo bonus bonus" "req dep az" "term term term";gap:6px 14px;padding:18px 14px 8px 18px}
  .icgv-logo{height:70px}
  .icgv-req,.icgv-dep{margin-top:6px}
  .icgv-az{align-self:end}
}
@container (max-width:460px){
  .icgv-list > li{grid-template-columns:84px minmax(0,1fr) minmax(0,1fr);grid-template-areas:"logo nome nome" "bonus bonus bonus" "req dep dep" "az az az" "term term term";gap:4px 12px;padding:16px 12px 4px 16px}
  .icgv-logo{height:56px;padding:6px}
  .icgv-logo img{max-height:42px}
  .icgv-nome{align-self:center}
  .icgv-adm{font-size:11px}
  .icgv-bonus{margin-top:4px}
  .icgv-req,.icgv-dep{margin-top:2px}
  .icgv-scala{display:none}
  .icgv-cap{margin-bottom:2px}
  .icgv-cta{min-height:44px}
  .icgv-rec{min-height:44px}
  .icgv-term{margin-top:4px}
  .icgv-term summary{min-height:32px}
  .icgv-bonus{font-size:15px}
  .icgv-az{flex-direction:row}
  .icgv-az .icgv-cta{flex:1 1 60%}
  .icgv-az .icgv-rec{flex:1 1 40%}
  .icgv-req b,.icgv-dep b{font-size:19px}
}
