/* =========================
   HEADER BASE
========================= */

#sp-header{
  background:
    linear-gradient(
      135deg,
      #041428,
      #07224c,
      #0d3b73,
      #07224c,
      #041428
    ) !important;

  transition: all 0.3s ease;
}


/* =========================
   STICKY WRAPPER FIX
========================= */

.sticky__wrapper{
  background: inherit !important;
  box-shadow: 0 10px 25px rgba(0,0,0,0.25);
}


/* =========================
   MENU LINKS
========================= */

.sp-megamenu-parent > li > a{
  color:#cfe9ff !important;
}

.sp-megamenu-parent > li > a:hover{
  color:#ffffff !important;
}


/* =========================
   TOP BAR BASE
========================= */

#sp-top-bar{
  position: relative;
  font-size: 13px;

  background:
    linear-gradient(
      135deg,
      #020817,
      #041428,
      #07224c,
      #041428,
      #020817
    );

  border-bottom: 1px solid rgba(255,255,255,0.05);
}


/* subtle glow */
#sp-top-bar::before{
  content:"";
  position:absolute;
  inset:0;
  background: radial-gradient(circle at 50% 0%, rgba(56,189,248,0.12), transparent 60%);
  pointer-events:none;
}


/* =========================
   TOP BAR LINKS (FIXED)
========================= */

#sp-top-bar,
#sp-top-bar a{
  color:#8fccff !important; 
}

/* hover contrast */
#sp-top-bar a:hover{
  color:#cfe9ff !important;
}


/* =========================
   SOCIAL ICONS
========================= */

.social-icons{
  display:flex;
  gap:10px;
  padding:0;
  margin:0;
}

.social-icons li{
  list-style:none;
}

.social-icons a{
  display:flex;
  align-items:center;
  justify-content:center;

  width:28px;
  height:28px;

  border-radius:50%;
  background: rgba(255,255,255,0.05);

  transition:0.25s;
}

.social-icons a:hover{
  background:#1d6db3;
  transform: translateY(-2px);
}

/* FORCE ICON COLOR CONTROL */
#sp-top-bar .social-icons li a i{
  color:#8fccff !important;
  transition:0.25s;
}

/* HOVER */
#sp-top-bar .social-icons li a:hover i{
  color:#ffffff !important;
}

/* =========================
   LOGIN LINK
========================= */

.ap-login a{
  display:flex;
  align-items:center;
  gap:6px;

  font-size:13px;
  color:#cfe9ff !important;
}

.ap-login a:hover{
  color:#ffffff !important;
}


/* icon */
.ap-login i{
  font-size:16px;
  color:#38bdf8;
}


/* =========================
   LOGIN MODAL RESET
========================= */

.flex-modal-content{
  background:#ffffff !important;
  color:#111 !important;
  border-radius:10px;
  box-shadow:0 20px 60px rgba(0,0,0,0.25);
}

.flex-modal-header h2{
  color:#0f172a !important;
}

.flex-modal-body{
  color:#111 !important;
}

.flex-modal-body input{
  background:#ffffff !important;
  border:1px solid #e5e7eb !important;
  color:#111 !important;
}

.flex-modal-body input::placeholder{
  color:#64748b !important;
}

.flex-modal-body label{
  color:#475569 !important;
}

.flex-modal-body a{
  color:#1d6db3 !important;
}

.flex-modal-body a:hover{
  color:#155a94 !important;
}


/* =========================
   BUTTONS
========================= */

.flex-modal-body .btn-primary{
  background:#1d6db3 !important;
  color:#fff !important;
  border:none !important;
}

.flex-modal-body .btn-primary:hover{
  background:#155a94 !important;
}

.flex-modal-body .web-auth-btn{
  background:#444 !important;
  color:#fff !important;
  border:1px solid #e2e8f0 !important;
}

.flex-modal-body .web-auth-btn:hover{
  background:#666 !important;
}


/* =========================
   CLOSE BUTTON
========================= */

.fm-close i{
  color:#64748b !important;
}

.fm-close:hover i{
  color:#111 !important;
}


/* =========================
   ALIGNMENT FIX
========================= */

#sp-top2{
  display:flex;
  justify-content:flex-end;
  align-items:center;
}

#sp-top1{
  display:flex;
  align-items:center;
}


/* =========================
   MOBILE
========================= */

@media(max-width:768px){

  #sp-top-bar{
    text-align:center;
  }

  #sp-top2{
    justify-content:center;
    margin-top:8px;
  }

  .social-icons{
    justify-content:center;
  }

}
/* =========================
   LOGO BASE
========================= */
/* =========================
   DESKTOP (μεγάλο & δυνατό)
========================= */

#sp-logo .logo a{
  font-size:32px;
  font-weight:500;
  color:#e2f1ff;
  letter-spacing:0.4px;
}


/* =========================
   TABLET
========================= */

@media(max-width:992px){

  #sp-logo .logo a{
    font-size:20px;
  }

}


/* =========================
   MOBILE
========================= */

@media(max-width:640px){

  #sp-logo .logo a{
    font-size:16px;
    line-height:1.2;
    display:block;
  }

  #sp-logo .logo{
    margin:0;
  }

}