/* ===========================================================================
   dg26-top10.css  —  pagina VIP / top 10 (page-top10-2026-single.php)
   ---------------------------------------------------------------------------
   Scos din sablon pe 6 octombrie 2026. Identic, litera cu litera.
   Se incarca NUMAI pe sablonul asta, prin campul `extra` din tabelul
   conductei (module/assets.php).
   =========================================================================== */

.dg26vip-wrap{max-width:1640px;margin:0 auto;padding:0 16px}
@media(min-width:1024px){.dg26vip-wrap{padding:0 32px}}
.dg26vip-head{position:relative;padding:20px 0 16px;display:flex;align-items:center;justify-content:center}
.dg26vip-head h1{font-family:"Playfair Display",serif;font-style:italic;font-size:18px;color:#d4af37;margin:0;font-weight:600;letter-spacing:.12px;display:flex;align-items:center;gap:7px;white-space:nowrap}
.dg26vip-head h1::before,.dg26vip-head h1::after{content:"";width:12px;height:1px;flex-shrink:0}
.dg26vip-head h1::before{background:linear-gradient(to right,transparent,rgba(212,175,55,.72))}
.dg26vip-head h1::after{background:linear-gradient(to left,transparent,rgba(212,175,55,.72))}
@media(min-width:768px){.dg26vip-head{padding:24px 0 20px}.dg26vip-head h1{font-size:31px;color:#ead8ad;letter-spacing:.7px;gap:18px}.dg26vip-head h1::before,.dg26vip-head h1::after{width:68px}}
.dg26vip-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding-bottom:24px}
@media(min-width:768px){.dg26vip-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}}
@media(min-width:1280px){.dg26vip-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:26px}}
.dg26vip-card,.dg26vip-card *{box-sizing:border-box}
.dg26vip-card{position:relative;display:block;overflow:hidden;border-radius:18px;text-decoration:none;background:linear-gradient(#111,#111) padding-box,linear-gradient(135deg,rgba(255,242,194,.78) 0%,rgba(212,175,55,.98) 22%,rgba(118,86,21,.72) 58%,rgba(238,207,119,.90) 100%) border-box;border:1px solid transparent;box-shadow:0 0 0 1px rgba(212,175,55,.08),0 12px 34px rgba(0,0,0,.28),0 0 28px rgba(212,175,55,.035);transform:translateZ(0);transition:transform .18s cubic-bezier(.4,0,.2,1),box-shadow .18s cubic-bezier(.4,0,.2,1),filter .18s cubic-bezier(.4,0,.2,1)}
.dg26vip-card::after{content:"";position:absolute;inset:0;z-index:4;pointer-events:none;border-radius:17px;background:linear-gradient(115deg,rgba(255,255,255,.12) 0%,rgba(255,255,255,0) 22%,rgba(212,175,55,.05) 58%,rgba(255,255,255,.08) 100%);mix-blend-mode:screen;opacity:.36;transition:opacity .18s ease}
@media(hover:hover){.dg26vip-card:hover{transform:translateY(-4px);box-shadow:0 0 0 1px rgba(212,175,55,.16),0 18px 44px rgba(0,0,0,.40),0 0 36px rgba(212,175,55,.09)}.dg26vip-card:hover::after{opacity:.58}.dg26vip-card:hover .dg26vip-card-img img{filter:saturate(1.04) contrast(1.035) brightness(1.015)}}
.dg26vip-card-img{position:relative;aspect-ratio:57/100;background:#1b1b1b;overflow:hidden}
@media(min-width:768px){.dg26vip-card-img{aspect-ratio:3/4}}
.dg26vip-card-img::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(to bottom,rgba(255,230,154,.035),transparent 30%),linear-gradient(to top,rgba(11,8,3,.24),transparent 44%)}
.dg26vip-card-img img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(1.015) contrast(1.02) brightness(.995);transform:scale(1.001);transition:filter .18s cubic-bezier(.4,0,.2,1)}
.dg26vip-badge{position:absolute;top:12px;left:12px;z-index:3;display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:6px 10px 6px 9px;border-radius:999px;border:1px solid rgba(255,235,171,.72);background:linear-gradient(180deg,rgba(238,205,116,.98),rgba(177,128,35,.98));color:#191104;box-shadow:0 6px 16px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.48);font-size:11px;font-weight:800;letter-spacing:.13em;line-height:1;text-transform:uppercase}
.dg26vip-badge::before{content:"◆";font-size:8px;color:#3a2606;transform:translateY(-.2px)}
.dg26vip-card-name-overlay{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:46px 14px 13px;background:linear-gradient(to top,rgba(5,5,5,.92) 0%,rgba(5,5,5,.62) 44%,rgba(5,5,5,0) 100%);pointer-events:none}
.dg26vip-card-name-overlay .name{font-family:"Playfair Display",serif;font-size:19px;font-weight:700;color:#f6edda;margin:0;line-height:1.15;letter-spacing:.15px;text-shadow:0 2px 8px rgba(0,0,0,.54)}
@media(min-width:1280px){.dg26vip-card-name-overlay .name{font-size:21px}}
.dg26vip-stats{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;row-gap:2px;gap:0;padding:8px 8px 7px;background:linear-gradient(180deg,rgba(220,186,92,.94) 0%,rgba(177,126,31,.84) 22%,rgba(93,61,13,.62) 56%,rgba(22,17,9,.96) 100%);border-top:1px solid rgba(245,218,145,.74);box-shadow:inset 0 1px 0 rgba(255,255,255,.18),inset 0 -1px 0 rgba(0,0,0,.42)}
.dg26vip-stats::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(100deg,transparent 0%,rgba(255,255,255,.08) 42%,transparent 66%);opacity:.52}
@media(min-width:768px){.dg26vip-stats{padding:10px 14px 9px}}
.dg26vip-stat{display:flex;align-items:baseline;gap:2px;font-variant-numeric:tabular-nums;white-space:nowrap;position:relative;z-index:1}
.dg26vip-stat .v{font-size:12px;font-weight:800;color:#fff8e8;letter-spacing:.1px;text-shadow:0 1px 4px rgba(0,0,0,.64)}
@media(min-width:768px){.dg26vip-stat .v{font-size:13.5px}}
.dg26vip-stat .u{font-size:9.5px;font-weight:700;color:#ecd28d;text-transform:uppercase;letter-spacing:.34px;text-shadow:0 1px 3px rgba(0,0,0,.58)}
@media(min-width:768px){.dg26vip-stat .u{font-size:10.5px;letter-spacing:.42px}}
.dg26vip-stat-sep{width:3px;height:3px;border-radius:50%;background:#f1d48a;margin:0 7px;flex-shrink:0;opacity:.88;box-shadow:0 0 6px rgba(241,212,138,.30);position:relative;z-index:1}
@media(min-width:768px){.dg26vip-stat-sep{margin:0 9px}}
.dg26vip-hidden-mobile{display:none}
@media(min-width:768px){.dg26vip-hidden-mobile:not(.dg26vip-hidden-desktop){display:block}.dg26vip-hidden-desktop{display:none}}
.dg26vip-loadmore{display:block;text-align:center;width:100%;max-width:340px;margin:2px auto 38px;border:1px solid rgba(212,175,55,.58);color:#f3ecd9;background:linear-gradient(180deg,rgba(212,175,55,.075),rgba(212,175,55,.025));padding:15px 18px;border-radius:11px;text-decoration:none;font-size:16px;font-weight:700;letter-spacing:.02em;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.04);transition:border-color .18s ease,background .18s ease,transform .18s ease}
@media(hover:hover){.dg26vip-loadmore:hover{border-color:#d4af37;background:rgba(212,175,55,.11);transform:translateY(-1px)}}
.dg26vip-empty{padding:60px 16px;text-align:center;color:#999;font-size:16px}
@media(prefers-reduced-motion:reduce){.dg26vip-card,.dg26vip-card-img img,.dg26vip-loadmore{transition:none}}