.navbar-custom {
  background-color: #2c2a36; /* Darker background - deep charcoal/purple-gray */
  padding: 1rem 0;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5); /* Darker shadow for depth */
}

.navbar-custom {
  background-color: #2c2a36; /* Darker background - deep charcoal/purple-gray */
  padding: 1rem 0;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5); /* Darker shadow for depth */
}


.navbar-custom .navbar-nav .nav-link {
  color: #f0e6f6; /* light text */
  font-weight: 500;
  padding: 0.5rem 1rem;
  transition: color 0.3s, background-color 0.3s;
  border-radius: 0.5rem;
}

.navbar-custom .btn-nav:hover,
.navbar-custom .btn-nav:focus,
.navbar-custom .btn-nav.active,
.navbar-custom .show > .btn-nav {
  background: #ff69b4;          /* solid pink fill */
  color: #fff;
  text-decoration: none;
}

.navbar-custom .navbar-nav .nav-link:hover,
.navbar-custom .navbar-nav .nav-link:focus {
  color: #2c2a36; /* dark text on hover */
  background-color: #ff69b4; /* pink background on hover */
  text-decoration: none;
}


.navbar-custom .navbar-brand {
  font-weight: bold;
  font-size: 1.5rem;
  color: #f0e6f6; /* light lavender/pinkish text for contrast */
}

.navbar-custom .navbar-toggler {
  border-color: #f0e6f6;
}


.navbar-nav {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}

.navbar-nav .nav-item {
  margin-left: 15px;
}

.navbar-logo {
  vertical-align: middle;
  margin-top: -5px;
}

.navbar-brand {
  display: flex;
  align-items: center;
}

/* ul,
li{
  list-style:none;
  padding-left:0;
  margin:0;
} */

@media (min-width: 992px) {
  .navbar-expand-lg .navbar-toggler {
    display: none;
  }
}
/* put the items side‑by‑side */
.language-list{
  display:flex;
  flex-wrap:wrap;
  gap:2.5rem;            /* spacing between items */
  justify-content:center;/* ⬅️ centers the row inside the card */
}

.language-experience{
  position:relative;
}

/* pink divider */
.language-experience + .language-experience::before{
  content:"";
  position:absolute;
  left:-1.25rem;         /* half of the 2.5 rem gap */
  top:0;
  width:2px;
  height:100%;
  background:#ff69b4;
}
/* === pill‑button look for navbar links === */
.navbar-custom .btn-nav{
  border:2px solid #ff69b4;          /* pink outline */
  color:#ff69b4;                     /* pink text     */
  padding:.45rem 1.1rem;             /* buttony feel   */
  border-radius:50rem;               /* full pill      */
  transition:all .25s ease-in-out;
  margin:0 .35rem;                   /* even spacing   */
  line-height:1;                     /* vertically tidy*/
}

.navbar-custom {
  position: relative;
  z-index: 3000; /* Ensure navbar is above page content */
}
/* hover / active / dropdown‑show states */
.navbar-custom .btn-nav:hover,
.navbar-custom .btn-nav:focus,
.navbar-custom .btn-nav.active,
.navbar-custom .show > .btn-nav{     /* keeps dropdown toggle filled */
  background:#ff69b4;               /* solid pink fill   */
  color:#fff;                       /* white text        */
  text-decoration:none;             /* remove underline  */
}
@media (min-width: 768px){
  .education-row .col-md-4{
    position:relative;              /* anchor for ::after */
  }
  .education-row .col-md-4:not(:last-child)::after{
    content:"";
    position:absolute;
    right:0;
    top:0;
    width:2px;                      /* line thickness */
    height:100%;
    background:#ff69b4;             /* 💖 pink */
  }
}

/* brand‑specific tweak */
.learn-btn{
  background:#ff69b4;         /* 💖 pink fill */
  border-color:#ff69b4;
  color:#fff;
  border-radius:50rem;        /* pill shape */
  transition:all .25s ease-in-out;
}

.learn-btn:hover,
.learn-btn:focus{
  background:#e858a4;         /* slightly darker on hover */
  border-color:#e858a4;
  color:#fff;
  text-decoration:none;       /* keep it clean */
}

.navbar-toggler .bi {
  color: #ffffff;
}
/* --- NAV BAR CENTRING --- */
@media (min-width: 992px) {              /* desktop breakpoint */
  .navbar .container {                   /* make a positioning context */
    position: relative;
  }
  .navbar .navbar-nav {                  /* centre the UL itself */
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
  }
}
.dropdown-menu {
  position: absolute !important;
  z-index: 3100 !important;
}
.card {
  overflow: visible !important;  /* prevent clipping */
}
.container, .row, .col-md-4, .card { position: static; overflow: visible; }
.navbar .container {
  position: relative;
  z-index: 3000;  /* higher than dropdown */
}