/*
Theme Name: Thayu.AI
Theme URI: https://thayu.ai/
Author: Reliancy Kenya Limited
Author URI: https://reliancy.ai/
Description: Thayu.AI sales and marketing intelligence web application theme.
Version: 2.2.3
Requires at least: 6.4
Requires PHP: 8.1
Text Domain: thayu-ai
*/

:root {
  --thayu-navy: #071a5a;
  --thayu-navy-2: #0d2a78;
  --thayu-gold: #c89b3c;
  --thayu-gold-soft: #f7efd9;
  --thayu-white: #ffffff;
  --thayu-ink: #10203f;
  --thayu-muted: #071a5a;
  --thayu-line: #dfe5ee;
  --thayu-surface: #f7f9fc;
  --thayu-success: #176b4d;
  --thayu-danger: #9f2530;
  --thayu-radius: 18px;
  --thayu-shadow: 0 18px 50px rgba(7, 26, 90, .08);
  --thayu-font: "Quicksand", ui-rounded, "Segoe UI", Arial, sans-serif;
  --thayu-container: 1200px;
}

*,
*::before,
*::after { box-sizing: border-box; }

html {
  scroll-behavior: smooth;
  background: var(--thayu-white);
}

body {
  margin: 0;
  color: var(--thayu-ink);
  background: var(--thayu-white);
  font-family: var(--thayu-font);
  font-size: 16px;
  line-height: 1.65;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

img { max-width: 100%; height: auto; }
a { color: var(--thayu-navy); text-underline-offset: .18em; }
a:hover { color: var(--thayu-navy-2); }

:focus-visible {
  outline: 3px solid var(--thayu-gold);
  outline-offset: 3px;
}

.screen-reader-text {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  white-space: nowrap;
  border: 0;
}

.skip-link:focus {
  position: fixed;
  z-index: 99999;
  top: 12px;
  left: 12px;
  width: auto;
  height: auto;
  padding: 10px 14px;
  margin: 0;
  clip: auto;
  background: var(--thayu-white);
  color: var(--thayu-navy);
  border: 2px solid var(--thayu-navy);
  border-radius: 8px;
}

.thayu-container {
  width: min(calc(100% - 32px), var(--thayu-container));
  margin-inline: auto;
}

.site-header {
  position: sticky;
  z-index: 1000;
  top: 0;
  background: rgba(255,255,255,.96);
  border-bottom: 1px solid var(--thayu-line);
  backdrop-filter: blur(12px);
}

.site-header__inner {
  min-height: 74px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}

.site-branding {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  min-width: 148px;
  font-weight: 800;
  text-decoration: none;
  color: var(--thayu-navy);
}

.site-branding .custom-logo {
  display: block;
  max-height: 44px;
  width: auto;
}

.site-title {
  margin: 0;
  font-size: 1.25rem;
  font-weight: 800;
  letter-spacing: -.03em;
}

.primary-nav ul {
  display: flex;
  align-items: center;
  gap: 6px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.primary-nav a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding: 10px 12px;
  border-radius: 10px;
  color: var(--thayu-ink);
  font-weight: 700;
  text-decoration: none;
}

.primary-nav a:hover,
.primary-nav a:focus-visible {
  color: var(--thayu-navy);
  background: var(--thayu-surface);
}

.thayu-button,
.wp-element-button,
button,
input[type="submit"] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 46px;
  padding: 11px 18px;
  border: 2px solid transparent;
  border-radius: 12px;
  background: var(--thayu-gold);
  color: var(--thayu-navy);
  font: inherit;
  font-weight: 800;
  line-height: 1.15;
  text-decoration: none;
  cursor: pointer;
}

.thayu-button:hover,
.wp-element-button:hover,
button:hover,
input[type="submit"]:hover {
  filter: brightness(.97);
  color: var(--thayu-navy);
}

.thayu-button--navy {
  background: var(--thayu-navy);
  color: var(--thayu-white);
}

.thayu-button--navy:hover { color: var(--thayu-white); }

