/* Inner Page Header Specific Styles */

 /*Override nav background for inner pages - make it transparent like homepage */
/*nav {*/
/*    background: white !important;*/
/*}*/

 /*IMPORTANT: Override nav link colors for inner pages */
/*nav a {*/
/*    color: #49C7ED !important;*/
/*     Cyan color for visibility on dark background */
/*    text-decoration: none;*/
/*    margin: 0 1rem;*/
/*    font-weight: 600;*/
/*    transition: color 0.3s ease;*/
/*}*/

/*nav a:hover {*/
/*    color: #ffffff !important;*/
/*     White on hover */
/*    text-decoration: none;*/
/*    background:#032842;color:#ffffff;border-radius:8px;font-weight:600;cursor:pointer;*/
/*}*/

nav { background: #fff !important; }

/* IMPORTANT: default links = text only */
nav a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 22px;
  border-radius: 10px;
  margin: 0;                 /* remove margin so spacing uses gap */
  font-weight: 600;
  text-decoration: none;
  color: #032842 !important;
  background: transparent;
  transition: background-color .25s ease, color .25s ease;
}

/* Hover = blue box */
nav a:hover {
  background: #032842;
  color: #ffffff !important;
}


/* Ensure right-nav alignment */
.right-nav {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 1rem;
}

/* Box1 styling for EN and Login buttons */
.box1 {
    border-radius: 10px;
    background: rgb(2 2 2 / 50%);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    cursor: pointer;
    color: #49C7ED !important;
    /* Cyan text */
    font-weight: 600;
    padding: 0.5rem 0.6rem;
    transition: all 0.3s ease;
}

.box1:hover {
    background: rgba(255, 255, 255, 0.2);
    color: #ffffff !important;
}