/*
 WebEngine CMS / Mu Online — Premium Visual Refinement
 Keeps the original Ironveil identity while improving polish, spacing,
 responsiveness, buttons, cards, tables, forms, alerts and widgets.
 PHP-independent, safe for shared hosting.
*/
:root{
  --iv-premium-bg:#050912;
  --iv-premium-panel:rgba(9,18,34,.88);
  --iv-premium-panel-2:rgba(14,28,52,.74);
  --iv-premium-line:rgba(143,168,200,.20);
  --iv-premium-line-strong:rgba(200,168,75,.42);
  --iv-premium-text:#d8e7fb;
  --iv-premium-muted:#7890ad;
  --iv-premium-gold:#c8a84b;
  --iv-premium-blue:#60a5fa;
  --iv-premium-red:#dc2626;
  --iv-premium-green:#22c55e;
  --iv-premium-radius:12px;
  --iv-premium-shadow:0 18px 55px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.035);
  --iv-premium-soft-shadow:0 10px 30px rgba(0,0,0,.32);
}

html{scroll-behavior:smooth;}
body{letter-spacing:.01em;}
body::before{backdrop-filter:saturate(112%);}

/* Main shell */
#container{max-width:1240px!important;width:calc(100% - 32px)!important;margin:0 auto!important;position:relative;z-index:2;}
#content{border-radius:18px;padding:22px!important;background:linear-gradient(180deg,rgba(5,9,18,.20),rgba(5,9,18,.06))!important;}
#content::before{content:'';display:block;height:1px;background:linear-gradient(90deg,transparent,rgba(200,168,75,.42),rgba(96,165,250,.35),transparent);margin:0 0 18px;opacity:.7;}

/* Header + navbar */
#header{filter:drop-shadow(0 12px 34px rgba(0,0,0,.45));}
.webengine-mu-logo{transition:transform .28s ease, filter .28s ease!important;}
.webengine-mu-logo:hover{transform:translateY(-2px) scale(1.012);}
#navbar{box-shadow:0 12px 40px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.03);}
#navbar ul li a,.iv-nav-auth,.iv-nav-register{border-radius:8px!important;}
#navbar ul li a:hover,.iv-nav-auth:hover,.iv-nav-register:hover{transform:translateY(-1px);}
#navbar ul li a.active,#navbar ul li.active>a{color:#fff!important;background:rgba(96,165,250,.07)!important;box-shadow:inset 0 -1px 0 rgba(200,168,75,.55);}

