/* Editorial ranking markers and the casino navigation's secondary lists. */
.rating-nav-item{position:relative}
.rating-nav-item-line{display:flex;align-items:stretch}
.nav-dropdown .rating-nav-item-line>a{flex:1;min-width:0;padding-right:6px}
.rating-nav-item-line>a>.icon{display:none}
.rating-nav-toggle{display:grid;place-items:center;flex:0 0 36px;min-height:42px;padding:0;border:0;border-radius:3px;background:transparent;color:#d5b474;cursor:pointer}
.rating-nav-toggle::after{content:"";width:7px;height:7px;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor;transform:rotate(45deg);transition:transform .15s}
.rating-nav-toggle>.icon{display:none}
.rating-nav-item:hover>.rating-nav-item-line,.rating-nav-item.is-open>.rating-nav-item-line{background:#38282f}
.rating-nav-toggle:hover{background:#51313f;color:#f5d894}
.rating-nav-toggle:focus-visible,.nav-dropdown .rating-nav-panel a:focus-visible{outline:2px solid #edc775;outline-offset:-3px}
.rating-nav-panel{position:absolute;z-index:3;left:calc(100% + 6px);top:var(--rating-panel-offset,-7px);width:318px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 104px);overflow-y:auto;overscroll-behavior:contain;padding:0;background:#242028;color:#f7f2f5;border:1px solid #60464f;border-top:2px solid #d5b474;border-radius:5px;box-shadow:0 14px 32px #0005;scrollbar-width:thin;scrollbar-color:#725661 #242028}
.rating-nav-item.is-open::after{content:"";position:absolute;top:0;bottom:0;left:100%;width:7px}
.rating-nav-item--align-left>.rating-nav-panel{left:auto;right:calc(100% + 6px)}
.rating-nav-item--align-left.is-open::after{left:auto;right:100%}
.rating-nav-item--align-left>.rating-nav-item-line>.rating-nav-toggle::after{transform:rotate(-135deg)}
.rating-nav-heading{display:block;margin:0;padding:14px 15px 11px;color:#d5b474;font-size:10px;font-weight:700;line-height:1.5;letter-spacing:.09em;text-transform:uppercase}
.rating-nav-list{counter-reset:casino-navigation;list-style:none;margin:0;padding:0 6px 6px}
.rating-nav-list>li{counter-increment:casino-navigation;margin:0;padding:0;list-style:none}
.nav-dropdown .rating-nav-link{display:grid;grid-template-columns:16px 58px minmax(0,1fr);align-items:center;gap:11px;min-height:59px;padding:8px 9px;border-radius:3px;color:#f6f1f5;text-decoration:none}
.rating-nav-link::before{content:counter(casino-navigation);font-size:11px;font-weight:700;font-variant-numeric:tabular-nums;color:#baa9b4;text-align:center}
.nav-dropdown .rating-nav-link:hover{background:#3b2a33;color:#fff}
.rating-nav-logo{display:flex;align-items:center;justify-content:center;width:58px;height:37px;padding:0;background:transparent;flex-shrink:0}
.rating-nav-logo img{display:block;width:100%;height:100%;object-fit:contain;background:transparent;border:0;border-radius:0}
.rating-nav-copy{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:0}
.rating-nav-copy strong{font-size:13px;font-weight:700;line-height:1.3;overflow-wrap:anywhere}
.rating-nav-copy small{font-size:10px;font-weight:400;line-height:1.35;color:#c5bac2}
.rating-nav-state{display:inline-flex;align-items:center;gap:5px;max-width:100%;padding:2px 6px;border:1px solid #80585e;border-radius:3px;background:#3a2730;color:#f1c6a1;font-size:9px;line-height:1.4;font-weight:600;white-space:normal}
.rating-nav-state::before{content:"";width:4px;height:4px;flex-shrink:0;border-radius:50%;background:#e4b67a}
.nav-dropdown .rating-nav-all{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0;padding:12px 15px;border-top:1px solid #4b3742;border-radius:0 0 4px 4px;font-size:11px;font-weight:700;line-height:1.4;color:#e7c88f}
.nav-dropdown .rating-nav-all:hover{background:#38282f;color:#fff0cc}
.rating-nav-all .icon{flex-shrink:0}

.operator-row.showcase-card.has-rank-badge{border-color:#927347}
.showcase-card.has-rank-badge .showcase-card-main{padding-top:48px}
.showcase-rank-badge{position:absolute;z-index:1;top:0;left:24px;display:inline-flex;align-items:center;gap:6px;max-width:calc(100% - 48px);min-height:26px;padding:5px 11px 6px;border:1px solid transparent;border-top:0;border-radius:0 0 4px 4px;font-size:10px;font-weight:800;line-height:1.3;letter-spacing:.04em;box-shadow:0 3px 8px #0002}
.showcase-rank-badge::before{content:"";display:block;width:13px;height:13px;flex-shrink:0;background:currentColor}
.showcase-rank-badge.badge--top{border-color:#efd28f;background:linear-gradient(110deg,#f7dfa3,#d5b071 85%);color:#3c202c}
.showcase-rank-badge.badge--top::before{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M2 5l4 3 4-5 4 5 4-3-2 10H4L2 5zm2 12h12v1H4v-1z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M2 5l4 3 4-5 4 5 4-3-2 10H4L2 5zm2 12h12v1H4v-1z'/%3E%3C/svg%3E") center/contain no-repeat}
.showcase-rank-badge.badge--expected{border-color:#9b6674;background:#642c40;color:#f6d4b7;font-weight:700;letter-spacing:.02em}
.showcase-rank-badge.badge--expected::before{width:11px;height:11px;border:1.5px solid currentColor;border-radius:50%;background:linear-gradient(currentColor,currentColor) 50% 2px/1px 4px no-repeat,linear-gradient(currentColor,currentColor) calc(50% + 1px) 5px/3px 1px no-repeat}
.showcase-rank-badge.badge--newest{border-color:#a98e5e;background:#38303a;color:#f2d291;font-weight:700}
.showcase-rank-badge.badge--newest::before{width:5px;height:5px;margin:0 3px;border-radius:50%}

@media(max-width:900px){
  .rating-nav-item-line{align-items:stretch}
  .nav-dropdown .rating-nav-item-line>a{display:flex;align-items:center;min-height:44px;padding:10px 14px}
  .rating-nav-toggle{flex-basis:44px;min-height:44px}
  .rating-nav-toggle::after,.rating-nav-item--align-left>.rating-nav-item-line>.rating-nav-toggle::after{transform:rotate(135deg)}
  .rating-nav-item.is-open>.rating-nav-item-line>.rating-nav-toggle::after{transform:rotate(-45deg)}
  .rating-nav-item.is-open::after{display:none}
  .rating-nav-panel,.rating-nav-item--align-left>.rating-nav-panel{position:static;width:auto;max-width:none;max-height:none;margin:0 8px 10px;overflow:visible;border-color:#60464f;border-top:1px solid #826644;border-radius:4px;background:#231d25;box-shadow:none}
  .rating-nav-heading{padding:12px 13px 8px}
  .nav-dropdown .rating-nav-link{grid-template-columns:16px 58px minmax(0,1fr);gap:10px;min-height:58px;padding:8px}
  .nav-dropdown .rating-nav-all{min-height:44px;padding:12px 13px}
}
@media(max-width:600px){
  .showcase-card.has-rank-badge .showcase-card-main{padding-top:44px}
  .showcase-rank-badge{left:13px;max-width:calc(100% - 26px);min-height:25px;padding:5px 9px;font-size:9px}
}
@media(prefers-reduced-motion:reduce){.rating-nav-toggle::after{transition:none}}