/* Client Custom Color Scheme */
:root {
  /* Primary Colors - Dark blue for main elements */
  --bs-primary: #153B61;
  --bs-primary-rgb: 21, 59, 97;
  
  /* Secondary/Accent Colors - Light blue for highlights */
  --bs-secondary: #E67E22;
  --bs-secondary-rgb: 230, 126, 34;
  
  /* Text/Muted Colors */
  --bs-muted: #9D9D9D;
  --bs-muted-rgb: 157, 157, 157;
  
  /* Link Colors - Use light blue for links */
  --bs-link-color: #E67E22;
  --bs-link-color-rgb: 230, 126, 34;
  --bs-link-hover-color: #D35400;
  --bs-link-hover-color-rgb: 36, 113, 163;
  
  /* Soft/Light Variations - Light blue based for soft elements */
  --bs-soft-primary: #E6F5FD;
  --bs-pale-primary: #F0F9FE;
  --bs-bullet-soft-primary: #DDEFFC;
  
  /* Icon Colors - Dark blue based */
  --bs-icon-fill-primary: #7BADD9;
  --bs-icon-solid-fill-primary: #9BC2E5;
  
  /* Border Colors - Dark blue based */
  --bs-border-soft-primary: #C4D6EA;
  
  /* Text Emphasis - Dark blue */
  --bs-primary-text-emphasis: #0F2D4A;
  
  /* Background Subtle - Dark blue based */
  --bs-primary-bg-subtle: #F0F4F9;
  
  /* Focus Ring - Dark blue */
  --bs-focus-ring-color: rgba(21, 59, 97, 0.25);
  
  /* Button States - Dark blue primary */
  --bs-btn-primary-bg: #153B61;
  --bs-btn-primary-border-color: #153B61;
  --bs-btn-primary-hover-bg: #0F2D4A;
  --bs-btn-primary-hover-border-color: #0F2D4A;
  --bs-btn-primary-active-bg: #0A1F33;
  --bs-btn-primary-active-border-color: #0A1F33;
}

/* Custom underline SVG patterns for primary color */
.underline-3.primary.style-2:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 208.01 8.3'%3E%3Cpath fill='%23153B61' d='M64.42,2.42Q42.78,1.46,21.19,0c-2.8-.19-4.09.89-3.87,2L3.92,1.87c-5.13-.05-5.28,3.87-.12,3.92l60.49.55c46.63,2.08,93.34,2.51,139.81,1.27,5-.13,5.39-3.87.13-3.92Z'/%3E%3C/svg%3E");
}

.underline-3.primary.style-3:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 205 9.37'%3E%3Cpath fill='%23153B61' d='M202.47,9.37A1191.26,1191.26,0,0,0,1.79,7.48A1.67,1.67,0,0,1,0,5.92H0A1.76,1.76,0,0,1,1.63,4.21c67-5.71,133.83-5.43,200.8-.27A2.75,2.75,0,0,1,205,6.88h0A2.6,2.6,0,0,1,202.47,9.37Z'/%3E%3C/svg%3E");
}

/* Navbar toggler icon with primary color */
.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' width='45' height='32' viewBox='0 0 45 32'><path fill='%23153B61' d='M26.88 29.888c-1.076 1.289-2.683 2.103-4.48 2.103s-3.404-0.814-4.472-2.093l-0.008-0.009-5.12-7.040-8.192-10.048-3.52-4.608c-0.646-0.848-1.036-1.922-1.036-3.087 0-2.828 2.292-5.12 5.12-5.12 0.139 0 0.277 0.006 0.413 0.016l-0.018-0.001h33.664c0.118-0.010 0.256-0.015 0.396-0.015 2.828 0 5.12 2.292 5.12 5.12 0 1.165-0.389 2.239-1.045 3.1l0.009-0.013-3.52 4.608-7.872 10.048z'/></svg>");
}

/* Cursor with primary color */
.cursor-primary a {
  cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50' viewBox='0 0 50 50'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23153B61;opacity:0.9;%7D.cls-2%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Ccircle class='cls-1' cx='25' cy='25' r='25'/%3E%3Cpath class='cls-2' d='M21.79,26.79,17,31.59V30a1,1,0,0,0-2,0v4a1,1,0,0,0,.08.38,1,1,0,0,0,.54.54A1,1,0,0,0,16,35h4a1,1,0,0,0,0-2H18.41l4.8-4.79a1,1,0,0,0-1.42-1.42Z'/%3E%3Cpath class='cls-2' d='M34.92,15.62a1,1,0,0,0-.54-.54A1,1,0,0,0,34,15H30a1,1,0,0,0,0,2h1.59l-4.8,4.79a1,1,0,0,0,0,1.41h0a1,1,0,0,0,1.41,0h0L33,18.41V20a1,1,0,0,0,2,0V16A1,1,0,0,0,34.92,15.62Z'/%3E%3C/svg%3E"), auto;
}

