/* ========= NAVBAR STYLES (FULL + 20% FONT INCREASE) ========= */

/* Import the Montserrat font from Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700;800&display=swap');

/* Apply the Montserrat font to all heading elements */
h1, h2, h3, h4, h5, h6 {
  font-family: 'Montserrat', sans-serif;
}
.navbar-custom {
  background-color: #ffffff !important;
  box-shadow: 0 1px 4px rgba(0,0,0,0.1);
  padding-top: 1.6rem;
  padding-bottom: 1.6rem;
   border-bottom: 4px solid #f2a019; /* This is the new line */
  
}

/* Brand Name */
.navbar-custom .navbar-brand span {
  color: #000099 !important; /* Orange */
  font-weight: 700;
  font-family: 'Montserrat', sans-serif;
  font-size: clamp(1.2rem, 3vw, 1.5rem); /* +20% increase */
}

/* Navbar Links */
.navbar-custom .nav-link {
  color: #000099 !important;
  font-weight: 600;
  text-transform: uppercase;
  font-family: 'Montserrat', sans-serif;
  font-size: 1.18rem;  /* increased from 0.9rem */
  letter-spacing: 0.05em;
  padding: 0.5rem 1rem;
}

/* Active Link and Hover */
.navbar-custom .nav-link.active,
.navbar-custom .nav-link:hover {
  color: #f2a019 !important;
}

/* Dropdown Menu */
.navbar-custom .dropdown-menu {
  border: 1px solid #eee;
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}

.navbar-custom .dropdown-item {
  font-weight: 600;
  color: #212529 !important;
  font-size: 1.08rem; /* +20% */
}

.navbar-custom .dropdown-item:hover {
  background-color: #f8f9fa;
  color: #f2a019 !important;
}
  .navbar-custom .brand-logo {
          width: 44px;
          height: 44px;
          object-fit: contain;
      }
/* Language Button */
.navbar-custom .btn-lang-selector {
  border: 2px solid #212529;
  color: #212529;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  padding: 0.25rem 0.75rem;
  font-size: 1.08rem; /* +20% */
}

/* Toggler Button */
.navbar-custom .navbar-toggler {
  border: none;
}
.navbar-custom .navbar-toggler:focus {
  box-shadow: none;
}

