/*
Theme Name: ADETAI Professionals
Text Domain: adetai-professionals
Description: Bespoke ADETAI professional-services theme for the staging website, based on the approved ADETAI visual system.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GPL-2.0-or-later
WPVibe: yes
*/

/* This file holds the WordPress theme header (above) plus truly global
 * rules only. Tailwind handles everything else.
 *
 * - Design tokens live in theme.css's @theme block.
 * - Prose + form styles live in presets.css.
 * - Layout, color, typography utilities come from Tailwind v4.
 *
 * Do NOT add component classes here (.btn-primary, .card, etc.). Use
 * Tailwind utilities in templates instead.
 */

html {
	scroll-behavior: smooth;
}

/* Insights editorial refinement — subject-led covers and calmer reading scale. */
.adetai-insight-card-body{padding:1.35rem 1.4rem 1.45rem;text-align:left}
.adetai-insight-card-meta{align-items:flex-start;margin-bottom:.85rem;font-size:.66rem;line-height:1.35;letter-spacing:.075em}
.adetai-insight-card h2,.adetai-insight-card h3{min-height:4.9em;font-size:clamp(1.12rem,1.35vw,1.3rem);font-weight:550;line-height:1.23;letter-spacing:-.012em;-webkit-line-clamp:4;overflow-wrap:normal;word-break:normal}
.adetai-insight-card p{margin-top:.78rem;font-size:.88rem;line-height:1.57}
.adetai-insight-body-wrap{gap:4rem;padding-top:4.25rem}
.adetai-insight-prose{max-width:68ch;text-align:left}
.adetai-insight-prose h2{max-width:30ch;font-size:clamp(1.42rem,1.75vw,1.72rem);line-height:1.3;font-weight:550;letter-spacing:-.01em;text-wrap:balance}
.adetai-insight-prose h3{max-width:38ch;font-size:1.12rem;line-height:1.4}
.adetai-insight-prose p,.adetai-insight-prose li{max-width:68ch;font-size:1rem;line-height:1.74}
/* Inline links remain recognisable without relying on colour alone. */
main p a:not([class]),
main li a:not([class]),
.adetai-insight-prose a {
	text-decoration: underline;
	text-decoration-thickness: .08em;
	text-underline-offset: .18em;
}

@media(max-width:640px){.adetai-insight-card h2,.adetai-insight-card h3{min-height:0;font-size:1.2rem;line-height:1.25;-webkit-line-clamp:4}}