/* Process wrapper arrow with primary color */
.process-wrapper.arrow [class*=col-]:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 108.15 19.5'%3E%3Cpath fill='%23153B61' d='M2.38,13.63A107.77,107.77,0,0,1,41.56,3.28C54.29,2.51,67,4.2,79.4,6.9c7.73,1.68,15.38,3.73,23,5.86a1.56,1.56,0,0,0,.83-3C89.85,6,76.35,2.5,62.54.87A111,111,0,0,0,24,2.73,119,119,0,0,0,.8,10.93c-1.81.85-.23,3.54,1.58,2.7Z'/%3E%3Cpath fill='%23153B61' d='M95.51,19.27A60.35,60.35,0,0,1,107,12.41a1.58,1.58,0,0,0,1.12-1.29,1.53,1.53,0,0,0-.75-1.56,20.31,20.31,0,0,1-9-8.65a1.56,1.56,0,0,0-2.7,1.57c2.34,4,5.79,7.86,10.12,9.78l.37-2.86a62.69,62.69,0,0,0-12.25,7.18,1.6,1.6,0,0,0-.56,2.14,1.56,1.56,0,0,0,2.13.55Z'/%3E%3C/svg%3E");
}

/* Additional styles for secondary accent color */
.text-accent {
  color: #E67E22 !important;
}

.bg-accent {
  background-color: #E67E22 !important;
}

.border-accent {
  border-color: #E67E22 !important;
}

/* Muted text color override */
.text-muted {
  color: #9D9D9D !important;
}

/* Button variants with client colors */
.btn-accent {
  --bs-btn-color: #fff;
  --bs-btn-bg: #E67E22;
  --bs-btn-border-color: #E67E22;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #D35400;
  --bs-btn-hover-border-color: #D35400;
  --bs-btn-focus-shadow-rgb: 230, 126, 34;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #D35400;
  --bs-btn-active-border-color: #D35400;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #E67E22;
  --bs-btn-disabled-border-color: #E67E22;
}

/* Footer background with client primary color */
footer.bg-dark {
  background-color: #153B61 !important;
}

/* Update footer text to work with light blue background - use white for readability */
footer.bg-dark,
footer.bg-dark .text-inverse,
footer.bg-dark .text-white,
footer.bg-dark p,
footer.bg-dark h4,
footer.bg-dark .widget-title {
  color: #ffffff !important;
}

/* Footer links - white with hover effect */
footer.bg-dark a {
  color: #ffffff !important;
}

footer.bg-dark a:hover {
  color: #f0f0f0 !important;
  text-decoration: underline;
}

/* Social icons in footer */
footer.bg-dark .social a {
  color: #ffffff !important;
}

footer.bg-dark .social a:hover {
  color: #f0f0f0 !important;
}

/* Footer form inputs - white background for better contrast */
footer.bg-dark .form-control,
footer.bg-dark input[type="email"],
footer.bg-dark input.form-control {
  background-color: #ffffff !important;
  border-color: #ffffff !important;
  color: #1E4980 !important;
}

footer.bg-dark .form-control:focus,
footer.bg-dark input[type="email"]:focus {
  background-color: #ffffff !important;
  border-color: #153B61 !important;
  box-shadow: 0 0 0 0.2rem rgba(21, 59, 97, 0.25) !important;
}

footer.bg-dark .form-control::placeholder,
footer.bg-dark input[type="email"]::placeholder {
  color: #9D9D9D !important;
}

/* Strategic use of light blue (#E67E22) for accent elements */

/* All section icons - transparent background with orange icons, no border */
.icon.btn-soft-primary {
  background-color: transparent !important;
  color: #E67E22 !important;
  border: none !important;
}

/* Services section icons */
#services .icon.btn-soft-primary {
  background-color: transparent !important;
  color: #E67E22 !important;
  border: none !important;
}

#services .icon.btn-soft-primary i {
  color: #E67E22 !important;
}

