.site-header {
	background-color: #ffffff;
	border-bottom: 2px solid #f0f0f0;
}

.site-branding-container {
	padding: 15px 5%;
}

.site-branding {
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: nowrap;
	align-items: center;
	width: 100%;
	max-width: 100%;
	margin: 0 !important;
	text-align: left;
}

.site-logo {
	margin: 0 15px 0 0;
	flex-shrink: 0;
}

.site-logo img {
	max-height: 50px !important;
	width: auto;
}

.site-title {
	margin: 0 !important;
	text-align: left;
	font-size: 1.1rem;
	flex-shrink: 0;
}

.main-navigation {
	margin-left: auto !important;
	text-align: right;
}

/* This theme always populates the full menu list inside the "more" popup container
   reliably, while the primary inline list is toggled unpredictably by its own JS.
   So we always hide the primary list and always force-show the "more" list inline,
   with its toggle button hidden, to get a consistent always-visible horizontal menu. */
.main-navigation .menu-main-menu-container {
	display: block !important;
}

.main-navigation .main-menu-more {
	display: block !important;
}

.main-navigation .main-menu-more-toggle {
	display: none !important;
}

.main-navigation .main-menu-more > ul.main-menu {
	display: flex !important;
	gap: 25px;
	list-style: none;
	margin: 0 !important;
	padding: 0 !important;
}

.main-navigation .main-menu-more > ul.main-menu > li.menu-item-has-children {
	display: flex !important;
}

.main-navigation .sub-menu.hidden-links {
	display: flex !important;
	position: static !important;
	opacity: 1 !important;
	visibility: visible !important;
	background: transparent !important;
	box-shadow: none !important;
	gap: 25px;
	list-style: none;
	margin: 0 !important;
	padding: 0 !important;
	flex-wrap: nowrap;
	width: auto !important;
	min-width: 0 !important;
	transform: none !important;
}

.main-navigation li {
	width: auto !important;
	background: transparent !important;
}

.main-navigation a {
	text-decoration: none;
	color: #0a192f !important;
	font-weight: 600;
	font-size: .95rem;
	transition: color .2s ease;
	white-space: nowrap;
}

.main-navigation a:hover {
	color: #d4af37 !important;
}

.hero-section-container {
	padding: 80px 10% !important;
	text-align: center;
	position: relative;
	box-shadow: inset 0 -10px 20px -10px rgba(0,0,0,0.5), 0 20px 25px -20px rgba(10,25,47,0.5);
}

.hero-section-container h1 {
	font-size: 3rem !important;
	font-weight: 800 !important;
	letter-spacing: -.5px;
	margin-bottom: 20px !important;
	line-height: 1.2 !important;
}

.hero-subtitle-gold {
	color: #d4af37 !important;
	font-size: 1.5rem !important;
	font-weight: 600 !important;
	margin-bottom: 25px !important;
}

.hero-description {
	max-width: 800px;
	margin: 0 auto !important;
	font-size: 1.15rem !important;
	line-height: 1.6 !important;
	color: rgba(255, 255, 255, 0.85) !important;
}

.engine-matrix-grid {
	gap: 30px !important;
}

.engine-card {
	background: #ffffff !important;
	border: 1px solid #e2e8f0 !important;
	border-top: 4px solid #0a192f !important;
	border-radius: 6px !important;
	padding: 40px 30px !important;
	text-align: center;
	box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
	transition: transform .2s ease, box-shadow .2s ease, border-top-color .2s ease;
}

.engine-card:hover {
	transform: translateY(-5px);
	border-top-color: #d4af37 !important;
	box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
}

.engine-card-btn {
	background-color: #0a192f !important;
	color: #ffffff !important;
	padding: 12px 28px;
	font-weight: 700;
	border-radius: 4px;
	transition: background-color .2s ease, color .2s ease;
}

.engine-card-btn:hover {
	background-color: #d4af37 !important;
	color: #0a192f !important;
}

.main-navigation .menu-main-menu-container > ul.main-menu {
	display: flex !important;
	gap: 25px;
	list-style: none;
	margin: 0 !important;
	padding: 0 !important;
	flex-wrap: nowrap;
}

.main-navigation .menu-main-menu-container > ul.main-menu > li {
	display: inline-block !important;
}

.main-navigation a,
.main-navigation .sub-menu.hidden-links a {
	background: transparent !important;
	background-color: transparent !important;
}

.main-navigation a:hover,
.main-navigation .sub-menu.hidden-links a:hover {
	background: transparent !important;
	background-color: transparent !important;
	color: #d4af37 !important;
}

/* Ensure Gold Typography Sits Heavily For Maximum Readability */
.hero-subtitle-gold {
	    color: #d4af37 !important;
	    font-weight: 700 !important;
	    text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
}

