/* Custom color overrides */

:root {
  --primary-blue: #1183D5;
  --accent-orange: #F26A2E;
  --dark-blue-text: #00205B;
  --light-grey-bg: #F8F9FA;
  --white: #FFFFFF;
}

/* --- General Overrides --- */

/* Primary Button Color */
.btn-primary {
  background-color: var(--accent-orange) !important; /* Added !important */
  border-color: var(--accent-orange) !important; /* Added !important */
  color: var(--white) !important; /* Ensure text is readable */
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  background-color: #d95f29 !important; /* Slightly darker orange on hover/focus */
  border-color: #d95f29 !important;
  color: var(--white) !important;
  box-shadow: none !important; /* Remove default Hestia shadow if needed */
}

/* --- Feature Icons (Homepage) --- */
.feature-box .icon {
  font-size: 2.5em;
  text-align: center;
  margin-bottom: 15px;
  background: var(--light-grey-bg); /* Use light grey background */
  border-radius: 50%;
  width: 80px;
  height: 80px;
  line-height: 80px;
  box-shadow: 0 2px 5px rgba(0,0,0,0.1);
  color: var(--primary-blue); /* Default icon color */
}

.feature-box .icon i {
  vertical-align: middle;
}

/* Specific icon colors (can adjust if needed) */
.feature-icon-security { color: var(--primary-blue); }
.feature-icon-networking { color: var(--accent-orange); } /* Example: Use accent for one */
.feature-icon-cloud { color: var(--primary-blue); }
.feature-icon-devsecops { color: var(--dark-blue-text); } /* Example: Use dark blue for one */
.feature-icon-managed { color: var(--primary-blue); }

/* Feature Box Titles */
.feature-box .info-title {
    color: var(--dark-blue-text);
}

/* --- Navbar --- */
/* Make navbar background solid dark blue when scrolled */
.navbar.navbar-default:not(.navbar-transparent) {
  background-color: var(--dark-blue-text) !important;
  box-shadow: 0 2px 5px rgba(0,0,0,0.2); /* Add subtle shadow */
}

/* Navbar link colors (default state) */
.navbar.navbar-transparent .navbar-nav > li > a {
  color: #8AD4DF;
    /* Changed from #009ACE */
}
.navbar.navbar-transparent .navbar-nav > .active > a,
.navbar.navbar-transparent .navbar-nav > .active > a:hover,
.navbar.navbar-transparent .navbar-nav > .active > a:focus {
    background: transparent;
    color: var(--accent-orange); /* Active link orange */
}
.navbar.navbar-transparent .navbar-nav > li > a:hover,
.navbar.navbar-transparent .navbar-nav > li > a:focus {
    background: transparent;
    color: var(--accent-orange); /* Hover link orange */
}

/* Navbar link colors (scrolled state) */
.navbar.navbar-default:not(.navbar-transparent) .navbar-nav > li > a {
  color: #8AD4DF !important;
    /* Changed from #009ACE */
}
.navbar.navbar-default:not(.navbar-transparent) .navbar-nav > .active > a,
.navbar.navbar-default:not(.navbar-transparent) .navbar-nav > .active > a:hover,
.navbar.navbar-default:not(.navbar-transparent) .navbar-nav > .active > a:focus {
    background: transparent !important;
    color: var(--accent-orange) !important; /* Active link orange */
}
.navbar.navbar-default:not(.navbar-transparent) .navbar-nav > li > a:hover,
.navbar.navbar-default:not(.navbar-transparent) .navbar-nav > li > a:focus {
    background: transparent !important;
    color: var(--accent-orange) !important; /* Hover link orange */
}

/* Navbar dropdown */
.dropdown-menu {
    background-color: var(--dark-blue-text);
    border: none;
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
}
.dropdown-menu > li > a {
    color: #8AD4DF !important;
      /* Changed from #009ACE */
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
    background-color: var(--primary-blue) !important; /* Use primary blue for hover */
    color: var(--white) !important;
}

/* --- Header --- */
.page-header .hestia-title { /* Main title */
  color: var(--white);
}
.page-header .sub-title { /* Subtitle */
  color: var(--white);
  opacity: 0.9;
}

