/*
Theme Name: Synectra Kadence Child
Theme URI: https://example.com/
Description: Synectra Strategic HR Consulting child theme for Kadence. Includes editable Gutenberg starter pages, Synectra / IN-FORM branding, and reusable corporate styling.
Author: Synectra Strategic HR Consulting
Template: kadence
Version: 3.0.0
Text Domain: synectra-kadence-child
*/

:root {
  --syn-navy: #0B2453;
  --syn-blue: #0B78D0;
  --syn-cyan: #16A8D8;
  --syn-purple: #67339A;
  --syn-violet: #7D45B5;
  --syn-ink: #17233A;
  --syn-text: #3F4B5F;
  --syn-muted: #6F7A8D;
  --syn-soft: #F4F8FC;
  --syn-soft-purple: #F6F2FA;
  --syn-line: #E5EBF3;
  --syn-white: #FFFFFF;
  --syn-radius: 18px;
  --syn-shadow: 0 14px 40px rgba(12, 36, 83, .08);
}

body { color: var(--syn-text); }
.site-main-header-inner-wrap { min-height: 96px; }
/* Synectra header: logo is the complete wordmark, so suppress duplicate Kadence title/tagline. */
.site-branding .site-title,
.site-branding .site-description,
.site-branding .site-title-wrap { display:none !important; }
.site-branding a.brand { display:flex; align-items:center; }
.site-branding a.brand img,
.site-branding img,
.custom-logo { max-height:none !important; width:300px !important; max-width:300px !important; height:auto !important; object-fit:contain; }
.site-header-row-container-inner .site-container { max-width:1320px; }
.main-navigation .primary-menu-container > ul > li.menu-item > a { font-weight: 600; color: var(--syn-navy); }
.main-navigation .primary-menu-container > ul > li.menu-item.current-menu-item > a,
.main-navigation .primary-menu-container > ul > li.menu-item > a:hover { color: var(--syn-purple); }
.site-footer { border-top: 1px solid var(--syn-line); }
.site-footer-wrap { background: var(--syn-navy); color: rgba(255,255,255,.82); }
.site-footer-wrap a { color: white; }

.synectra-page .entry-header { display:none; }
.synectra-page .content-area { margin-top:0; margin-bottom:0; }
.synectra-page .content-container { max-width:none; padding:0; }
.synectra-page .site-main { padding:0; }

