/* Custom overrides and additions (dark theme polish) */

/* Back-to-top button */
.back-to-top{position:fixed;right:1rem;bottom:1rem;z-index:50;border-radius:.5rem;border:1px solid #2a2c31;background:#161719cc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:.5rem;box-shadow:0 4px 12px rgba(0,0,0,.2);transition:transform .2s ease,opacity .2s ease}
.back-to-top:hover{transform:translateY(-2px)}
.back-to-top.hidden{opacity:0;pointer-events:none}

:root{
  --surface:#1b1c20e3;
  --surface-2:#202126e5;
  --border:rgba(235,235,252,0.10);
  --muted:rgba(235,235,252,0.70);
  --muted-2:rgba(235,235,252,0.55);
  --text:#EBEBFC;
}

/* Generic cards and panels */
.card{background-color:var(--surface);border-color:var(--border);color:var(--text)}
.card-sm{background-color:var(--surface-2);border:1px solid var(--border);color:var(--text);display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .625rem;border-radius:.5rem}
.card-sm:hover{border-color:#00D9FF;color:#EBEBFC}
.card-title h2,.card-title h3{color:var(--text)}
.text-secondary{color:var(--muted) !important}

/* Lists */
.topiclist.forums > li{background:transparent}

/* Overlays and modals (force dark) */
.zn-overlay .bg-white{background-color:#202127 !important;color:var(--text)}

.srv-meta-line{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}
.srv-badge,.srv-pill{background-color:transparent;border:0;color:var(--muted);border-radius:0;padding:0;font-size:.85rem;line-height:1.2}
.srv-meta-line .srv-pill::before{content:"•";margin:0 .35rem;color:rgba(235,235,252,0.45)}
.srv-meta-line .srv-pill:first-child::before{content:"";margin:0}
.srv-actions .btn-primary[aria-disabled="true"]{opacity:.6;pointer-events:none}

/* Sidebar polish */
aside .card .card-sm{width:100%}

/* Inputs (search, forms) */
input[type="text"], input[type="email"], input[type="password"], input[type="search"], .inputbox, .inputbox.search, textarea, select{
  background-color:#1b1c20 !important;
  border:1px solid #2a2c31 !important;
  color:#EBEBFC !important;
}
input::placeholder, .inputbox::placeholder, textarea::placeholder{color:rgba(235,235,252,0.55)}
input:focus, .inputbox:focus, textarea:focus, select:focus{outline:none;box-shadow:0 0 0 2px rgba(3, 180, 136, 0.959);border-color:#00D9FF}

/* Hero typography */
.hero-content{
  animation:hero-fade-in 0.8s ease-out;
}

@keyframes hero-fade-in{
  from{opacity:0;transform:translateY(20px)}
  to{opacity:1;transform:translateY(0)}
}

.hero-title{
  font-size:clamp(28px,5vw,44px);
  line-height:1.2;
  margin:0 0 16px 0;
  color:#EBEBFC;
  font-variant-ligatures:none;
  letter-spacing:-0.01em;
}

.hero-subtitle{
  font-size:clamp(15px,2.2vw,18px);
  color:rgba(235,235,252,0.70);
  margin:0 0 32px 0;
  font-weight:400;
  line-height:1.6;
  max-width:600px;
  margin-left:auto;
  margin-right:auto;
}

/* Hero CTA buttons */
.hero-cta{
  display:flex;
  gap:12px;
  justify-content:center;
  align-items:center;
  margin-bottom:48px;
  flex-wrap:wrap;
}

.hero-btn{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:13px 24px;
  font-size:15px;
  font-weight:600;
  border-radius:8px;
  text-decoration:none;
  transition:all 0.25s ease;
  border:1px solid transparent;
}

  .hero-btn-primary{
    background: #00CC99;
  color:#0a0b0d;
}

.hero-btn-primary:hover{
  color: inherit !important;
}



.hero-btn-secondary{
  background:rgba(235,235,252,0.06);
  border-color:rgba(235,235,252,0.15);
  color:#EBEBFC;
}

.hero-btn-secondary:hover{
  background:rgba(235,235,252,0.10);
  border-color:rgba(235,235,252,0.25);
  transform:translateY(-2px);
}
.card-title {
  font-size: 1.075rem;
}
/* Hero stats slider */
.hero-stats{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:32px;
  padding:24px 32px;
  background:rgba(235,235,252,0.04);
  border:1px solid rgba(235,235,252,0.08);
  border-radius:12px;
  backdrop-filter:blur(8px);
  max-width:fit-content;
  margin:0 auto;
}

@media (max-width:640px){
  .hero-stats{
    flex-direction:column;
    gap:20px;
    padding:20px 24px;
  }
  .stat-divider{display:none !important}
}

.stat-item{
  text-align:center;
}

.stat-value{
  font-size:28px;
  font-weight:700;
  color:#00D9FF;
  font-family:'Benzin-Bold', system-ui, sans-serif;
  line-height:1;
}

.stat-label{
  font-size:13px;
  color:rgba(235,235,252,0.60);
  margin-top:6px;
  text-transform:uppercase;
  letter-spacing:0.5px;
  font-weight:500;
}

.stat-divider{
  width:1px;
  height:40px;
  background:rgba(235,235,252,0.10);
}

/* Benzin font utility - clean typography */
.benzin, .text-xl{
  font-family:'Benzin-Bold', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, 'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol';
  font-weight:700;
  color:#EBEBFC;
  font-size: 32px;
  font-variant-ligatures:none;
}

/* Serverlist layout on desktop */
@media (min-width: 768px){
  .srv-grid-cols{display:grid !important;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:1rem}
  .srv-left{display:flex;align-items:center;min-width:0}
  .srv-center{justify-self:start}
  .srv-right{justify-self:end}
}
.srv-right{white-space:nowrap}
/* Serverlist revamp: spacious + minimal */
.server-card{border:1px solid var(--border);border-radius:.75rem;padding:.875rem .875rem;background-color:var(--surface)}
@media (min-width:768px){.server-card{padding:1rem 1.25rem}}
.server-grid{display:grid;gap:.75rem;grid-template-columns:repeat(1,minmax(0,1fr))}
@media (min-width:768px){.server-grid{grid-template-columns:repeat(1,minmax(0,1fr));gap:1rem}}
.server-card{transition:border-color .2s ease, box-shadow .2s ease}

.srv-name{font-weight:600;font-size:1rem;color:var(--text)}
@media (min-width:768px){.srv-name{font-size:1.05rem}}
.srv-ip-line{display:flex;gap:.5rem;flex-wrap:wrap}
.srv-actions .btn-primary{padding:.5rem .875rem;border-radius:.5rem}
.srv-left .iconify{opacity:.95}
.server-card .btn-primary{position:relative;z-index:1}
.divide-white\/10{border-color:transparent}
/* Meta polish */
.srv-center .iconify{margin-right:.25rem}
.srv-meta-line{column-gap:.6rem;row-gap:.35rem}

/* Resources grid styling (more airy) */
.resources-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
@media (min-width:768px){.resources-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.125rem}}
@media (min-width:1024px){.resources-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.25rem}}
.resources-grid > li{list-style:none;margin:0}
.resources-grid > li > .row-item{display:block}
.resources-grid .forum-details{background-color:var(--surface-2);border:1px solid var(--border);border-radius:.9rem;padding:1rem}
.resources-grid .topics,.resources-grid .posts,.resources-grid .lastpost{display:none !important}
.resources-grid .subforums{display:none !important}

/* Resurse hub icon grid (more airy) */
.res-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
@media (min-width:768px){.res-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.125rem}}
@media (min-width:1024px){.res-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.25rem}}
.res-grid li{list-style:none;margin:0}
.res-row{display:flex;align-items:center;justify-content:space-between;gap:.625rem}
.res-card{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:.5rem;
  background-color:transparent;
  border:1px solid var(--border);
  border-radius:.75rem;
  padding:1.25rem 1rem;
  transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position:relative;
  overflow:hidden;
}