.thayu-button--ghost {
  border-color: var(--thayu-navy);
  background: var(--thayu-white);
  color: var(--thayu-navy);
}

.thayu-section { padding: clamp(64px, 8vw, 104px) 0; }
.thayu-section--soft { background: var(--thayu-surface); }
.thayu-section--navy { background: var(--thayu-navy); color: var(--thayu-white); }
.thayu-section--navy a:not(.thayu-button) { color: var(--thayu-white); }

.thayu-eyebrow {
  margin: 0 0 12px;
  color: var(--thayu-navy);
  font-size: .85rem;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.thayu-section--navy .thayu-eyebrow { color: #f4d998; }

h1, h2, h3, h4, h5, h6 {
  color: var(--thayu-navy);
  line-height: 1.12;
  letter-spacing: -.035em;
  text-wrap: balance;
}

.thayu-section--navy h1,
.thayu-section--navy h2,
.thayu-section--navy h3 { color: var(--thayu-white); }

h1 { font-size: clamp(2.35rem, 6vw, 5.4rem); }
h2 { font-size: clamp(2rem, 4vw, 3.6rem); }
h3 { font-size: clamp(1.2rem, 2vw, 1.55rem); }

.thayu-lead {
  max-width: 760px;
  color: var(--thayu-muted);
  font-size: clamp(1.05rem, 2vw, 1.25rem);
}

.thayu-section--navy .thayu-lead { color: #e4e9f5; }

.thayu-grid {
  display: grid;
  gap: 22px;
}

.thayu-grid--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.thayu-grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.thayu-grid--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }

.thayu-card {
  height: 100%;
  padding: 24px;
  border: 1px solid var(--thayu-line);
  border-radius: var(--thayu-radius);
  background: var(--thayu-white);
  box-shadow: var(--thayu-shadow);
}

.thayu-card h3 { margin-top: 0; }
.thayu-card p:last-child { margin-bottom: 0; }

.site-footer {
  padding: 14px 0;
  background: #04113f;
  color: var(--thayu-white);
}

.site-footer a { color: var(--thayu-white); }

.site-footer__inner {
  display: flex;
  align-items: center;
  gap: 18px;
  min-height: 34px;
  white-space: nowrap;
}

.site-footer__brand {
  flex: 0 0 auto;
  color: var(--thayu-white);
}

.site-footer__meta {
  flex: 1 1 auto;
  min-width: 0;
  margin: 0;
  overflow: hidden;
  color: var(--thayu-white);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.site-footer__copy {
  flex: 0 0 auto;
  color: var(--thayu-white);
}

.site-footer__nav {
  flex: 0 0 auto;
}

.site-footer__nav:empty {
  display: none;
}

.site-footer__nav ul {
  display: flex;
  flex-wrap: nowrap;
  gap: 14px;
  margin: 0;
  padding: 0;
  list-style: none;
}

@media (max-width: 900px) {
  .thayu-grid--4,
  .thayu-grid--3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }

  .primary-nav { display: none; }
}

@media (max-width: 640px) {
  .thayu-grid--4,
  .thayu-grid--3,
  .thayu-grid--2 { grid-template-columns: 1fr; }

  .site-header__inner { min-height: 66px; }
  .site-footer__inner { gap: 10px; font-size: .8rem; }
  .site-footer__meta { display: none; }
  .site-footer__nav { margin-left: auto; }
  .thayu-section { padding: 58px 0; }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }
}


/* Native icon system */
.thayu-icon{display:inline-grid;place-items:center;flex:0 0 auto;width:44px;height:44px;border-radius:14px;background:var(--thayu-gold-soft);color:var(--thayu-navy)}
.thayu-icon svg{display:block;width:56%;height:56%}
.thayu-icon--sm{width:30px;height:30px;border-radius:9px}
.thayu-icon--md{width:40px;height:40px;border-radius:12px}
.thayu-icon--lg{width:54px;height:54px;border-radius:16px}
.thayu-icon--xl{width:68px;height:68px;border-radius:20px}
.thayu-icon--navy{background:var(--thayu-navy);color:#fff}
.thayu-icon--gold{background:var(--thayu-gold);color:var(--thayu-navy)}
.thayu-icon--outline{border:1px solid var(--thayu-line);background:#fff}
.thayu-section-icon{margin-bottom:16px}


/* PJC-inspired Thayu command bar */
.site-header{position:sticky;z-index:1200;top:0;padding:10px 0;background:rgba(255,255,255,.97);border-bottom:1px solid var(--thayu-line);backdrop-filter:blur(14px)}
.thayu-command-bar{position:relative;display:grid;grid-template-columns:auto auto minmax(280px,1fr) auto auto auto;align-items:stretch;min-height:82px;border:1px solid rgba(255,255,255,.13);border-radius:19px;background:var(--thayu-navy);box-shadow:0 16px 45px rgba(7,26,90,.18);overflow:visible}
.thayu-command-bar>*{min-width:0}
.thayu-command-bar__brand{display:flex;align-items:center;padding:9px 16px;border-right:1px solid rgba(255,255,255,.16);border-radius:18px;background:#fff}
.thayu-command-bar__brand .site-branding{min-width:0}
.thayu-command-bar__brand .custom-logo{max-width:220px;max-height:52px;width:auto}
.thayu-command-bar__language{position:relative;display:flex;align-items:center;padding:0 8px;border-right:1px solid rgba(255,255,255,.16)}
.thayu-language-toggle{min-height:44px;padding:8px 10px;border:0;border-radius:10px;background:rgba(255,255,255,.08);color:#fff}
.thayu-language-toggle:hover{background:rgba(255,255,255,.13);color:#fff;filter:none}
.thayu-language-toggle .thayu-icon{width:27px;height:27px;border:0;background:transparent;color:#f4d998}
.thayu-language-toggle>svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8}
.thayu-language-menu{position:absolute;z-index:1300;top:calc(100% + 13px);left:0;min-width:200px;padding:8px;border:1px solid #dce3ef;border-radius:14px;background:#fff;box-shadow:0 18px 50px rgba(7,26,90,.18)}
.thayu-language-menu[hidden]{display:none}
.thayu-language-menu a{display:flex;gap:11px;align-items:center;padding:10px 11px;border-radius:9px;color:var(--thayu-ink);font-weight:700;text-decoration:none}
.thayu-language-menu a:hover,.thayu-language-menu a[aria-current=true]{background:var(--thayu-gold-soft);color:var(--thayu-navy)}
.thayu-language-menu a span{display:grid;place-items:center;width:31px;height:26px;border-radius:7px;background:var(--thayu-navy);color:#fff;font-size:.7rem}
.thayu-command-bar__selling{display:flex;flex-direction:column;justify-content:center;padding:10px 20px;border-right:1px solid rgba(255,255,255,.16)}
.thayu-command-bar__selling label{margin:0;color:#fff;font-size:.9rem;font-weight:800}
.thayu-command-bar__input{display:grid;grid-template-columns:34px 1fr;gap:8px;align-items:center}
.thayu-command-bar__input .thayu-icon{width:32px;height:32px;border:0;background:transparent;color:var(--thayu-gold)}
.thayu-command-bar__input input{width:100%;min-height:36px;padding:0;border:0;outline:0;background:transparent;color:#fff;font:inherit;font-size:clamp(.96rem,1.5vw,1.08rem);font-weight:650}
.thayu-command-bar__input input::placeholder{color:#fff;opacity:1}
.thayu-command-bar__account{display:flex;align-items:center;gap:8px;padding:0 18px;border-right:1px solid rgba(255,255,255,.16);color:#fff;font-size:.86rem;font-weight:800;text-decoration:none;white-space:nowrap}
.thayu-command-bar__account:hover{color:#f4d998}
.thayu-command-bar__account .thayu-icon{border:0;background:transparent;color:var(--thayu-gold)}
.thayu-command-bar__cta{display:flex;align-items:center;justify-content:center;gap:10px;margin:9px;min-width:124px;padding:0 16px;border-radius:12px;background:var(--thayu-gold);color:var(--thayu-navy);font-weight:800;text-decoration:none}
.thayu-command-bar__cta:hover{color:var(--thayu-navy);filter:brightness(.98)}
.thayu-command-bar__cta svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.thayu-command-bar__menu{display:grid;place-content:center;gap:5px;width:64px;min-height:60px;padding:0;border:0;border-left:1px solid rgba(255,255,255,.16);border-radius:0 18px 18px 0;background:transparent}
.thayu-command-bar__menu:hover{background:rgba(255,255,255,.08);filter:none}
.thayu-command-bar__menu i{display:block;width:24px;height:2px;border-radius:999px;background:#fff;transition:transform .18s ease,opacity .18s ease}
.thayu-command-bar__menu[aria-expanded=true] i:nth-of-type(1){transform:translateY(7px) rotate(45deg)}
.thayu-command-bar__menu[aria-expanded=true] i:nth-of-type(2){opacity:0}
.thayu-command-bar__menu[aria-expanded=true] i:nth-of-type(3){transform:translateY(-7px) rotate(-45deg)}
.thayu-command-menu{position:absolute;z-index:1190;top:calc(100% + 8px);right:max(16px,calc((100vw - var(--thayu-container))/2));left:max(16px,calc((100vw - var(--thayu-container))/2));padding:24px;border:1px solid var(--thayu-line);border-radius:20px;background:#fff;box-shadow:0 26px 80px rgba(7,26,90,.2)}
.thayu-command-menu[hidden]{display:none}
.thayu-command-menu__head{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px;padding-bottom:16px;border-bottom:1px solid var(--thayu-line)}
.thayu-command-menu__head p{margin-bottom:3px}
.thayu-command-menu__head strong{color:var(--thayu-navy);font-size:1.5rem}
.thayu-command-menu__head>a{color:var(--thayu-navy);font-weight:800;text-decoration:none}
.thayu-command-menu__links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.thayu-command-menu__links>a{display:flex;align-items:center;gap:13px;padding:14px;border:1px solid var(--thayu-line);border-radius:14px;color:var(--thayu-navy);font-weight:800;text-decoration:none}
.thayu-command-menu__links>a:hover{border-color:#d6bf7a;background:var(--thayu-gold-soft)}
.thayu-command-menu__links .thayu-icon{width:44px;height:44px}
body.thayu-menu-open{overflow:hidden}
@media(max-width:1000px){.thayu-command-bar{grid-template-columns:auto auto minmax(0,1fr) auto auto}.thayu-command-bar__account{display:none}.thayu-command-bar__brand .custom-logo{max-width:180px}.thayu-command-menu__links{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.site-header{padding:7px 0}.thayu-command-bar{grid-template-columns:minmax(100px,auto) auto 1fr auto;min-height:68px}.thayu-command-bar__brand{padding:7px 10px}.thayu-command-bar__brand .custom-logo{max-width:135px;max-height:42px}.thayu-command-bar__language{padding:0 5px}.thayu-language-toggle{padding:6px}.thayu-language-toggle .thayu-icon{display:none}.thayu-command-bar__selling{grid-column:1/-1;grid-row:2;padding:10px 14px;border-top:1px solid rgba(255,255,255,.16);border-right:0}.thayu-command-bar__selling label{font-size:.82rem}.thayu-command-bar__input input{font-size:.94rem}.thayu-command-bar__cta{margin:7px;min-width:48px;width:48px;padding:0}.thayu-command-bar__cta span{display:none}.thayu-command-bar__menu{width:50px}.thayu-command-menu{right:10px;left:10px;padding:16px}.thayu-command-menu__links{grid-template-columns:1fr}.thayu-command-menu__head strong{font-size:1.2rem}}
@media(max-width:430px){.thayu-command-bar{grid-template-columns:minmax(92px,1fr) auto auto}.thayu-command-bar__language{display:none}.thayu-command-bar__brand .custom-logo{max-width:126px}.thayu-command-menu__head{align-items:flex-start;flex-direction:column}}

.thayu-command-bar__cta{border:0;font-family:inherit;cursor:pointer}