/*
Theme Name: eric-strate-kadence-child
Theme URI: https://staging.ericstrate.com/
Description: Update-safe child theme for EricStrate.com. Kadence remains the parent theme; Eric Strate custom templates and assets live here.
Author: Eric Strate
Author URI: https://staging.ericstrate.com/
Template: kadence
Version: 1.0.0
Text Domain: eric-strate-kadence-child
*/

/* ==========================================================
   WACP 5.0 recommended citation presentation profile
   Quiet typographic reference; presentation is non-normative.
   ========================================================== */
html body [data-warp-document="true"] summary.wacp5-marker {
  position: relative !important;
  display: inline-block !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  min-height: 0 !important;
  height: auto !important;
  margin: 0 .25rem 0 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #3366cc !important;
  font-family: inherit !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  font-style: normal !important;
  line-height: 1.25 !important;
  letter-spacing: 0 !important;
  text-decoration: none !important;
  text-transform: none !important;
  white-space: nowrap !important;
  vertical-align: baseline !important;
  transform: none !important;
  opacity: 1 !important;
  list-style: none !important;
  cursor: pointer !important;
  user-select: none !important;
}
html body [data-warp-document="true"] summary.wacp5-marker::-webkit-details-marker {
  display: none !important;
}
html body [data-warp-document="true"] summary.wacp5-marker::marker {
  content: "" !important;
}
html body [data-warp-document="true"] summary.wacp5-marker::after {
  content: "";
  position: absolute;
  inset: -10px -8px;
}
html body [data-warp-document="true"] summary.wacp5-marker:hover {
  color: #3366cc !important;
  text-decoration: underline !important;
  transform: none !important;
  opacity: 1 !important;
}
html body [data-warp-document="true"] summary.wacp5-marker:focus-visible {
  color: #3366cc !important;
  text-decoration: underline !important;
  outline: 2px solid currentColor !important;
  outline-offset: 3px !important;
  border-radius: 2px !important;
}


/* WACP 5.0 inline/block citation buttons used by the AIclicks test page.
   Preserve their existing tooltip behavior while normalizing the visible marker. */
html body [data-warp-document="true"] button.wacp-mark,
html body [data-warp-document="true"] button.wacp-block-mark {
  display: inline-block !important;
  width: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  height: auto !important;
  margin: 0 .25rem 0 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #3366cc !important;
  font-family: inherit !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  font-style: normal !important;
  line-height: 1.25 !important;
  letter-spacing: 0 !important;
  text-decoration: none !important;
  text-transform: none !important;
  white-space: nowrap !important;
  vertical-align: baseline !important;
  transform: none !important;
  opacity: 1 !important;
  cursor: pointer !important;
}
html body [data-warp-document="true"] button.wacp-mark:hover,
html body [data-warp-document="true"] button.wacp-block-mark:hover,
html body [data-warp-document="true"] button.wacp-mark:focus-visible,
html body [data-warp-document="true"] button.wacp-block-mark:focus-visible {
  color: #3366cc !important;
  text-decoration: underline !important;
  transform: none !important;
  opacity: 1 !important;
}


/* ==========================================================
   GLOBAL HEADER NORMALIZATION
   Match the modern EricStrate.com header/navigation treatment
   across legacy and presentation-template pages.
   ========================================================== */
:root{
  --es-global-ink:#0c2038;
  --es-global-teal:#009eb5;
  --es-global-active:#cff0f5;
  --es-global-active-ink:#04536b;
}

body #masthead{
  background:#fff !important;
  box-shadow:0 1px 0 #e7edf1 !important;
  position:relative;
  z-index:50;
}
body #main-header .site-container,
body #mobile-header .site-container{
  max-width:1384px !important;
  padding:0 20px !important;
}
body #main-header .site-main-header-inner-wrap{
  min-height:70px !important;
}
body #main-header .site-header-main-section-left{
  flex:0 0 260px;
}
body #main-header .site-branding{
  height:70px;
  display:flex;
  align-items:center;
}
body #main-header .site-branding .brand{
  height:70px;
  overflow:hidden;
  display:flex;
  align-items:center;
}
body #masthead .site-branding img.custom-logo{
  width:260px !important;
  max-width:260px !important;
  height:auto !important;
  max-height:none !important;
  object-fit:contain;
}
body #main-header .site-header-main-section-right{
  flex:1;
  margin-left:85px;
}
body #main-header .site-header-item-main-navigation,
body #main-header .main-navigation{
  width:100%;
}
body #main-header .header-navigation .header-menu-container>ul{
  display:flex;
  align-items:center;
  gap:17px;
}
body #main-header .header-navigation .header-menu-container>ul>li{
  order:5;
}
body #main-header .header-menu-container>ul>.es-menu-home{order:0}
body #main-header .header-menu-container>ul>.es-menu-about{order:1}
body #main-header .header-menu-container>ul>li:has(>a[href*="/san-diego-seo/"]){order:2}
body #main-header .header-menu-container>ul>.es-menu-chatgpt{order:3}
body #main-header .header-menu-container>ul>.es-menu-wacp{order:4}
body #main-header .header-menu-container>ul>li:has(>a[href*="/contact/"]):not(.es-menu-audit){order:6}
body #main-header .header-menu-container>ul>.es-menu-audit{
  order:7;
  margin-left:auto;
}
body #masthead a{
  font-style:normal !important;
}
body #main-header .header-navigation .header-menu-container>ul>li>a{
  font-size:13px !important;
  font-weight:650 !important;
  color:var(--es-global-ink) !important;
  padding:11px 7px !important;
  white-space:nowrap;
}
body #main-header .header-navigation .header-menu-container>ul>li.current-menu-item>a,
body #main-header .header-navigation .header-menu-container>ul>li.current_page_item>a{
  background:var(--es-global-active) !important;
  border-radius:7px;
  padding:11px 17px !important;
  color:var(--es-global-active-ink) !important;
}
body #main-header .header-navigation .header-menu-container>ul>.es-menu-audit>a{
  display:flex;
  gap:10px;
  align-items:center;
  background:var(--es-global-teal) !important;
  color:#fff !important;
  border-radius:11px;
  padding:13px 21px !important;
  font-size:15px !important;
  font-weight:700 !important;
}
body #main-header .es-menu-audit svg{width:21px;height:21px}
body #mobile-header .es-menu-audit svg{width:18px;height:18px}