.syn-section { padding: 88px 24px; }
.syn-inner { max-width: 1180px; margin: 0 auto; }
.syn-section--soft { background: var(--syn-soft); }
.syn-section--soft-purple { background: var(--syn-soft-purple); }
.syn-section--dark { background: linear-gradient(135deg, #0B2453 0%, #183A78 58%, #67339A 100%); color: white; }
.syn-kicker { margin:0 0 12px; color: var(--syn-blue); font-size: .82rem; font-weight: 800; letter-spacing:.12em; text-transform:uppercase; }
.syn-section--dark .syn-kicker { color:#9FDCFF; }
.syn-title { margin:0 0 20px; color: var(--syn-ink); font-size: clamp(2.2rem, 5vw, 4.4rem); line-height:1.05; letter-spacing:-.035em; }
.syn-section--dark .syn-title { color:white; }
.syn-lead { max-width: 820px; margin:0; color: var(--syn-text); font-size: clamp(1.05rem, 1.7vw, 1.28rem); line-height:1.7; }
.syn-section--dark .syn-lead { color: rgba(255,255,255,.84); }
.syn-gradient-text { background:linear-gradient(90deg,var(--syn-purple),var(--syn-blue),var(--syn-cyan)); -webkit-background-clip:text; background-clip:text; color:transparent; }

.syn-hero { position:relative; overflow:hidden; padding:104px 24px 96px; background:linear-gradient(180deg,#fff 0%,#F6FAFE 100%); }
.syn-hero:before { content:""; position:absolute; width:520px; height:520px; right:-170px; top:-210px; border-radius:50%; background:radial-gradient(circle,rgba(22,168,216,.18),rgba(103,51,154,.08) 48%,transparent 70%); }
.syn-hero-grid { position:relative; display:grid; grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr); gap:64px; align-items:center; }
.syn-hero .syn-title { max-width:780px; }
.syn-actions { display:flex; flex-wrap:wrap; gap:14px; margin-top:32px; }
.syn-btn { display:inline-flex; align-items:center; justify-content:center; padding:13px 22px; border-radius:10px; font-weight:700; text-decoration:none !important; transition:.2s ease; }
.syn-btn--primary { background:linear-gradient(90deg,var(--syn-purple),var(--syn-blue)); color:white !important; box-shadow:0 8px 20px rgba(36,91,180,.22); }
.syn-btn--primary:hover { transform:translateY(-1px); filter:brightness(1.04); }
.syn-btn--outline { border:1.5px solid var(--syn-blue); color:var(--syn-blue) !important; background:white; }
.syn-btn--light { background:white; color:var(--syn-navy) !important; }
.syn-hero-panel { background:white; border:1px solid var(--syn-line); border-radius:24px; padding:28px; box-shadow:var(--syn-shadow); }
.syn-hero-panel img { display:block; width:100%; height:auto; margin:0 auto 22px; }
.syn-mini-flow { display:grid; grid-template-columns:repeat(2,1fr); gap:10px; }
.syn-mini-flow span { display:block; padding:12px 10px; background:var(--syn-soft); border-radius:10px; color:var(--syn-navy); font-size:.9rem; font-weight:700; text-align:center; }

.syn-section-head { display:flex; justify-content:space-between; gap:28px; align-items:end; margin-bottom:36px; }
.syn-section-head .syn-title { font-size:clamp(2rem,3.8vw,3.2rem); margin-bottom:0; }
.syn-section-head p { max-width:560px; margin:0; }
.syn-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
.syn-card { background:white; border:1px solid var(--syn-line); border-radius:var(--syn-radius); padding:28px; box-shadow:0 8px 26px rgba(12,36,83,.05); }
.syn-card:hover { box-shadow:var(--syn-shadow); transform:translateY(-2px); transition:.2s ease; }
.syn-card-num { display:inline-flex; width:40px; height:40px; align-items:center; justify-content:center; border-radius:11px; background:linear-gradient(135deg,var(--syn-purple),var(--syn-blue)); color:white; font-weight:800; margin-bottom:18px; }
.syn-card h3 { margin:0 0 10px; color:var(--syn-navy); font-size:1.2rem; }
.syn-card p { margin:0; color:var(--syn-text); line-height:1.65; }
.syn-card ul { margin:12px 0 0 18px; }
.syn-card li { margin:5px 0; }

.syn-flow { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:8px; margin-top:34px; }
.syn-flow span { padding:12px 16px; border:1px solid #D9E4F0; background:white; border-radius:999px; color:var(--syn-navy); font-weight:700; }
.syn-flow b { color:var(--syn-blue); }

.syn-platform { display:grid; grid-template-columns:minmax(300px,.75fr) minmax(0,1.25fr); gap:58px; align-items:center; }
.syn-platform-logo { background:white; border-radius:22px; padding:26px; box-shadow:var(--syn-shadow); }
.syn-platform-logo img { display:block; width:100%; height:auto; }
.syn-feature-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:16px; margin-top:26px; }
.syn-feature { padding:18px; background:rgba(255,255,255,.09); border:1px solid rgba(255,255,255,.16); border-radius:14px; }
.syn-feature strong { display:block; color:white; margin-bottom:5px; }
.syn-feature span { color:rgba(255,255,255,.78); font-size:.94rem; }

.syn-insight-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
.syn-insight { overflow:hidden; border:1px solid var(--syn-line); border-radius:var(--syn-radius); background:white; }
.syn-insight-top { height:7px; background:linear-gradient(90deg,var(--syn-purple),var(--syn-blue),var(--syn-cyan)); }
.syn-insight-body { padding:24px; }
.syn-insight h3 { margin:6px 0 10px; color:var(--syn-navy); }
.syn-insight p { margin:0; }

.syn-cta { text-align:center; }
.syn-cta .syn-title { max-width:820px; margin-left:auto; margin-right:auto; font-size:clamp(2.2rem,4.3vw,3.6rem); }
.syn-cta .syn-lead { margin-left:auto; margin-right:auto; }
.syn-cta .syn-actions { justify-content:center; }

.syn-page-hero { padding:76px 24px 58px; background:linear-gradient(180deg,#F5F9FD,#fff); }
.syn-page-hero .syn-title { font-size:clamp(2.5rem,5vw,4rem); }
.syn-prose { max-width:860px; }
.syn-prose h2 { color:var(--syn-navy); margin-top:2em; }
.syn-contact-grid { display:grid; grid-template-columns:1fr 1fr; gap:28px; }

@media (max-width: 900px) {
  .syn-hero-grid,.syn-platform,.syn-contact-grid { grid-template-columns:1fr; }
  .syn-grid,.syn-insight-grid { grid-template-columns:repeat(2,1fr); }
  .syn-section { padding:68px 20px; }
  .syn-section-head { align-items:start; flex-direction:column; }
}
@media (max-width: 620px) {
  .syn-hero { padding:76px 18px 64px; }
  .syn-section { padding:56px 18px; }
  .syn-grid,.syn-insight-grid,.syn-feature-grid { grid-template-columns:1fr; }
  .syn-title { font-size:2.35rem; }
  .syn-btn { width:100%; }
  .syn-flow { align-items:stretch; flex-direction:column; }
  .syn-flow b { display:none; }
  .site-branding a.brand img, .site-branding img, .custom-logo { width:220px !important; max-width:220px !important; max-height:none !important; }
}