/*
Theme Name: Sky Robots South Africa
Description: South African engineering and manufacturing presentation using the approved Sky Robots block theme.
Template: skyrobots
Version: 0.1.0
Requires at least: 6.6
Requires PHP: 8.3
Text Domain: skyrobots-sa
*/
.sa-location{font-size:11px!important;letter-spacing:.16em;text-transform:uppercase;color:#b6b6b2!important;margin:9px 0 0!important;line-height:1.3!important}
.sa-brand{flex-shrink:0}
.sr-header{gap:20px!important}
.sr-header .wp-block-navigation__container{gap:clamp(14px,1.7vw,26px)}
.sr-header .wp-block-navigation-item{font-size:13px}
.sa-engineering,.sa-story{display:grid;grid-template-columns:.85fr 1.15fr;gap:9%;padding:80px 0;border-top:1px solid #3c3c3b;align-items:start}
.sa-engineering p,.sa-story p{margin-top:24px}
.sa-engineering img,.sa-story img{width:100%;height:auto}
.sa-disciplines{font-size:13px!important;border-top:1px solid #3c3c3b;padding-top:20px}
.sa-engineering>*,:is(.sa-story)>*{margin-block-start:0!important}
.sa-local-form{max-width:700px;padding:24px;border:1px solid #555}
.sa-local-form label{display:block;margin:18px 0 7px}
.sa-local-form :is(input,textarea,select){display:block;width:100%;max-width:100%;padding:13px;background:#232323;color:#efeeea;border:1px solid #92928f;border-radius:0;font:inherit}
.sa-local-form textarea{min-height:160px}
.sa-local-form button{margin-top:20px;background:#c32025;color:white;padding:14px 22px;border:0;min-height:48px;font:inherit;cursor:pointer}
.sa-local-form .sa-honey{display:none}
.sa-form-note{font-size:14px!important}
.sa-form-result{padding:16px;border-left:3px solid #c32025;background:#232323}
/* Keep editorial content visible throughout scrolling and full-page previews. */
.sr-reveal.sr-reveal-pending{opacity:1;transform:none}
.rd-news .sr-news-card:not(:has(.sr-news-image)){display:block}
.rd-news .sr-news-card-copy{max-width:900px}
/* One prose size across Pages and Posts, including inherited lead paragraphs.
   Important overrides the parent theme's positional and section-specific sizing.
   Captions, metadata, labels and standalone action links keep their own hierarchy.
   The same rule loads in Gutenberg through the child editor stylesheet. */
:is(.sr-redesign,.editor-styles-wrapper){--srsa-paragraph-size:1.125rem}
:is(.sr-redesign,.editor-styles-wrapper) p:not(:where(.sr-eyebrow,.sr-index,.rf-text-link,.sr-text-link,.rd-story-date,.rd-story-link,.rd-story-role,.sa-disciplines,.sa-form-note,.sr-source-meta,.sr-news-image-note,.sr-source-link)){
 font-size:var(--srsa-paragraph-size)!important;
 line-height:1.75!important;
}
@media(max-width:800px){:is(.sr-redesign,.editor-styles-wrapper){--srsa-paragraph-size:1.0625rem}}
/* Shared responsive heading hierarchy for every Page and Post.
   Override inherited product, story, news and homepage section sizing together.
   The compact brand slogan over the video and footer labels retain their roles. */
:is(.sr-redesign,.editor-styles-wrapper){
 --srsa-heading-1:clamp(2.5rem,5.6vw,4.5rem);
 --srsa-heading-2:clamp(2rem,3.2vw,3rem);
 --srsa-heading-3:clamp(1.375rem,2vw,1.75rem);
 --srsa-heading-4:clamp(1.125rem,1.6vw,1.375rem);
 --srsa-heading-5:1.125rem;
 --srsa-heading-6:1rem;
}
:is(.sr-redesign,.editor-styles-wrapper) h1:not(.hc-brand-slogan){font-size:var(--srsa-heading-1)!important;line-height:1.1!important}
:is(.sr-redesign,.editor-styles-wrapper) h2{font-size:var(--srsa-heading-2)!important;line-height:1.15!important}
:is(.sr-redesign,.editor-styles-wrapper) h3{font-size:var(--srsa-heading-3)!important;line-height:1.25!important}
:is(.sr-redesign,.editor-styles-wrapper) h4{font-size:var(--srsa-heading-4)!important;line-height:1.3!important}
:is(.sr-redesign,.editor-styles-wrapper) h5{font-size:var(--srsa-heading-5)!important;line-height:1.35!important}
:is(.sr-redesign,.editor-styles-wrapper) h6{font-size:var(--srsa-heading-6)!important;line-height:1.4!important}
/* Phase 2 readability and manufacturing additions within the approved layouts. */
:is(.sr-redesign,.editor-styles-wrapper) p{color:#c6c6c1}
:is(.sr-redesign,.editor-styles-wrapper) .wp-block-heading{overflow-wrap:break-word}
:is(.sr-redesign,.editor-styles-wrapper) :is(.sa-editorial-section,.sa-application-page) p{max-width:74ch}
.sa-editorial-section{padding:40px 0;border-top:1px solid #444440}
.sa-editorial-section h2{margin-bottom:24px}
.sa-engineering-opening>p{max-width:74ch;margin-bottom:36px}
.sa-engineering-hero img,.sa-workshop-image img{display:block;width:100%;height:auto;max-height:760px;object-fit:contain}
.sa-manufacturing-page .sa-workshop-image{margin-block:20px 52px}
.sa-production-pair{display:grid;grid-template-columns:1fr 1fr;gap:36px}
.sa-production-pair>*{margin-block-start:0!important}
.sa-production-pair>.wp-block-image{grid-column:1/-1;max-width:900px;margin-inline:auto!important}
.sa-production-pair>.wp-block-image img{width:100%;height:auto}
.sa-production-light{background:#efeeea;color:#252525;padding:42px;margin-block:48px}
.sa-production-light :is(p,h2,h3,a,figcaption){color:inherit!important}
.sa-production-light .sa-editorial-section{border-color:#aaa7a0;padding-block:20px}
.sa-engineering-close{border-top:2px solid #c32025;padding-top:42px;margin-top:30px}
.sa-engineering-close>p{max-width:74ch}
.rd-home .rf-digital{display:block}
.rd-home .rf-skyos-copy{display:grid;grid-template-columns:1fr 1fr;gap:0 8%;margin-bottom:60px}
.rd-home .rf-skyos-copy>h2{grid-row:1/3}
.rd-home .rf-skyos-copy>p{grid-column:2;margin-top:0}
.rd-home .rf-skyos-copy>figure{grid-column:1/-1;margin-top:30px}
.rd-home .rf-skyos-copy img{width:100%;height:auto}
.rd-home .rf-roip-copy{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center;padding-top:40px;border-top:1px solid #aaa7a0}
.rd-home .rf-roip-copy p{max-width:none}
.skyos-dashboard-image{max-width:none!important}
.skyos-dashboard-image a{display:block}
.skyos-dashboard-image img{display:block;width:100%;height:auto}
.sa-enquiry-block{scroll-margin-top:30px}
.sr-redesign .wp-block-table :is(td,th){font-size:15px}
.sa-application-page>.wp-block-image img{width:100%;max-height:700px;object-fit:contain}
@media(max-width:800px){
 .sa-production-pair,.rd-home .rf-skyos-copy,.rd-home .rf-roip-copy{grid-template-columns:1fr;gap:24px}
 .sa-production-light{padding:24px;margin-block:32px}
 .sa-editorial-section{padding-block:30px}
 .rd-home .rf-skyos-copy>h2{grid-row:auto}
 .rd-home .rf-skyos-copy>p,.rd-home .rf-skyos-copy>figure{grid-column:auto}
 .rd-home .rf-skyos-copy>figure{margin-top:12px}
 .rd-home .rf-skyos-copy{margin-bottom:36px}
 .sr-redesign .wp-block-table :is(td,th){font-size:14px}
}
@media(max-width:800px){.sa-engineering,.sa-story{grid-template-columns:1fr;gap:30px;padding-block:55px}.sa-location{font-size:9px!important;letter-spacing:.1em}.sr-header:has(.wp-block-site-logo){min-height:108px}.sa-brand{margin-right:auto!important}.sa-local-form{padding:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Training uses native Groups, Images and Details within the existing design. */
html:has(.sa-training-page){scroll-behavior:auto}
.sa-training-intro{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start;margin-bottom:48px}
.sa-training-intro>*{margin-block-start:0!important}
.sa-training-intro figure{margin:0}
.sa-training-intro img{display:block;width:100%;height:auto}
.sa-training-page .sa-training-intro h2{margin-block:16px 24px}
.sa-training-jumps{display:flex;flex-wrap:wrap;gap:12px 24px;padding:22px 0;border-top:1px solid #555;border-bottom:1px solid #555}
.sa-training-jumps p{margin:0!important}
.sa-training-jumps a{display:inline-block;padding-block:8px;text-underline-offset:5px}
.sa-training-provider{max-width:80ch;margin-block:38px 60px;padding-left:24px;border-left:3px solid #c32025}
.sa-training-provider h2{font-size:var(--srsa-heading-3)!important}
.sa-training-course{display:grid;grid-template-columns:1fr 1fr;gap:0 48px;border-top:1px solid #555;padding-block:46px 60px;scroll-margin-top:32px}
.sa-training-course>*{margin-block-start:0!important;min-width:0}
.sa-training-course .sa-course-copy{grid-column:1;grid-row:1}
.sa-training-course .sa-course-photo{grid-column:2;grid-row:1}
.sa-training-course .sa-course-photo img{display:block;width:100%;height:auto;max-height:460px;object-fit:contain}
.sa-training-course:nth-of-type(even) .sa-course-copy{grid-column:2}
.sa-training-course:nth-of-type(even) .sa-course-photo{grid-column:1}
.sa-course-copy h2{margin-block:12px 22px!important}
.sa-training-page .sr-index{color:#c6c6c1!important;letter-spacing:.14em;font-size:12px!important;text-transform:uppercase}
.sa-training-page figcaption{line-height:1.6;color:#c6c6c1;font-size:13px;margin-top:12px}
.sa-training-details{grid-column:1/-1;border-top:1px solid #555;border-bottom:1px solid #555;margin-top:30px!important;padding-block:20px}
.sa-training-details summary{cursor:pointer;font-size:18px;font-weight:600;padding:8px 0;min-height:44px}
.sa-training-details[open]>:not(summary){width:100%;max-width:820px;margin-inline:auto;box-sizing:border-box}
.sa-training-details h3{margin-block:30px 16px}
.sa-training-details li{font-size:var(--srsa-paragraph-size);line-height:1.75;margin-bottom:8px;color:#c6c6c1}
.sa-training-enquiry{display:grid;grid-template-columns:.8fr 1.2fr;gap:48px;padding-top:40px;border-top:2px solid #c32025;scroll-margin-top:24px}
.sa-training-enquiry>*{min-width:0;margin-block-start:0!important}
.sa-training-enquiry .sa-local-form{max-width:none}
.sa-training-page :is(a,summary,button,input,textarea,select):focus-visible{outline:3px solid #efeeea;outline-offset:5px}
@media(max-width:1000px){.sr-header .wp-block-navigation__container{gap:14px}}
@media(max-width:800px){
 .sa-training-intro,.sa-training-course,.sa-training-enquiry{grid-template-columns:1fr;gap:28px}
 .sa-training-intro{margin-bottom:28px}
 .sa-training-course :is(.sa-course-copy,.sa-course-photo){grid-column:1!important;grid-row:auto!important}
 .sa-training-course{padding-block:30px 42px}
 .sa-training-details{margin-top:0!important}
 .sa-training-provider{margin-block:28px 40px;padding-left:18px}
 .sa-training-jumps{display:grid;grid-template-columns:1fr;gap:4px}
 .sa-training-enquiry{padding-top:28px}
 .sa-local-form select{font-size:16px}
}
/* Source summaries reuse the approved editorial news rows and native blocks. */
.sa-insights-list>.sa-insight-entry{border-top:1px solid #444440;padding-block:38px;margin-block:0!important;align-items:start}
.sr-redesign.rd-news .sa-insights-list .sr-news-image img{aspect-ratio:auto;object-fit:contain;height:auto;width:100%;max-height:none}
.sa-insights-list .sr-news-image a{display:block}
.sa-insights-list .sr-news-image figcaption{font-size:12px;color:#b6b6b2;margin-top:10px}
.sa-insights-list .sr-news-date{font-size:13px!important;line-height:1.6!important;color:#b6b6b2}
.sa-insights-list .sr-source-link{padding:0;background:none;border:0}
.sa-insights-list .sr-source-link a{color:#efeeea;text-underline-offset:5px}
@media(max-width:800px){.sa-insights-list>.sa-insight-entry{padding-block:30px}}
/* Product system previews retain the existing three-column editorial rows. */
.rd-aircraft-overview-integration .sa-system-visual{min-width:0}
.rd-aircraft-overview-integration .sa-system-preview{margin:22px 0 0!important}
.rd-aircraft-overview-integration .sa-system-preview img{max-height:230px;object-fit:contain}
/* Show the complete source-article screenshot on local summary Pages. */
.sr-news-article .sr-news-article-image{aspect-ratio:auto!important}
.sr-news-article .sr-news-article-image img{height:auto!important;aspect-ratio:auto!important;object-fit:contain!important}

/* OEM-only course presentation after the ATO transfer. */
.sa-training-course.sa-oem-only{display:block}
.sa-training-page .sa-training-index{font-size:12px!important;letter-spacing:.12em;text-transform:uppercase}

/* Refinement: retain the aircraft framing and soften only the slogan backdrop. */
.rd-home .hc-motion-hero.hc-brand-hero .wp-block-cover__inner-container{background:transparent!important;position:relative;z-index:2;max-width:580px;padding:24px 0!important}
.rd-home .hc-motion-hero.hc-brand-hero:after{content:"";position:absolute;inset:20% 0 0;pointer-events:none;z-index:1;background:linear-gradient(0deg,rgba(7,10,12,.82),rgba(7,10,12,.35) 45%,transparent)}
.rd-home .hc-motion-hero.hc-brand-hero .hc-brand-slogan{font-size:clamp(42px,4.6vw,66px)!important;line-height:1.08!important;max-width:560px;white-space:normal!important;text-shadow:0 1px 12px rgba(0,0,0,.4)}
.sa-breadcrumbs{font-size:13px;line-height:1.7;color:#bdbdb8;max-width:1280px;margin:24px auto 16px;padding-inline:40px}
.sa-breadcrumbs a{text-underline-offset:4px}
@media(max-width:800px){
 .rd-home .rf-vtol{gap:32px!important}
 .rd-home .hc-motion-hero.hc-brand-hero:after{display:none}
 .rd-home .hc-motion-hero.hc-brand-hero .wp-block-cover__inner-container{padding:24px 0!important;max-width:none}
 .rd-home .hc-motion-hero.hc-brand-hero .hc-brand-slogan{font-size:40px!important;max-width:100%}
 .sa-breadcrumbs{padding-inline:22px;margin-block:18px 12px;font-size:12px}
}