@media(max-width:1250px){
  body #main-header .site-header-main-section-left{flex-basis:220px}
  body #masthead .site-branding img.custom-logo{
    width:220px !important;
    max-width:220px !important;
  }
  body #main-header .site-header-main-section-right{margin-left:45px}
  body #main-header .header-navigation .header-menu-container>ul{gap:10px}
}


/* ==========================================================
   WACP 5.0 CONTEXT-AWARE MARKER OVERRIDES
   Keep the canonical 12px / 400 / #3366cc profile everywhere
   except when a citation sits directly on a dark/photo hero.
   ========================================================== */
html body [data-warp-document="true"] summary.wacp5-marker,
html body [data-warp-document="true"] button.wacp-mark,
html body [data-warp-document="true"] button.wacp-block-mark {
  color:#3366cc !important;
  font-family:inherit !important;
  font-size:12px !important;
  font-weight:400 !important;
  font-style:normal !important;
  line-height:1.25 !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  padding:0 !important;
  min-width:0 !important;
  height:auto !important;
  text-decoration:none !important;
  transform:none !important;
}

/* Hero/background exception for legibility only. */
body.home #post-26 .es-home-wacp .es-hero-row>.es-answer-rail summary.wacp5-marker,
body.page-id-247 #post-247 .es-wacp-row[data-query-role="primary"] summary.wacp5-marker,
body.page-id-374 #post-374 .toyota-section[data-query-role="primary"] summary.wacp5-marker,
body.page-id-392 #post-392 .wacp3-section:first-of-type summary.wacp5-marker,
body.page-id-515 #post-515 .es-chatgpt-seo .es-hero summary.wacp5-marker,
body.page-id-734 #post-734 .es-ai-audit .es-hero summary.wacp5-marker {
  color:#fff !important;
  text-shadow:0 1px 3px rgba(0,0,0,.45) !important;
}

/* Preserve the same typographic citation placement in section headings. */
html body [data-warp-document="true"] summary.wacp5-marker{
  margin:0 .28rem 0 0 !important;
  vertical-align:baseline !important;
}


/* Final global navigation order/style normalization.
   This block intentionally comes last so page-specific legacy CSS cannot reorder or italicize the header. */
html body #main-header .header-navigation .header-menu-container>ul>li{order:5 !important}
html body #main-header .header-menu-container>ul>.es-menu-home{order:0 !important}
html body #main-header .header-menu-container>ul>.es-menu-about{order:1 !important}
html body #main-header .header-menu-container>ul>li:has(>a[href*="/san-diego-seo/"]){order:2 !important}
html body #main-header .header-menu-container>ul>.es-menu-chatgpt{order:3 !important}
html body #main-header .header-menu-container>ul>.es-menu-wacp{order:4 !important}
html body #main-header .header-menu-container>ul>li:has(>a[href*="/aeo-blog/"]){order:5 !important}
html body #main-header .header-menu-container>ul>li:has(>a[href*="/contact/"]):not(.es-menu-audit){order:6 !important}
html body #main-header .header-menu-container>ul>.es-menu-audit{order:7 !important;margin-left:auto !important}
html body #main-header .header-navigation .header-menu-container>ul>li>a{
  font-style:normal !important;
  font-weight:650 !important;
}
html body #main-header .header-navigation .header-menu-container>ul>.es-menu-audit>a{
  background:#009eb5 !important;
  color:#fff !important;
  border-radius:11px !important;
  padding:13px 21px !important;
  font-size:15px !important;
  font-style:normal !important;
  font-weight:700 !important;
}

/*
 * Mobile Kadence header: the custom logo already spells out Eric Strate.
 * Hide only the duplicate WordPress site title next to that logo.
 * Desktop header, logo, navigation and WordPress site identity remain intact.
 */
@media (max-width: 1024px) {
  body #mobile-header .site-branding .site-title-wrap {
    display: none !important;
  }
}