@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@1,500&family=Lato:wght@400;500;600&display=swap');

/* COLOURS */
:root {
  --nd-ivory: #f5f1e8;
  --nd-charcoal: #484640;
  --nd-deep-green: #42564c;
  --nd-gold: #b49a69;
  --nd-turquoise: #72aaa9;
  --nd-soft-blue: #9aafc0;
}

/* HEADER LAYOUT */
.container-header {
  background: var(--nd-ivory);
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: nowrap;
  gap: 24px;
  padding: 12px 4%;
  box-shadow: 0 1px 5px rgba(80, 70, 50, 0.08);
}

/* BRAND TITLE — FORCE THE INTENDED APPEARANCE */
.container-header .navbar-brand,
.container-header .navbar-brand:link,
.container-header .navbar-brand:visited,
.container-header .navbar-brand:hover,
.container-header .navbar-brand:focus,
.container-header .navbar-brand:active,
.container-header .navbar-brand span,
.container-header .navbar-brand .brand-name {
  color: #42564c !important;
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-size: 30px !important;
  font-style: italic !important;
  font-weight: 500 !important;
  letter-spacing: 1.5px !important;
  line-height: 1.1;
  text-decoration: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* NAVIGATION AREA */
.container-header .container-nav {
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  min-width: 0;
}

/* MENU LINKS */
.container-header .mod-menu,
.container-header .navbar-nav {
  display: flex;
  align-items: center;
  gap: 22px;
}

.container-header .mod-menu a,
.container-header .navbar-nav a {
  color: var(--nd-charcoal) !important;
  font-family: 'Lato', Arial, sans-serif !important;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.4px;
  text-decoration: none !important;
  transition: color 0.2s ease;
}

.container-header .mod-menu a:hover,
.container-header .navbar-nav a:hover {
  color: var(--nd-turquoise) !important;
}

/* LANGUAGE SWITCHER */
.container-header .mod-languages {
  margin-left: 24px;
  flex: 0 0 auto;
}

.container-header .mod-languages a {
  color: var(--nd-charcoal) !important;
  font-family: 'Lato', Arial, sans-serif !important;
  font-size: 13px;
  text-decoration: none !important;
}

.container-header .mod-languages a:hover,
.container-header .mod-languages .lang-active {
  color: var(--nd-turquoise) !important;
}

/* HEADER SPACING */
.container-header .grid-child {
  padding-top: 0;
  padding-bottom: 0;
}

/* MOBILE */
@media (max-width: 768px) {
  .container-header {
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
  }

  .container-header .container-nav {
    flex-basis: 100%;
    justify-content: center;
    flex-wrap: wrap;
  }

  .container-header .mod-menu,
  .container-header .navbar-nav {
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
  }

  .container-header .navbar-brand,
  .container-header .navbar-brand span,
  .container-header .navbar-brand .brand-name {
    font-size: 26px !important;
  }
}
/* REMOVE ALL DECORATION FROM THE SITE TITLE */
.container-header .navbar-brand,
.container-header .navbar-brand *,
.container-header .navbar-brand::before,
.container-header .navbar-brand::after,
.container-header .navbar-brand *::before,
.container-header .navbar-brand *::after {
  text-decoration: none !important;
  border-bottom: none !important;
  background-image: none !important;
  box-shadow: none !important;
}
/* =========================================
   NADA DHARA — NAVIGATION TYPOGRAPHY
   ========================================= */

.container-header .mod-menu a,
.container-header .navbar-nav a {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-size: 19px !important;
  font-weight: 500 !important;
  font-style: normal !important;
  letter-spacing: 0.5px !important;
  color: #484640 !important;
  text-decoration: none !important;
}

.container-header .mod-menu a:hover,
.container-header .navbar-nav a:hover {
  color: #72aaa9 !important;
}