/* Universal premium panels */
.panel,.panel-default,.panel-sidebar,.module-content,.webengine-module,.rankings-class-filter-selection,
.iv-chat-wrap,.iv-card,.iv-home-card,.iv-section-card,.vip-panel,.donation-panel,
.usercp-module,.usercp-content,.news-container,.downloads-container,
#content .well,#content .table-responsive{
  background:linear-gradient(160deg,var(--iv-premium-panel),rgba(5,10,20,.94))!important;
  border:1px solid var(--iv-premium-line)!important;
  border-radius:var(--iv-premium-radius)!important;
  box-shadow:var(--iv-premium-shadow)!important;
  color:var(--iv-premium-text)!important;
  overflow:hidden;
  position:relative;
}
.panel::before,.panel-default::before,.module-content::before,.webengine-module::before,.iv-card::before,.iv-section-card::before,
.usercp-module::before,.news-container::before,.downloads-container::before{
  content:'';position:absolute;top:0;left:0;right:0;height:1px;
  background:linear-gradient(90deg,transparent,var(--iv-premium-blue),var(--iv-premium-gold),transparent);opacity:.75;pointer-events:none;
}
.panel-heading,.panel-title,.module-title,.webengine-module-title,.iv-card-title{
  background:linear-gradient(90deg,rgba(96,165,250,.09),rgba(200,168,75,.06),transparent)!important;
  border-bottom:1px solid rgba(143,168,200,.14)!important;
  color:#eef6ff!important;
  font-family:var(--f-display,'Cinzel',serif)!important;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.panel-body{color:var(--iv-premium-text)!important;}

/* Cards, lists and news */
.news-item,.article-item,.download-item,.ranking-card,.server-info-block,.quick-link,.guide-card,.streamer-card,
.iv-news-row,.iv-event-row,.iv-streamer-row,.list-group-item{
  border-radius:10px!important;
  border:1px solid rgba(143,168,200,.16)!important;
  background:linear-gradient(135deg,rgba(17,32,64,.50),rgba(7,13,26,.82))!important;
  box-shadow:var(--iv-premium-soft-shadow)!important;
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background .22s ease!important;
}
.news-item:hover,.article-item:hover,.download-item:hover,.ranking-card:hover,.quick-link:hover,.guide-card:hover,.streamer-card:hover,
.iv-news-row:hover,.iv-event-row:hover,.iv-streamer-row:hover,.list-group-item:hover{
  transform:translateY(-2px);
  border-color:rgba(200,168,75,.38)!important;
  box-shadow:0 16px 44px rgba(0,0,0,.42),0 0 24px rgba(96,165,250,.11)!important;
}

/* Buttons */
.btn,input[type=submit],button,.webengine-button,.btn-primary,.btn-success,.btn-danger,.btn-warning,.btn-info,
.iv-button,.iv-nav-buycredits{
  border-radius:9px!important;
  font-family:var(--f-display,'Cinzel',serif)!important;
  font-weight:700!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  transition:transform .18s ease,box-shadow .18s ease,filter .18s ease,border-color .18s ease!important;
  box-shadow:0 8px 24px rgba(0,0,0,.25)!important;
}
.btn-primary,.btn-info,.webengine-button,.iv-button,input[type=submit]{
  background:linear-gradient(180deg,rgba(37,99,235,.88),rgba(23,53,110,.92))!important;
  border:1px solid rgba(96,165,250,.42)!important;color:#fff!important;
}
.btn-success{background:linear-gradient(180deg,rgba(34,197,94,.82),rgba(20,83,45,.92))!important;border-color:rgba(74,222,128,.42)!important;color:#fff!important;}
.btn-danger{background:linear-gradient(180deg,rgba(220,38,38,.82),rgba(91,18,18,.94))!important;border-color:rgba(248,113,113,.38)!important;color:#fff!important;}
.btn-warning{background:linear-gradient(180deg,rgba(200,168,75,.9),rgba(105,75,18,.95))!important;border-color:rgba(250,204,21,.42)!important;color:#111827!important;}
.btn:hover,input[type=submit]:hover,button:hover,.webengine-button:hover,.iv-button:hover{transform:translateY(-1px);filter:brightness(1.08);box-shadow:0 13px 32px rgba(0,0,0,.34),0 0 20px rgba(96,165,250,.14)!important;}
.btn:active,input[type=submit]:active,button:active{transform:translateY(0);}

/* Forms */
input[type=text],input[type=password],input[type=email],input[type=number],input[type=file],input[type=date],input[type=time],
textarea,select,.form-control{
  background:linear-gradient(180deg,rgba(7,13,26,.92),rgba(12,24,45,.88))!important;
  border:1px solid rgba(143,168,200,.22)!important;
  border-radius:9px!important;
  color:#eef6ff!important;
  min-height:36px;
}
textarea.form-control,textarea{min-height:110px;resize:vertical;}
select option{background:#0b1628;color:#e5eefb;}
label{color:#b8c9df!important;font-weight:600;letter-spacing:.03em;}
.form-control:focus,input:focus,textarea:focus,select:focus{border-color:rgba(200,168,75,.58)!important;box-shadow:0 0 0 3px rgba(200,168,75,.12),0 0 22px rgba(96,165,250,.12)!important;}
.help-block,.text-muted,small{color:var(--iv-premium-muted)!important;}

/* Tables */
.table{color:#dceaff!important;background:transparent!important;border-collapse:separate!important;border-spacing:0 6px!important;}
.table>thead>tr>th{background:linear-gradient(180deg,rgba(20,37,68,.95),rgba(10,19,36,.95))!important;color:#f2f7ff!important;border:0!important;text-transform:uppercase;font-size:11px;letter-spacing:.10em;font-family:var(--f-display,'Cinzel',serif);}
.table>tbody>tr{background:rgba(10,20,38,.62)!important;box-shadow:0 6px 18px rgba(0,0,0,.18);}
.table>tbody>tr>td{border-top:1px solid rgba(143,168,200,.10)!important;border-bottom:1px solid rgba(143,168,200,.06)!important;vertical-align:middle!important;}
.table>tbody>tr:hover>td{background:rgba(96,165,250,.075)!important;color:#fff!important;}
.table>tbody>tr>td:first-child,.table>thead>tr>th:first-child{border-top-left-radius:9px;border-bottom-left-radius:9px;}
.table>tbody>tr>td:last-child,.table>thead>tr>th:last-child{border-top-right-radius:9px;border-bottom-right-radius:9px;}

/* Badges and statuses */
.label,.badge,.iv-badge,.status-badge{border-radius:999px!important;padding:.38em .72em!important;font-weight:800!important;letter-spacing:.07em!important;text-transform:uppercase!important;border:1px solid rgba(255,255,255,.10)!important;}
.label-success,.badge-success,.status-online{background:rgba(34,197,94,.16)!important;color:#86efac!important;border-color:rgba(34,197,94,.38)!important;}
.label-danger,.badge-danger,.status-offline{background:rgba(220,38,38,.16)!important;color:#fca5a5!important;border-color:rgba(220,38,38,.38)!important;}
.label-warning,.badge-warning,.status-pending{background:rgba(200,168,75,.17)!important;color:#fde68a!important;border-color:rgba(200,168,75,.40)!important;}
.label-info,.badge-info{background:rgba(96,165,250,.16)!important;color:#bfdbfe!important;border-color:rgba(96,165,250,.40)!important;}

/* Alerts / empty states */
.alert{border-radius:12px!important;border:1px solid rgba(143,168,200,.18)!important;background:rgba(9,18,34,.86)!important;box-shadow:var(--iv-premium-soft-shadow)!important;color:#dbeafe!important;}
.alert-success{border-color:rgba(34,197,94,.35)!important;background:rgba(20,83,45,.20)!important;}
.alert-danger{border-color:rgba(220,38,38,.35)!important;background:rgba(91,18,18,.25)!important;}
.alert-warning{border-color:rgba(200,168,75,.35)!important;background:rgba(105,75,18,.22)!important;}
.alert-info{border-color:rgba(96,165,250,.35)!important;background:rgba(30,64,175,.22)!important;}

/* Modals and dropdowns */
.modal-content,.dropdown-menu{background:linear-gradient(160deg,#081020,#0e1b32)!important;border:1px solid rgba(143,168,200,.18)!important;border-radius:14px!important;box-shadow:0 24px 70px rgba(0,0,0,.58)!important;color:#e6f1ff!important;}
.modal-header,.modal-footer{border-color:rgba(143,168,200,.13)!important;}
.dropdown-menu>li>a{color:#c9d8ea!important;}
.dropdown-menu>li>a:hover{background:rgba(96,165,250,.12)!important;color:#fff!important;}

/* Home hero/slider compatibility */
.iv-slider,.iv-hero,.home-slider,.carousel,.carousel-inner{border-radius:18px!important;overflow:hidden;box-shadow:0 24px 70px rgba(0,0,0,.45),0 0 0 1px rgba(200,168,75,.14)!important;}
.carousel-caption,.iv-slider-caption{background:linear-gradient(90deg,rgba(5,9,18,.78),rgba(5,9,18,.28),transparent);border-left:2px solid rgba(200,168,75,.58);border-radius:10px;padding:18px 22px!important;}

/* Streamer floating widget */
.streamers-floating-widget,.iv-streamers-widget{border-radius:18px!important;background:linear-gradient(160deg,rgba(12,20,36,.96),rgba(5,9,18,.96))!important;border:1px solid rgba(200,168,75,.22)!important;box-shadow:0 20px 55px rgba(0,0,0,.48),0 0 26px rgba(220,38,38,.12)!important;}

/* Events countdown */
.iv-event-countdown,.event-countdown,[data-countdown]{font-variant-numeric:tabular-nums;color:#fff!important;text-shadow:0 0 18px rgba(96,165,250,.22);}

/* Footer */
.iv-ft{box-shadow:0 -18px 65px rgba(0,0,0,.35);}

/* Responsive improvements — original template has fixed 1200px; soften it for mobile without changing desktop */
@media (max-width: 1240px){
  html{min-width:0!important;}
  .iv-navbar-inner,.global-top-bar .global-top-bar-content{width:100%!important;max-width:1200px;padding-left:12px;padding-right:12px;}
  #container{width:calc(100% - 18px)!important;}
  #navbar ul li a{padding-left:10px!important;padding-right:10px!important;font-size:10px!important;}
}
@media (max-width: 768px){
  body{background-attachment:scroll!important;font-size:14px!important;}
  #header{padding:28px 0 14px!important;text-align:center!important;}
  .webengine-mu-logo,#header img{max-width:220px!important;}
  .iv-navbar-inner{display:block!important;}
  .iv-navbar-inner>ul{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;gap:4px;padding:8px 4px!important;}
  .iv-navbar-right{justify-content:center;padding:8px 0 12px!important;}
  #content{padding:12px!important;}
  .col-xs-4,.col-xs-8,.col-xs-12{float:none!important;width:100%!important;}
  .table-responsive{border:0!important;}
  .iv-ft-body{grid-template-columns:1fr!important;gap:28px!important;padding:38px 20px!important;}
  .iv-ft-col2,.iv-ft-col3{border-left:0!important;padding-left:0!important;}
}

@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important;}
}