/* Process/Expertise section icons */
#process .icon.btn-soft-primary {
  background-color: transparent !important;
  color: #E67E22 !important;
  border: none !important;
}

#process .icon.btn-soft-primary i {
  color: #E67E22 !important;
}

/* Override any default btn-soft-primary styles */
.btn-soft-primary {
  --bs-btn-color: #E67E22;
  --bs-btn-bg: transparent;
  --bs-btn-border-color: transparent;
}

.btn-soft-primary i {
  color: #E67E22 !important;
}

/* Specific light blue button variant */
.btn-light-blue {
  --bs-btn-color: #fff;
  --bs-btn-bg: #E67E22;
  --bs-btn-border-color: #E67E22;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #D35400;
  --bs-btn-hover-border-color: #D35400;
  --bs-btn-focus-shadow-rgb: 230, 126, 34;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #CA5906;
  --bs-btn-active-border-color: #CA5906;
}

/* Headings with light blue accent */
.text-light-blue {
  color: #E67E22 !important;
}

/* Light blue background utilities */
.bg-light-blue {
  background-color: #E67E22 !important;
}

.bg-soft-light-blue {
  background-color: #F0F9FE !important;
}

/* Override some elements to use light blue strategically */
.navbar-brand {
  color: #E67E22 !important;
}

/* Hero section title accent */
.hero-title .text-primary {
  color: #E67E22 !important;
}

/* Icon list checkmarks in light blue */
.icon-list.bullet-soft-primary .uil-check {
  color: #E67E22 !important;
}


/* All headings use primary corporate blue color */
h1, h2, h3, h4, h5, h6 {
  color: #153B61 !important;
}

/* Override hardcoded color references in main CSS */
.text-line.text-primary:before {
  background-color: #153B61 !important;
}

/* Override any remaining hardcoded primary color references */
:root {
  --bs-blue: #153B61 !important;
  --bs-primary: #153B61 !important;
  --bs-primary-rgb: 21, 59, 97 !important;
  --bs-link-color: #E67E22 !important;
  --bs-link-color-rgb: 230, 126, 34 !important;
  --bs-link-hover-color: #E67E22 !important;
  --bs-link-hover-color-rgb: 230, 126, 34 !important;
}

/* Karriere section icons use transparent background with orange icons */
#testimonials .icon.btn-primary {
  background-color: transparent !important;
  border: none !important;
  color: #E67E22 !important;
}

#testimonials .icon.btn-primary i {
  color: #E67E22 !important;
}

/* Contact form icons use orange color */
#contact .icon.text-primary {
  color: #E67E22 !important;
}

#contact .icon.text-primary i {
  color: #E67E22 !important;
}

/* Standardize all icon sizes across the page */
/* Make all icons larger and consistent */

/* Large button icons - increase container size */
.icon.btn.btn-lg {
  width: 4.5rem !important;
  height: 4.5rem !important;
  font-size: 2rem !important;
}

.icon.btn.btn-lg i {
  font-size: 2rem !important;
}

/* Small circle icons - make them larger */
.icon.btn.btn-sm.btn-circle {
  width: 3.5rem !important;
  height: 3.5rem !important;
  font-size: 1.5rem !important;
}

.icon.btn.btn-sm.btn-circle i {
  font-size: 1.5rem !important;
}

/* Contact section icons - keep original size due to different layout */
.icon.text-primary.fs-28 {
  font-size: 1.75rem !important;
}

.icon.text-primary.fs-28 i {
  font-size: 1.75rem !important;
}

/* Ensure all icon containers have consistent spacing */
.icon.btn {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Ensure desktop navbar stays white */
@media (min-width: 992px) {
  .navbar-collapse {
    background-color: transparent !important;
  }
}

/* Mobile navigation offcanvas background - only when offcanvas is active */
@media (max-width: 991.98px) {
  .navbar-collapse.offcanvas.offcanvas-start {
    background-color: #153B61 !important;
  }

  .navbar-collapse.offcanvas.offcanvas-nav {
    background-color: #153B61 !important;
  }

  /* Ensure mobile offcanvas text is white for contrast */
  .navbar-collapse.offcanvas .navbar-nav .nav-link {
    color: white !important;
  }

  .navbar-collapse.offcanvas .offcanvas-header h3 {
    color: white !important;
  }

  .navbar-collapse.offcanvas .offcanvas-footer {
    color: white !important;
  }

  .navbar-collapse.offcanvas .offcanvas-footer a {
    color: white !important;
  }
}