/* --- Sections --- */
body {
    color: #555; /* Default body text color - slightly lighter than pure black */
}

.hestia-title { /* General section titles */
  color: var(--dark-blue-text);
}

.description { /* General section descriptions */
  color: #666; /* Slightly lighter text for descriptions */
}

a { /* General link color */
  color: var(--primary-blue);
}
a:hover, a:focus {
  color: var(--accent-orange);
}

/* Specific section backgrounds if needed */
/* Example: .hestia-about { background-color: var(--light-grey-bg); } */

/* --- Footer --- */
.footer.footer-black {
  background-color: var(--dark-blue-text) !important; /* Added !important */
  color: rgba(255, 255, 255, 0.7); /* Lighter white for footer text */
}
.footer.footer-black .footer-menu li a {
  color: rgba(255, 255, 255, 0.7);
}
.footer.footer-black .footer-menu li a:hover,
.footer.footer-black .footer-menu li a:focus {
  color: var(--accent-orange);
}
.footer.footer-black .copyright {
  color: rgba(255, 255, 255, 0.7);
}

/* --- Managed Services Page Icons --- */
/* Default icon color for h4 elements on content pages */
.page-content-wrap h4 > i.bi {
  color: var(--primary-blue);
  margin-right: 5px; /* Keep the margin */
}

/* Specific brand colors */
.page-content-wrap h4 > i.bi-aws {
  color: #FF9900; /* AWS Orange */
}

.page-content-wrap h4 > i.bi-google {
  color: #4285F4; /* GCP Blue */
}

/* --- Contact Page Icons --- */
/* Default color for icons in .icon-primary */
.icon-primary i {
  color: var(--primary-blue);
}

/* Style for the larger icons in the "How We Can Help" section */
.contact-icon-assessment,
.contact-icon-response,
.contact-icon-implementation,
.contact-icon-consulting {
  font-size: 2.5em;
  text-align: center;
  margin-bottom: 15px;
  background: var(--light-grey-bg);
  border-radius: 50%;
  width: 80px;
  height: 80px;
  line-height: 80px;
  box-shadow: 0 2px 5px rgba(0,0,0,0.1);
  color: var(--primary-blue); /* Default color */
}

.contact-icon-assessment i,
.contact-icon-response i,
.contact-icon-implementation i,
.contact-icon-consulting i {
  vertical-align: middle;
}

/* Specific colors for contact icons (can adjust) */
.contact-icon-assessment { color: var(--primary-blue); }
.contact-icon-response { color: var(--accent-orange); }
.contact-icon-implementation { color: var(--primary-blue); }
.contact-icon-consulting { color: var(--dark-blue-text); }

/* --- Sub-page Header Background --- */
/* Override the default gradient on sub-pages */
.header-filter-gradient {
    background: var(--primary-blue) !important; /* Use solid primary blue */
    opacity: 0.8; /* Keep some opacity if desired, adjust as needed */
}

/* Ensure title text is white on sub-page headers */
.page-header:not(.header-small) .hestia-title, /* For potentially larger headers */
.page-header.header-small .hestia-title { /* For the specific small headers used */
    color: var(--white) !important;
}

/* --- Specific Button Overrides --- */
#contact-section-button {
  min-width: 275px !important;
    /* Set a minimum width */
}

/* --- Header Title Colors --- */
.hestia-title .title-bit {
  color: #8AD4DF;
  /* Lighter blue */
}

.hestia-title .title-bodyguard {
  color: #006D91;
  /* Darker blue */
}

/* --- "Who We Are" Title Colors --- */
.wp-block-heading .light-blue {
  color: #8AD4DF;
  /* Lighter blue */
}

.wp-block-heading .medium-blue {
  color: #009ACE;
  /* Medium blue */
}

.wp-block-heading .dark-blue {
  color: #006D91;
  /* Darker blue */
}

/* --- About Section Blockquote Color --- */
.hestia-about blockquote p {
  color: #F3723C;
  /* Custom orange color */
}

/* --- Digital Security Section Blockquote Color --- */
.hestia-clients-bar blockquote p {
  color: #D3723C; /* Specific orange for this section */
}

/* --- Highlighted Text Color --- */
.highlight-text {
  color: #8AD4DF;
  /* Light blue highlight */
}