.res-card:hover{
  border-color: rgba(var(--color-primary), 1);
  background-color: rgba(var(--color-primary), .08);
  box-shadow: 0 4px 16px rgb(0 204 153 / 17%);
}

.res-icon{
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:2rem;
  transition:transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.res-card:hover .res-icon {
    transform: translate(0, -50px);
}

.res-label{
  font-size:.9rem;
  font-weight:600;
  color:var(--text);
  text-align:center;
  transition:color 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    font-family: 'Benzin-Bold';
  text-transform: uppercase;
    transform: translate(0px, 50px);
}

.res-card:hover .res-label{
  color:rgba(var(--color-primary), 1);
}
.res-icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  transition:transform 0.3s ease;
}
.res-icon svg,.res-icon .iconify{width:24px;height:24px}
.res-label{
  font-size:.95rem;
  font-weight:600;
  color:var(--text);
  opacity:0;
  position:absolute;
  transition: all 0.3s ease;
  white-space:nowrap;
}
.res-card:hover .res-label {
    opacity: 1;
    position: absolute;
    transform: translate(0px, 0px);
    font-family: 'Benzin-Bold';
    text-transform: uppercase;
}

/* Game tile backgrounds */
.res-card{border:1px solid var(--border)}
.res-card.game-generic{background-color:var(--surface-2)}