/* Force the Card Grid to Maximize Desktop and Laptop Screen Space */
.engine-matrix-grid {
	    display: flex !important;
	    flex-flow: row wrap !important;
	    gap: 24px !important;
	    max-width: 1200px !important;
	    width: 100% !important;
	    margin: 40px auto !important;
	    box-sizing: border-box;
}

@media (max-width: 768px) {
	.engine-matrix-grid {
		        flex-direction: column !important;
	}
	.engine-card {
		        width: 100% !important;
		        margin-bottom: 15px;
	}
}

/* Add a Smooth Micro-Interaction Motion to Your Card Hover Lifting Effect */
.engine-card {
	    transition: transform 0.3s cubic-bezier(0.25, 1, 0.5, 1),
				                box-shadow 0.3s cubic-bezier(0.25, 1, 0.5, 1),
				                border-color 0.3s ease !important;
}
/* Smooth Out the Change State on Your Navy Buttons */
.engine-card-btn {
	    transition: background-color 0.25s ease, color 0.25s ease !important;
}

/* Center the two evaluation engine cards within the page */
.engine-matrix-grid {
	    position: static !important;
	    left: auto !important;
	    justify-content: center !important;
}


/* High-specificity override to guarantee centering wins over theme alignfull rules */
div.wp-block-columns.alignfull.engine-matrix-grid.engine-matrix-grid.engine-matrix-grid {
	    position: static !important;
	    left: 0 !important;
	    right: 0 !important;
	    transform: none !important;
	    justify-content: center !important;
	    margin-left: auto !important;
	    margin-right: auto !important;
}


/* Also override logical inset properties used by the theme's alignfull technique */
div.wp-block-columns.alignfull.engine-matrix-grid.engine-matrix-grid.engine-matrix-grid {
	    inset-inline-start: 0 !important;
	    inset-inline-end: 0 !important;
	    inset: auto !important;
}

/* cache-bust-2 */

/* Responsive navigation safeguard — added during homepage conversion rebuild */
@media (max-width: 768px) {
  html,
  body {
    overflow-x: hidden;
  }

  .site-branding-container {
    padding: 12px 18px !important;
    max-width: 100% !important;
  }

  .site-branding {
    display: flex !important;
    flex-wrap: wrap !important;
    width: 100% !important;
    max-width: 100% !important;
    gap: 10px 12px;
  }

  .site-logo {
    margin-right: 10px !important;
  }

  .site-logo img {
    max-height: 42px !important;
  }

  .site-title {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    font-size: 0.95rem !important;
  }

  #site-navigation.main-navigation {
    flex: 1 0 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    text-align: left !important;
  }

  #site-navigation .menu-main-menu-container {
    display: none !important;
  }

  #site-navigation .main-menu-more {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  #site-navigation .main-menu-more-toggle {
    display: none !important;
  }

  #site-navigation .main-menu-more > ul.main-menu,
  #site-navigation .main-menu-more > ul.main-menu > li.menu-item-has-children {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  #site-navigation .sub-menu.hidden-links {
    display: flex !important;
    position: static !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 2px 16px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    box-shadow: none !important;
    background: transparent !important;
  }

  #site-navigation .sub-menu.hidden-links > li {
    display: block !important;
    width: auto !important;
    margin: 0 !important;
  }

  #site-navigation .sub-menu.hidden-links a {
    display: block !important;
    padding: 7px 0 !important;
    font-size: 0.82rem !important;
    line-height: 1.25 !important;
    white-space: nowrap !important;
  }
}

/* Homepage phone typography and spacing */
@media (max-width: 768px) {
  .home #top,
  .home #claim-categories,
  .home #how-it-works,
  .home #assessments,
  .home #featured-guides,
  .home #about-daniel,
  .home #questions,
  .home #next-step {
    padding-left: 22px !important;
    padding-right: 22px !important;
  }

  .home #top {
    padding-top: 58px !important;
    padding-bottom: 58px !important;
  }

  .home #top h1 {
    font-size: 42px !important;
    line-height: 1.08 !important;
    letter-spacing: -0.5px !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
  }

  .home #top .wp-block-column {
    min-width: 0 !important;
  }

  .home #top .wp-block-buttons {
    gap: 10px !important;
  }

  .home #top .wp-block-button {
    width: 100% !important;
  }

  .home #top .wp-block-button__link {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
  }

  .home #claim-categories h2,
  .home #how-it-works h2,
  .home #assessments h2,
  .home #featured-guides h2,
  .home #about-daniel h2,
  .home #questions h2,
  .home #next-step h2 {
    font-size: 34px !important;
    line-height: 1.15 !important;
  }
}