/*!
Theme Name: Kadence Child
Theme URI: https://www.kadencewp.com/kadence-theme/
Template: kadence
Author: Kadence WP
Author URI: https://www.kadencewp.com/
Description: A child theme for the Kadence Theme.
Version: 1.0.0
License: GNU General Public License v3.0 (or later)
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: kadence-child
*/

/* Theme customization starts here
-------------------------------------------------------------- */

/* =================================================================
   HEADER MATCH — recreate live sureasship.com header in Kadence
   Managed by design-sync/header-compare loop. Targets pulled from
   the hand-coded design-system.css. Block between the MATCH markers
   is rewritten each iteration.
   ================================================================= */
/* MATCH-HEADER:START */

/* --- Top auth row: white bg, primary hairline borders (like .header-top-row) --- */
#masthead .site-top-header-wrap .site-header-row-container-inner {
  background: #ffffff;
  border-top: 1px solid #2563EB;
  border-bottom: 1px solid #2563EB;
}
#masthead .site-top-header-inner-wrap { padding-top: 14px; padding-bottom: 14px; }

/* --- Login / Sign Up buttons (were white text on transparent = invisible) --- */
#masthead .header-html a.button,
#masthead .site-top-header-wrap a.button {
  display: inline-block;
  background: #2563EB;
  color: #ffffff;
  border: 2px solid #ffffff;
  padding: 10px 16px;
  min-width: 100px;
  box-sizing: border-box;
  text-align: center;
  border-radius: 4px;
  box-shadow: 0 2px 4px rgba(0,0,0,0.25);
  font-size: 17px;
  font-weight: 500;
  line-height: 1.2;
  text-decoration: none;
  margin-left: 16px;
}
#masthead .header-html a.button:hover,
#masthead .site-top-header-wrap a.button:hover {
  background: #ffffff;
  color: #2563EB;
  border: 2px solid #2563EB;
  box-shadow: inset 0 3px 5px rgba(0,0,0,0.15);
}

/* --- Main row: light-blue band (like .header-main) --- */
#masthead .site-main-header-wrap .site-header-row-container-inner {
  background: #eff6ff;
  border-bottom: 1px solid #2563EB;
}

/* --- Logo: unclamp from 200px to the native 500px (like .logo-section img) --- */
.site-branding a.brand img.custom-logo,
.site-branding a.brand img.svg-logo-image {
  max-width: 500px !important;
  width: 500px !important;
  height: auto !important;
}

/* --- Hide the duplicate site-title text; the logo image carries the wordmark --- */
#masthead .site-title-wrap,
#masthead .site-title { display: none !important; }

/* --- Primary nav: match original size / spacing / colour --- */
.main-navigation .primary-menu-container > ul > li.menu-item > a {
  font-size: 17px;
  font-weight: 500;
  color: #2563EB;
  padding-left: 12px;
  padding-right: 12px;
}
.main-navigation .primary-menu-container > ul > li.menu-item { margin-left: 8px; }
.main-navigation .primary-menu-container > ul > li.menu-item > a:hover {
  background: #2563EB;
  color: #ffffff;
  border-radius: 4px;
}

/* MATCH-HEADER:END */