.navbar-custom .navbar-toggler-icon {
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(33, 37, 41, 0.75)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

/* Mobile Alignment */
@media (max-width: 991.98px) {
  .navbar-nav { text-align: center; padding-top: 1rem; }
  .nav-right { justify-content: center; margin-top: 1rem; }
}
.feature-icon {
  width:86px;
  height:86px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background: linear-gradient(180deg, rgba(242,160,25,0.12), rgba(52,65,84,0.02));
  color:var(--accent, #f2a019);
  font-size:34px;
  box-shadow: 0 8px 18px rgba(25,35,45,0.04);
}
@media (max-width: 575.98px) {
  .feature-icon { width:66px; height:66px; font-size:26px; }
  .feature-card { padding-top:20px; padding-bottom:20px; }
}
/* SVG icons in feature circles */
.feature-icon svg {
  width: 40px;
  height: 40px;
  color: var(--accent, #f2a019);
}
/* ===== Improved Dropdown Style ===== */
.navbar-custom .dropdown-menu {
  border: none;
  padding: 0.75rem 0;
  border-radius: 8px;
  background: #ffffff;
  min-width: 220px;
  margin-top: 12px;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.12);
  transition: all 0.25s ease-in-out;
}

/* Dropdown arrow effect */
.navbar-custom .dropdown-menu::before {
  content: "";
  position: absolute;
  top: -8px;
  left: 24px;
  width: 16px;
  height: 16px;
  background: white;
  transform: rotate(45deg);
  box-shadow: -3px -3px 5px rgba(0, 0, 0, 0.03);
}

/* Dropdown items */
.navbar-custom .dropdown-item {
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  font-size: 1.05rem;
  padding: 0.7rem 1.25rem;
  color: #000099 !important;
  transition: all 0.25s ease-in-out;
  border-left: 4px solid transparent;
}

/* Hover effects */
.navbar-custom .dropdown-item:hover {
  background: rgba(242, 160, 25, 0.1);
  color: #f2a019 !important;
  border-left: 4px solid #f2a019;
  padding-left: 1.5rem;
}

/* Keep dropdown aligned under menu item */
.navbar-custom .dropdown:hover .dropdown-menu {
  display: block;
  opacity: 1;
  visibility: visible;
}
    /* footer-specific styles */
    .site-footer { background: #0f1720; color: #cbd5e1; }
    .site-footer a { color: #f2a019; text-decoration: none; }
    .site-footer .brand { font-weight: 700; color: #fff; letter-spacing: .4px; }
    .site-footer .small { color: rgba(203,213,225,0.7); }

    .footer-card {
      background: rgba(255,255,255,0.02);
      border-radius: 10px;
      padding: 14px; /* reduced from 18px */
    }
    .footer-list li { margin-bottom: .3rem; }
    .footer-list li::marker { color: #f2a019; }

    .compliance-badges {
      display:flex;
      gap:.4rem;
      flex-wrap:wrap;
      align-items:center;
    }

    /* Keep the language dropdown on the visual right */
.navbar .nav-right {
  margin-left: auto;            /* push right in LTR */
}
html[dir="rtl"] .navbar .nav-right {
  margin-left: 0;
  margin-right: auto;           /* push right in RTL */
}

/* Make the dropdown open under the button on the right edge */
.nav-right .dropdown-menu {
  right: 0;
  left: auto;
}

/* Optional: right-align text inside the dropdown in Arabic */
html[dir="rtl"] .nav-right .dropdown-menu {
  text-align: right;
}


    .badge-outline {
      border: 1px solid rgba(242,160,25,0.18);
      color: #f2a019;
      padding: .3rem .55rem;
      border-radius: 6px;
      font-weight:600;
      font-size:.8rem;
      background: rgba(242,160,25,0.03);
    }

    .footer-bottom {
      border-top: 1px solid rgba(255,255,255,0.04);
      margin-top:1.2rem; /* reduced slightly */
      padding-top:.8rem; /* reduced slightly */
    }

    @media (max-width: 767px) {
      .site-footer .col-md-4 { margin-bottom: 1rem; }
    }

    /* Make all small text white for clarity */
    .site-footer .small { color: rgb(255 255 255); }
        /* footer-specific styles */
    .site-footer { background: #0f1720; color: #cbd5e1; }
    .site-footer a { color: #f2a019; text-decoration: none; }
    .site-footer .brand { font-weight: 700; color: #fff; letter-spacing: .4px; }
    .site-footer .small { color: rgba(203,213,225,0.7); }

    .footer-card {
      background: rgba(255,255,255,0.02);
      border-radius: 10px;
      padding: 14px; /* reduced from 18px */
    }
    .footer-list li { margin-bottom: .3rem; }
    .footer-list li::marker { color: #f2a019; }

    .compliance-badges {
      display:flex;
      gap:.4rem;
      flex-wrap:wrap;
      align-items:center;
    }

    .badge-outline {
      border: 1px solid rgba(242,160,25,0.18);
      color: #f2a019;
      padding: .3rem .55rem;
      border-radius: 6px;
      font-weight:600;
      font-size:.8rem;
      background: rgba(242,160,25,0.03);
    }

    .footer-bottom {
      border-top: 1px solid rgba(255,255,255,0.04);
      margin-top:1.2rem; /* reduced slightly */
      padding-top:.8rem; /* reduced slightly */
    }

    @media (max-width: 767px) {
      .site-footer .col-md-4 { margin-bottom: 1rem; }
    }

    /* Make all small text white for clarity */
    .site-footer .small { color: rgb(255 255 255); }

    /* ===== Deliverables sidebar like the screenshot ===== */

/* container card */
.deliverable-topics {
  background: #ffffff;
  border: 1px solid #e9edf3;
  border-radius: 12px;
  padding: 12px;
  box-shadow: 0 6px 18px rgba(16, 24, 40, 0.06);
}

/* each item (Bootstrap nav-pills buttons you inject) */
.deliverable-topics.nav-pills .nav-link {
  text-align: left;
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  color: #344054;               /* dark slate */
  background: #ffffff;
  border: 1px solid #eef2f7;
  border-radius: 8px;
  padding: 16px 18px;
  margin: 8px 4px;              /* spacing between items */
  transition: all .18s ease;
  box-shadow: 0 1px 0 rgba(16, 24, 40, 0.03);
}

/* hover state */
.deliverable-topics.nav-pills .nav-link:hover {
  background: #f9fafb;
  border-color: #e6ebf2;
  transform: translateX(2px);
}

/* active state – orange bar item */
.deliverable-topics.nav-pills .nav-link.active {
  color: #ffffff;
  background: #f2a019;          /* brand orange */
  border-color: #f2a019;
  box-shadow:
    0 2px 6px rgba(242,160,25,0.35), /* warm glow */
    0 0 0 3px #cfe3ff;               /* soft blue ring like in screenshot */
}

/* keyboard focus (keeps blue ring) */
.deliverable-topics.nav-pills .nav-link:focus-visible {
  outline: none;
  box-shadow:
    0 2px 6px rgba(16, 24, 40, 0.06),
    0 0 0 3px #cfe3ff;
}

/* remove last-item bottom visual gap */
.deliverable-topics .nav-link:last-child { margin-bottom: 4px; }

/* right-side content card to match */
.deliverable-content {
  background: #ffffff;
  border: 1px solid #e9edf3;
  border-radius: 12px;
  padding: 28px;
  box-shadow: 0 6px 18px rgba(16, 24, 40, 0.05);
  margin-top: 45px;
}

/* headings in content area—match screenshot weight/spacing */
.deliverable-content h3 {
  font-family: 'Montserrat', sans-serif;
  font-weight: 800;
  color: #26324a;
}

/* responsive tweaks */
@media (max-width: 991.98px) {
  .deliverable-topics { padding: 10px; }
  .deliverable-topics.nav-pills .nav-link {
    padding: 14px 16px;
    margin: 6px 2px;
    font-weight: 700;
  }
  .deliverable-content { padding: 22px; }
}