/* AYZALA MYKO V2 - Public website only. Admin untouched. */
:root{--gold:#d8af65;--goldhi:#ffdfa0;--bordergold:rgba(216,175,101,.35);--panel:#16100f;--panel2:#0d0a09}
body{font-family:Arial,'Segoe UI',sans-serif!important;color:#f0e6d8!important;background:#0b0707 url('/zpv26_assets/images/zsbg3.jpg') center top / cover fixed no-repeat!important}
body:before{background:rgba(0,0,0,.38);z-index:-1}
.zirve-dashboard{display:block!important;width:100%;max-width:1600px;margin:auto;padding-left:clamp(14px,2vw,30px)!important;padding-right:clamp(14px,2vw,30px)!important}
.myko-main-layout{display:flex!important;align-items:flex-start;--bs-gutter-x:28px}
.myko-sidebar{width:26%;flex:0 0 26%;max-width:26%}
.myko-content{width:74%;flex:0 0 74%;max-width:74%;min-width:0}
.myko-sidebar>.col-lg-12{width:100%}
.myko-sidebar .card{position:sticky;top:88px;padding:22px!important;min-height:unset!important}
.myko-sidebar .card .section-title{padding:15px 10px!important}
.myko-sidebar .card .section-title h2{font-size:19px!important}
.myko-sidebar .card .list-unstyled a{font-size:14px;line-height:1.4;gap:10px;white-space:normal;overflow-wrap:break-word;padding:8px 0}
.myko-sidebar .list-unstyled .bi{min-width:22px;flex:none}
.myko-sidebar .space-between{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}
.myko-sidebar .space-between .flex{gap:6px;flex-wrap:wrap}
.myko-sidebar .pill{padding:7px 10px}
.myko-sidebar .bg-gradient-dark h4{overflow-wrap:anywhere}
.myko-content>.col-sm-12{width:100%}
.header-ko{position:sticky;top:0;z-index:80;background:rgba(8,5,5,.98);border-bottom:1px solid var(--bordergold)}
.myko-nav{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;padding:9px 15px;background:linear-gradient(180deg,rgba(32,15,10,.93),rgba(9,6,6,.97))!important}
.myko-nav>a{font-size:12px!important;letter-spacing:.25px;font-weight:700!important;background:rgba(255,245,212,.025);border:1px solid rgba(216,175,101,.20);border-radius:8px;padding:10px 12px!important;transition:all .2s}
.myko-nav>a:hover{background:rgba(216,175,101,.1);border-color:var(--gold);color:var(--goldhi)!important}
.myko-nav>.myko-nav-brand{border:0;background:none;padding:0 15px 0 0!important;display:flex;align-items:center}
.myko-nav-brand img{width:158px;max-height:52px;object-fit:contain}
.card{background:linear-gradient(160deg,rgba(26,18,14,.97),rgba(11,8,7,.98))!important;border:1px solid var(--bordergold)!important;border-radius:16px!important;box-shadow:0 16px 30px rgba(0,0,0,.25)!important;padding:18px!important}
.section-title{padding:12px 15px!important;background:linear-gradient(90deg,rgba(84,45,21,.28),rgba(0,0,0,.20));border-bottom:1px solid var(--bordergold)!important;border-radius:10px!important;margin-bottom:12px!important}
.section-title h2{color:#e7ba6b!important;text-shadow:0 2px 10px #000;font-size:17px!important;letter-spacing:.35px}
.zpv26_witchking{background:linear-gradient(165deg,rgba(34,18,16,.96),rgba(9,7,7,.98))!important}
.zpv26_witchking .section-title::after{background:transparent!important}
.input,.form-control{background:#191918!important;border:1px solid #715534!important;color:#fff6e9!important;border-radius:9px!important;min-height:42px!important}
.input:focus,.form-control:focus{border-color:var(--gold)!important;box-shadow:0 0 0 3px rgba(216,175,101,.15)!important}
.btn-dark{background:linear-gradient(#a03b29,#671b16)!important;border:1px solid #bf784d!important;color:#fff7e6!important;font-weight:700!important;border-radius:9px}
.badge{font-size:12px!important}
.heroSwiper{border-radius:17px;overflow:hidden;border:1px solid rgba(216,175,101,.4);box-shadow:0 15px 40px rgba(0,0,0,.45);margin-top:0!important}
.heroSwiper .swiper-slide{height:390px!important;position:relative}
.heroSwiper .swiper-slide>img{height:100%!important;object-fit:cover!important;display:block}
.heroSwiper .swiper-slide:after{content:'';pointer-events:none;position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.78),transparent 58%)}
.slide-content{bottom:23px;left:24px;z-index:2;background:rgba(11,8,7,.78);backdrop-filter:blur(6px);border:1px solid rgba(216,175,101,.28);border-radius:12px;padding:16px 18px;max-width:80%}
.slide-content h3{font-weight:800!important;font-size:27px!important;color:#fff0d1!important}
.slide-content .read-more{display:inline-block;background:linear-gradient(#9a392a,#671c16);border:1px solid #a96a3c;border-radius:7px;padding:9px 15px;color:white;font-weight:bold}
.swiper-pagination-bullet-active{background:var(--gold)!important}
.zirve-dashboard aside.card.mt-4{margin-top:22px!important}
.zirve-dashboard .row>.col-12.col-md-4 .card{height:100%;min-height:230px}
.zirve-dashboard .row>.col-12.col-md-4 .card .section-title{min-height:52px}
.zirve-dashboard .row>.col-12.col-md-4 .section-title h2{font-size:16px!important}
.zirve-dashboard .row>.col-12.col-md-4 .zslist{font-size:15px!important}
.zirve-dashboard .row>.col-12.col-md-4 .list-item{font-size:14px!important;padding:11px}
.zirve-dashboard .row>.col-12.col-md-4 table{font-size:12px}
#gm-table td,#gm-table th,#kings-table td,#kings-table th,#top-players td,#top-players th,#top-clans td,#top-clans th,#event-table td,#event-table th{font-size:12px!important;padding:9px 6px!important;white-space:normal;overflow-wrap:anywhere}
.grid{min-width:0}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.list-item{background:rgba(255,255,255,.025);border-color:rgba(216,175,101,.18)}
.ranking-table{font-size:12px!important}.ranking-table th,.ranking-table td{padding:10px!important}
.card img{max-width:100%}
@media(max-width:1200px){.myko-sidebar{flex-basis:30%;max-width:30%;width:30%}.myko-content{flex-basis:70%;max-width:70%;width:70%}.myko-nav-brand img{width:125px}.myko-nav>a{padding:8px!important}.heroSwiper .swiper-slide{height:330px!important}}
@media(max-width:991px){.myko-sidebar,.myko-content{flex-basis:100%;max-width:100%;width:100%}.myko-main-layout{gap:8px}.myko-sidebar .card{position:relative;top:auto}.myko-sidebar .card{margin-top:8px!important}.myko-content .heroSwiper{margin-top:14px!important}.heroSwiper .swiper-slide{height:340px!important}}
@media(max-width:640px){.zirve-dashboard{padding:10px!important}.myko-sidebar .card,.card{padding:13px!important}.section-title h2{font-size:15px!important}.heroSwiper .swiper-slide{height:235px!important}.slide-content{left:10px;bottom:12px;max-width:calc(100% - 20px);padding:10px}.slide-content h3{font-size:18px!important}.zirve-dashboard .row>.col-12.col-md-4 .card{min-height:auto}.grid-cols-2{grid-template-columns:1fr}.header-card{position:relative;z-index:55}}