/* Stage 7 critical presentation rules: loaded as normal versioned CSS. */
.adetai-hero{min-height:620px!important;background:linear-gradient(118deg,#061723 0%,#0d2940 62%,#12384f 100%)!important}
.adetai-hero-inner{min-height:620px!important;display:flex!important;align-items:center!important}
.adetai-hero-copy{width:51%!important;max-width:650px!important;padding:4rem 2rem 4rem 0!important;text-shadow:none!important}
.adetai-hero .adetai-kicker-light{color:#fff!important}
.adetai-hero h1{max-width:24ch!important;font-size:clamp(2.35rem,3vw,3.15rem)!important;line-height:1.05!important;letter-spacing:-.03em!important}
.adetai-hero h1 span{display:block!important;white-space:normal!important}
.adetai-hero-lede{max-width:600px!important;margin-top:1.25rem!important;font-size:clamp(.98rem,1.12vw,1.06rem)!important;line-height:1.56!important}
.adetai-hero-actions{margin-top:1.65rem!important}
body.home .adetai-hero a.adetai-hero-primary{background:#fff!important;background-color:#fff!important;background-image:none!important;color:#1f4e79!important;border-color:#fff!important;opacity:1!important}
.adetai-hero-primary,.adetai-hero-secondary{min-height:50px!important}
.adetai-hero-graphic{position:absolute!important;inset:40px 2.5% auto auto!important;width:min(45vw,690px)!important;height:calc(100% - 80px)!important;margin:0!important;display:block!important;background:linear-gradient(145deg,rgba(31,78,121,.24),rgba(47,125,50,.12))!important;border:1px solid rgba(255,255,255,.2)!important;box-shadow:none!important;opacity:1!important;overflow:hidden!important}
.adetai-hero-graphic svg{display:block!important;width:100%!important;height:100%!important;opacity:.94!important}
.adetai-hero-graphic::before{content:""!important;position:absolute!important;inset:0!important;background:radial-gradient(circle at 72% 33%,rgba(201,162,39,.09),transparent 28%)!important;pointer-events:none!important}
.adetai-hero-graphic::after{content:"STRUCTURE • CONTROL • GROWTH"!important;position:absolute!important;left:24px!important;right:auto!important;top:auto!important;bottom:22px!important;width:auto!important;height:auto!important;background:none!important;color:#fff!important;font:700 .68rem/1.2 "Source Sans 3",Arial,sans-serif!important;letter-spacing:.15em!important}
.adetai-process-section .adetai-kicker-light,.adetai-audience-principle-section .adetai-kicker-light,.adetai-service-outcomes-section .adetai-kicker-light,.adetai-contact-next-section .adetai-kicker-light,.adetai-page-cta .adetai-kicker-light,.adetai-work-process .adetai-kicker-light,.adetai-connect-section .adetai-kicker-light,.adetai-360-section .adetai-kicker-light{color:#c9a227!important}
.adetai-process-line span,.adetai-audience-principles span,.adetai-responsibility-grid span,.adetai-contact-next-grid span,.adetai-work-process-grid span,.adetai-360-stages .adetai-stage span{color:#fff!important}
@media(max-width:980px){
 .adetai-hero{min-height:auto!important;display:block!important}
 .adetai-hero-inner{min-height:auto!important;display:block!important;padding:0!important}
 .adetai-hero-copy{width:100%!important;max-width:720px!important;padding:3.25rem 0 2.5rem!important}
 .adetai-hero-graphic{position:relative!important;inset:auto!important;width:100%!important;height:300px!important;margin:0!important;border-left:0!important;border-right:0!important}
}
@media(max-width:720px){
 .adetai-shell{width:min(100% - 1.5rem,1220px)!important}
 .adetai-hero-copy{padding:2.6rem 0 2rem!important}
 .adetai-hero h1{max-width:19ch!important;font-size:clamp(1.95rem,8.4vw,2.55rem)!important;line-height:1.07!important}
 .adetai-hero-lede{max-width:34rem!important;margin-top:1rem!important;font-size:.95rem!important;line-height:1.52!important}
 .adetai-hero-actions{margin-top:1.25rem!important;gap:.65rem!important}
 .adetai-hero-primary,.adetai-hero-secondary{min-height:47px!important;padding:.75rem 1rem!important;font-size:.88rem!important}
 .adetai-hero-graphic{height:230px!important}
 .adetai-hero-graphic::after{left:16px!important;bottom:15px!important;font-size:.58rem!important}
 .adetai-page-hero h1,.adetai-about-page .adetai-about-hero-copy h1,.adetai-contact-page .adetai-page-hero h1{font-size:clamp(1.9rem,8vw,2.5rem)!important;line-height:1.08!important}
 .adetai-service-hero h1{font-size:clamp(1.72rem,7.2vw,2.15rem)!important;line-height:1.1!important}
 .adetai-intro-grid h2,.adetai-section-head h2,.adetai-360-grid h2,.adetai-connect-grid h2,.adetai-page-cta h2,.adetai-contact-details h2,.adetai-contact-form-panel h2,.adetai-editorial-split h2,.adetai-section-headline-row h2,.adetai-360-feature-grid h2{font-size:clamp(1.75rem,7.5vw,2.35rem)!important;line-height:1.1!important}
 .adetai-service-scope-grid h2{font-size:clamp(1.55rem,6.6vw,2.05rem)!important;line-height:1.12!important}
 .adetai-section-head,.adetai-section-headline-row,.adetai-intro-grid,.adetai-editorial-split{text-align:left!important}
}

/* Approved full-width homepage hero. */
.adetai-hero{min-height:620px!important;display:flex!important;align-items:center!important;background:linear-gradient(90deg,rgba(4,24,38,.96) 0%,rgba(7,34,52,.82) 42%,rgba(7,34,52,.30) 100%),url('https://adetaiprofessionals.com/wp-content/uploads/2026/09/ADETAI-homepage-—-modern-professional-architecture.jpg') center/cover no-repeat!important}
.adetai-hero-inner{min-height:620px!important;display:flex!important;align-items:center!important;padding:0!important}
.adetai-hero-copy{width:58%!important;max-width:760px!important;padding:4rem 2rem 4rem 0!important;text-shadow:none!important}
.adetai-hero .adetai-kicker-light{color:#fff!important}
.adetai-hero h1{max-width:24ch!important;font-size:clamp(2.5rem,3.45vw,3.5rem)!important;line-height:1.06!important;letter-spacing:-.025em!important}
.adetai-hero h1 span{display:block!important}
.adetai-hero-lede{max-width:58ch!important;margin-top:1.25rem!important;font-size:clamp(1rem,1.15vw,1.1rem)!important;line-height:1.58!important}
.adetai-hero-actions{margin-top:1.6rem!important}
.adetai-hero-primary,.adetai-hero-secondary{min-height:54px!important}
.adetai-hero-graphic{display:none!important}
@media(max-width:980px){.adetai-hero{min-height:560px!important;background-position:62% center!important}.adetai-hero-inner{min-height:560px!important}.adetai-hero-copy{width:72%!important;max-width:700px!important;padding:3.5rem 0!important}}
@media(max-width:720px){.adetai-hero{min-height:520px!important;background:linear-gradient(90deg,rgba(4,24,38,.95),rgba(10,43,66,.76)),url('https://adetaiprofessionals.com/wp-content/uploads/2026/09/ADETAI-homepage-—-modern-professional-architecture.jpg') center/cover no-repeat!important}.adetai-hero-inner{display:flex!important;min-height:520px!important;padding:0!important}.adetai-hero-copy{width:100%!important;max-width:none!important;padding:3rem 0!important}.adetai-hero h1{max-width:none!important;font-size:clamp(1.55rem,6.2vw,1.9rem)!important;line-height:1.12!important}.adetai-hero-lede{font-size:.96rem!important;line-height:1.55!important}.adetai-hero-actions{display:grid!important;grid-template-columns:1fr!important}}

/* Final mobile QA corrections — 5 October 2026. */
@media(max-width:720px){
 .adetai-work-process{padding:3rem 0!important}
 .adetai-work-process-head{gap:1.25rem!important;margin-bottom:1.4rem!important}
 .adetai-work-process-grid{display:grid!important;grid-template-columns:1fr!important;gap:0!important;border:0!important}
 .adetai-work-process-grid>div{min-height:0!important;padding:1.1rem 0!important;border:0!important;border-top:1px solid rgba(255,255,255,.24)!important}
 .adetai-work-process-grid strong{margin-top:.55rem!important;font-size:1rem!important}
 .adetai-work-process-grid p{margin:.45rem 0 0!important;font-size:.9rem!important;line-height:1.5!important}
 .adetai-work-process-grid span,.adetai-process-line span,.adetai-360-stages .adetai-stage span{color:#fff!important}
 .adetai-work-process .adetai-kicker-light,.adetai-process-section .adetai-kicker-light,.adetai-360-section .adetai-kicker-light{color:#c9a227!important}
 .adetai-service-scope-section{padding:2.75rem 0!important}
 .adetai-service-scope-grid{gap:1.8rem!important}
 .adetai-service-scope-grid>div:first-child::after{height:150px!important;margin-top:1.2rem!important;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important}
 .adetai-service-capability-list>div{padding:1.3rem!important}
}

/* Compact homepage entry point for ADETAI business tools. */
.adetai-tools-callout{padding:2.1rem 0;background:#f5f7f7;border-top:1px solid #dfe6e8;border-bottom:1px solid #dfe6e8}
.adetai-tools-callout-inner{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2rem;padding:2rem 2.2rem;background:linear-gradient(115deg,#fff 0%,#f8faf9 72%,rgba(201,162,39,.09) 100%);border-left:4px solid #c9a227;box-shadow:0 10px 30px rgba(8,36,55,.06)}
.adetai-tools-callout-copy{max-width:760px}
.adetai-tools-callout .adetai-kicker{margin:0 0 .55rem;color:#55712c}
.adetai-tools-callout h2{margin:0;color:#0c3b5c;font-size:clamp(1.55rem,2.25vw,2.2rem);line-height:1.14;letter-spacing:-.018em}
.adetai-tools-callout-copy>p:last-child{margin:.7rem 0 0;max-width:68ch;color:#53616a;font-size:.97rem;line-height:1.6}
.adetai-tools-callout-link{display:inline-flex;align-items:center;justify-content:center;gap:.7rem;min-height:50px;padding:.85rem 1.15rem;color:#fff;background:#0c3b5c;font-weight:700;text-decoration:none;white-space:nowrap;transition:background .2s ease,transform .2s ease}
.adetai-tools-callout-link:hover,.adetai-tools-callout-link:focus-visible{background:#15577f;transform:translateY(-1px)}
@media(max-width:720px){.adetai-tools-callout{padding:1.3rem 0}.adetai-tools-callout-inner{grid-template-columns:1fr;gap:1.25rem;padding:1.5rem 1.25rem}.adetai-tools-callout h2{font-size:1.55rem}.adetai-tools-callout-copy>p:last-child{font-size:.92rem}.adetai-tools-callout-link{width:100%;white-space:normal;text-align:center}}

/* Full-bleed editorial service photography — 7 October 2026. */
.adetai-service-scope-section{padding:0 0 4.25rem!important;overflow:hidden;background:#fff}
.adetai-service-scope-grid{gap:2.5rem!important}
.adetai-service-scope-grid>div:first-child{
 position:relative!important;
 isolation:isolate;
 display:flex!important;
 flex-direction:column;
 justify-content:flex-end;
 min-height:clamp(340px,35vw,475px);
 padding:clamp(3rem,6vw,5.5rem) 0!important;
 color:#fff;
}
.adetai-service-scope-grid>div:first-child>*{position:relative;z-index:2}
.adetai-service-scope-grid>div:first-child::before{
 content:"";
 position:absolute;
 z-index:1;
 top:0;
 bottom:0;
 left:50%;
 width:100vw;
 transform:translateX(-50%);
 background:linear-gradient(90deg,rgba(4,24,38,.94) 0%,rgba(7,34,52,.82) 44%,rgba(7,34,52,.34) 76%,rgba(7,34,52,.16) 100%);
 pointer-events:none;
}
.adetai-service-scope-grid>div:first-child::after{
 content:"";
 position:absolute!important;
 z-index:0;
 top:0!important;
 bottom:0!important;
 left:50%!important;
 grid-column:auto!important;
 grid-row:auto!important;
 display:block!important;
 width:100vw!important;
 max-width:none!important;
 height:auto!important;
 min-height:100%!important;
 margin:0!important;
 transform:translateX(-50%);
 justify-self:auto!important;
 background-size:cover!important;
 background-position:center!important;
 background-repeat:no-repeat!important;
}
.adetai-service-scope-grid>div:first-child .adetai-kicker{margin:0 0 .8rem;color:#d8b43b!important}
.adetai-service-scope-grid>div:first-child h2{
 max-width:50ch!important;
 margin:0!important;
 color:#fff!important;
 font-size:clamp(1.75rem,2.3vw,2.65rem)!important;
 line-height:1.08!important;
 letter-spacing:-.022em;
 text-wrap:balance;
}
@media(max-width:720px){
 .adetai-service-scope-section{padding:0 0 2.75rem!important}
 .adetai-service-scope-grid{gap:1.5rem!important}
 .adetai-service-scope-grid>div:first-child{min-height:310px;padding:2.6rem 0!important}
 .adetai-service-scope-grid>div:first-child::before{background:linear-gradient(90deg,rgba(4,24,38,.94),rgba(7,34,52,.72))}
 .adetai-service-scope-grid>div:first-child::after{height:auto!important;min-height:100%!important;margin:0!important;background-position:center!important}
 .adetai-service-scope-grid>div:first-child h2{max-width:100%!important;font-size:clamp(1.45rem,6.2vw,1.85rem)!important;line-height:1.12!important;text-wrap:pretty}
}
/* Direct full-bleed background fallback across draft and compiled CSS. */
.adetai-service-scope-grid>div:first-child{
 box-sizing:border-box!important;
 align-items:flex-start!important;
 width:100vw!important;
 max-width:none!important;
 margin-left:calc(50% - 50vw)!important;
 padding-left:max(1.5rem,calc((100vw - 1220px)/2))!important;
 padding-right:max(1.5rem,calc((100vw - 1220px)/2))!important;
 background-image:linear-gradient(90deg,rgba(4,24,38,.94) 0%,rgba(7,34,52,.79) 44%,rgba(7,34,52,.30) 78%,rgba(7,34,52,.12) 100%),var(--adetai-service-visual)!important;
 background-size:cover!important;
 background-position:center!important;
 background-repeat:no-repeat!important;
}
.adetai-service-scope-grid>div:first-child::before,.adetai-service-scope-grid>div:first-child::after{display:none!important}
.adetai-contact-next-section .adetai-kicker{color:#d6a51f!important}
.adetai-contact-main-section{background:#f2f6f8!important}
.adetai-contact-form-panel{padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
.adetai-contact-form-panel h2{margin-bottom:1.35rem!important}
.adetai-form-grid{gap:.85rem 1rem!important}
.adetai-contact-form input,.adetai-contact-form select{min-height:44px!important;padding:.62rem .78rem!important}
.adetai-contact-form textarea{min-height:120px!important;padding:.72rem .78rem!important}
.adetai-form-message{margin-top:.9rem!important}
.adetai-form-consent{margin-top:.9rem!important}
.adetai-form-submit{margin-top:1rem!important;padding:.78rem .9rem!important}
@media(max-width:720px){.adetai-contact-main-section{padding:3.25rem 0!important}.adetai-contact-form-panel{padding:0!important}.adetai-form-grid{gap:.8rem!important}.adetai-contact-form input,.adetai-contact-form select{min-height:42px!important}}
@media(max-width:720px){.adetai-service-scope-grid>div:first-child{margin-left:calc(50% - 50vw)!important;padding-left:.75rem!important;padding-right:.75rem!important;background-image:linear-gradient(90deg,rgba(4,24,38,.94),rgba(7,34,52,.68)),var(--adetai-service-visual)!important;background-position:center!important}}