/* Subforums grid: 2 cols on mobile, 3 on desktop */
.subforums-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem 1rem}
@media (min-width:1024px){.subforums-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Replace subforum bullet with arrow icon */
.subforums-grid li{
  list-style:none !important;
  position:relative;
  padding-left:20px;
}

.subforums-grid li::before{
  content:"";
  position:absolute;
  left:0;
  top:50%;
  transform:translateY(-50%);
  width:12px;
  height:12px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23EBEBFC' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 18l6-6-6-6'/%3E%3C/svg%3E");
  background-size:contain;
  background-repeat:no-repeat;
  opacity:0.7;
  transition:all 0.2s ease;
  margin-right:0.5rem;
}

.subforums-grid li:hover::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2300CC99' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'/%3E%3Cpolyline points='12 5 19 12 12 19'/%3E%3C/svg%3E");
  opacity:1;
}

/* UCP grid */
.ucp-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:.5rem}
@media (min-width:768px){.ucp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.ucp-avatar img{width:100%;height:100%;object-fit:cover;display:block}

/* Ensure dropdown menus aren't clipped by containers */
.header-hero, .layout-container, header, nav, .zn-dropdown, .zn-collapse { overflow: visible !important; }
.zn-dropdown-menu.dropdown{ z-index: 60; }

/* Mobile-friendly sub-dropdown positioning for in-grid menus */
@media (max-width: 767.98px){
  .zn-dropdown.sub-dropdown>.dropdown{position:absolute !important; right:0; left:auto; max-width:80vw; overflow:visible;}
}

/* Resurse hub: hide right stats block so title area uses full width */
.resurse-hub .row-item > div:last-child{display:none !important}

/* Top nav: hide labels until hover, move icons up slightly on hover */
.nav-item .nav-label{opacity:0;transform:translateY(4px);transition:opacity .2s ease,transform .2s ease}
.nav-item:hover .nav-label{opacity:1;transform:translateY(0);color:#fff;}
.nav-item .iconify,.nav-item svg{transition:transform .2s ease,color .2s ease}
.nav-item:hover .iconify,.nav-item:hover svg{transform:translateY(-2px)}
.card, .dropdown {
    -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);

}
.benzins, .footer-heading {
    font-family: 'Benzin-Bold', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
    font-size: 10px;
    text-transform: uppercase;
}
.card-title {
    text-transform: uppercase
}
.footer-areabg {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: min(100%, 1920px);
    height: calc(min(100vw, 1920px) * 0.5333333);
    margin: 0 auto;
    z-index: 0;
    background-image: url(https://api.nexs.ro/uploads/footer_bg_a4ce58f7d7.png);
    background-position: center 220px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    opacity: 40%;
    pointer-events: none;
}

/* Ensure footer acts as positioning context for background */
#page-footer{position:relative}
path.pCrown {
    transform: translate(0px, 10px);
    opacity: 0;
}
path.pCrown {
    transform: translate(0px, 10px);
    opacity: 0;
    transition-property: all;
    transition-timing-function: 
cubic-bezier(.4, 0, .2, 1);
    transition-duration: .3s;
}

.paLogo:hover path.pCrown {
    opacity: 1;
    transform: translate(0px, 0px);
}

a.paLogo {
    transition-property: all;
    transition-timing-function: 
cubic-bezier(.4, 0, .2, 1);
    transition-duration: .3s;
    transform: translate(0px, -5px);
}
.btn-primary {
    border-color: var(--border);
    background: transparent;    transition-property: all;
    transition-timing-function: 
cubic-bezier(.4, 0, .2, 1);
    transition-duration: .3s;
  	color: #a0a3a9;
}
.btn-primary:hover {
    color: rgba(var(--color-text), 1) !important;
    background-color: rgba(var(--color-primary), .08) !important;
    box-shadow: inset 0 -15px 16px rgb(0 204 153 / 66%) !important;
    border-color: rgba(var(--color-primary), 1);
    color: #fff !important;
}
img, svg.iconify {
    background-color: transparent !important;
}
.max-w-7xl {
    max-width: 1440px !important;
}
.bg-white {
    background-color: #1b1c20 !important;
    border: 1px solid #2a2c31 !important;
}
.bg-slate-50 {
    background-color: #1f2025 !important;
}
.unread {
    font-weight: bold;
}
}
path.eBird {}

.paLogo .eShieldDOWN, .paLogo .eShieldUP {
    opacity: 0.2;
    /* transform: scale(0.5); */
    transition-property: all;
    transition-timing-function: 
cubic-bezier(.4, 0, .2, 1);
    transition-duration: .3s;
    transform-origin: center;
}

.paLogo:hover .eShieldDOWN, .paLogo:hover .eShieldUP {
    opacity: 0.2;
    transform: scale(0.1);
    transform-origin: center;
}

.paLogo .eBird {
    transition-property: all;
    transition-timing-function: 
cubic-bezier(.4, 0, .2, 1);
    transition-duration: .3s;
    /* transition-delay: .3s; */
    transform-origin: center;
}

.paLogo:hover .eBird {filter: drop-shadow(0px 0px 12px #0c9);}

a.paLogo, .paLogo svg {
    overflow: visible;
}
blockquote {
    background-color: #161719;
}