/*
Theme Name: SUNigeria 2026 National Web App
Theme URI: https://sunigeria.org
Author: Ostelnet Digital Solutions
Description: National Scripture Union Nigeria WordPress theme with app-like navigation, glass UI, accessible directory, events, resources and PWA integration.
Version: 11.0.0
Requires at least: 6.2
Requires PHP: 8.0
Text Domain: sunigeria-2026
*/

/* v10.6 Front-end Staff Operations */
.su-ops{display:grid;gap:1.25rem}.su-ops .su-section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;flex-wrap:wrap}.su-ops-editor{padding:clamp(1rem,2vw,1.6rem)}.su-table-card{overflow:hidden}.su-table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.su-premium-table{width:100%;border-collapse:separate;border-spacing:0;min-width:680px}.su-premium-table th{font-size:.76rem;text-transform:uppercase;letter-spacing:.055em;text-align:left;padding:.9rem 1rem;background:#f5f8f6;color:#52645a;border-bottom:1px solid #e5ebe7}.su-premium-table td{padding:1rem;border-bottom:1px solid #edf1ee;vertical-align:top}.su-premium-table tr:last-child td{border-bottom:0}.su-premium-table td strong{display:block;color:#183d2a}.su-premium-table td small{display:block;color:#718078;margin-top:.2rem}.su-status-pill{display:inline-flex;align-items:center;border-radius:999px;padding:.3rem .62rem;font-size:.75rem;font-weight:700;background:#edf5f0;color:#145d36}.su-status-pill.is-ok{background:#e8f7ee;color:#08783f}.su-status-pill.is-warn{background:#fff4dc;color:#8a5a00}.su-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.su-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;margin:1rem 0}.su-choice-grid label{display:flex;gap:.55rem;align-items:flex-start;padding:.8rem;border:1px solid #e5ebe7;border-radius:14px;background:#fbfcfb}.su-empty-state{display:grid;gap:.25rem;padding:1rem 0;color:#66766d}@media(max-width:720px){.su-form-grid,.su-choice-grid{grid-template-columns:1fr}.su-ops .su-section-head{align-items:flex-start}.su-premium-table{min-width:620px}}

/* v10.10 frontend visual editor */
.su-staff-workspace-shell .su-rich-editor-field{grid-column:1/-1;margin-top:.35rem}
.su-staff-workspace-shell .su-field-help{margin:.35rem 0 .75rem;color:var(--su-muted,#667085);font-size:.9rem;line-height:1.5}
.su-staff-workspace-shell .su-rich-editor-field .wp-editor-wrap{border:1px solid rgba(15,23,42,.12);border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 1px 2px rgba(15,23,42,.04)}
.su-staff-workspace-shell .su-rich-editor-field .wp-editor-container{border:0}
.su-staff-workspace-shell .su-rich-editor-field .mce-toolbar-grp{background:#f8fafc;border-bottom:1px solid rgba(15,23,42,.08)}
.su-staff-workspace-shell .su-rich-editor-field .mce-toolbar .mce-btn{margin:3px 1px;border-radius:7px}
.su-staff-workspace-shell .su-rich-editor-field .mce-toolbar .mce-btn:hover,
.su-staff-workspace-shell .su-rich-editor-field .mce-toolbar .mce-btn.mce-active{background:#eef2f7}
.su-staff-workspace-shell .su-rich-editor-field .mce-edit-area iframe{min-height:360px}
.su-staff-workspace-shell .su-rich-editor-field .wp-switch-editor{display:none!important}
@media (max-width:700px){.su-staff-workspace-shell .su-rich-editor-field .mce-edit-area iframe{min-height:300px}}

/* v10.14: clearer text, stronger page rhythm and a more welcoming home hero */
.su-site{color:var(--su-ink,#10251a)}
.su-eyebrow{color:#075f35}
.su-hero .su-eyebrow,.su-section--dark .su-eyebrow{color:#b2f0c9}
.su-section-head{align-items:center;gap:clamp(18px,3vw,34px);margin-bottom:clamp(26px,3vw,38px)}
.su-section-head__copy{max-width:780px}
.su-section-head h2,.su-split h2{color:var(--su-ink,#10251a);font-size:clamp(2rem,3.8vw,3.2rem);line-height:1.08;letter-spacing:-.038em}
.su-section--dark .su-split h2{color:#fff}
.su-section-head p:not(.su-eyebrow),.su-split p{color:#53645a;line-height:1.7}
.su-section--dark .su-split>div:first-child>p:not(.su-eyebrow){color:rgba(255,255,255,.86)}
.su-section--dark .su-card p{color:#53645a}
.su-personal-card{color:#10251a}
.su-personal-card p{color:#53645a}
.su-card{background:#fff}
.su-card h2,.su-card h3{color:var(--su-ink,#10251a);line-height:1.28;overflow-wrap:anywhere}
.su-card h3{font-size:clamp(1.08rem,1.25vw,1.2rem)}
.su-card p,.su-meta,.su-empty-state p,.su-contact-row span,.su-contact-row a,.su-finder-results a span{color:#53645a}
.su-tag,.su-tag--soft{color:#174a31}
.su-premium-table td small{color:#526158}
.su-empty-state{color:#344b3d;background:#fff}
.su-field span,.su-form label,.su-filter-stack small{color:#304d3c}
.su-form-note{color:#53645a;line-height:1.55}
.su-footer h3{color:#b5efca}
.su-footer-intro,.su-footer a{color:rgba(255,255,255,.84)}
.su-footer-bottom{color:rgba(255,255,255,.72)}
.su-site-header{padding-block:8px}
.su-primary-nav ul{gap:5px}
.su-primary-nav a{min-height:46px;padding-inline:12px;color:#213e2f;font-size:.88rem}
.su-primary-nav .sub-menu{top:100%;z-index:360;padding:12px;min-width:245px;border-color:rgba(10,75,41,.18)}
.su-primary-nav .menu-item-has-children>a{gap:8px}
.su-primary-nav .menu-item-has-children>a:after{content:"";width:7px;height:7px;margin-top:-4px;border-right:1.7px solid currentColor;border-bottom:1.7px solid currentColor;transform:rotate(45deg);flex:0 0 auto}
.su-primary-nav .sub-menu a{min-height:44px}
.su-primary-nav a:focus-visible,.su-more-grid a:focus-visible,.su-more-grid button:focus-visible{outline:3px solid #08783f;outline-offset:2px}
.su-hero{min-height:700px}
.su-hero-media{background-position:68% center;background-size:cover}
.su-hero-media:before{background:linear-gradient(90deg,rgba(3,32,18,.96) 0%,rgba(3,32,18,.89) 40%,rgba(3,32,18,.58) 68%,rgba(3,32,18,.22) 100%)}
.su-hero-grid{grid-template-columns:minmax(0,1.08fr) minmax(300px,.82fr);gap:clamp(28px,5vw,72px);padding:clamp(74px,9vw,112px) 0 76px}
.su-hero-copy{max-width:760px}
.su-hero h1{max-width:760px;font-size:clamp(3rem,5.6vw,5.35rem);line-height:1.02;letter-spacing:-.047em}
.su-hero-copy>p:not(.su-eyebrow){max-width:620px;color:rgba(255,255,255,.92)}
.su-hero-proof{color:rgba(255,255,255,.88)}
.su-quick-panel{align-self:center;margin-top:84px;background:rgba(255,255,255,.97);border-color:rgba(255,255,255,.92);box-shadow:0 30px 80px rgba(0,0,0,.2)}
.su-quick-panel__head .su-eyebrow{color:#075f35}
.su-quick-panel__head h2{font-size:1.28rem;line-height:1.25;color:#10251a}
.su-quick-panel__head>p:last-child{color:#53645a}
.su-quick-link{background:#fff;border-color:rgba(8,120,63,.14)}
.su-quick-link strong{color:#153c28}
.su-quick-link small{color:#53645a}
.su-page-hero{background:radial-gradient(circle at 88% 12%,rgba(8,120,63,.11),transparent 30%),linear-gradient(135deg,#f3f7f3 0%,#fbfaf6 100%)}
.su-page-hero h1{max-width:900px;color:#10251a;font-size:clamp(2.45rem,5vw,4.35rem);line-height:1.04;letter-spacing:-.043em}
.su-page-hero p:not(.su-eyebrow){color:#53645a;line-height:1.7}
.su-home-leadership{background:linear-gradient(180deg,#fff 0%,#f4f8f5 100%)}
.su-home-ministries{background:linear-gradient(180deg,#f1f6f2 0%,#fafaf7 100%)}
.su-home-events{background:linear-gradient(135deg,#f4f7f4 0%,#f8f7f1 100%)}
.su-home-vacancies{background:#fff}
.su-home-resources{background:linear-gradient(180deg,#fbfaf6 0%,#f2f6f3 100%)}
.su-home-about{background:#fff}
.su-home-about .su-card{background:linear-gradient(145deg,#f5f8f5,#fff)}
.su-quick-link:focus-visible,.su-btn:focus-visible,.su-card a:focus-visible,.su-card button:focus-visible{outline:3px solid #08783f;outline-offset:3px}
@media(max-width:900px){
 .su-hero{min-height:auto}
 .su-hero-grid{grid-template-columns:1fr;padding:68px 0 54px}
 .su-hero-copy{max-width:760px}
 .su-quick-panel{margin:12px 0 0;max-width:720px}
 .su-hero-media{background-position:64% center}
 .su-hero-media:before{background:linear-gradient(90deg,rgba(3,32,18,.94),rgba(3,32,18,.78))}
}
@media(max-width:680px){
 .su-hero-grid{padding:50px 0 30px;gap:15px}
 .su-hero h1{font-size:clamp(2.55rem,11.5vw,3.55rem);line-height:1.04}
 .su-hero-media{background-position:63% center}
 .su-hero-media:before{background:linear-gradient(180deg,rgba(3,32,18,.76) 0%,rgba(3,32,18,.92) 38%,rgba(3,32,18,.97) 100%)}
 .su-quick-panel{margin-top:14px;padding:14px}
 .su-section-head h2,.su-split h2{font-size:clamp(1.85rem,8.5vw,2.5rem);line-height:1.12}
 .su-section-head{margin-bottom:23px}
 .su-page-hero h1{font-size:clamp(2.35rem,10.5vw,3.35rem);line-height:1.06}
}


/* v11.0.0 — refine page hero backdrops while preserving existing header content and layout. */
.su-page-hero,.su-page-hero[class*="su-page-hero--"]{background-image:linear-gradient(90deg,rgba(3,34,19,.93) 0%,rgba(4,58,33,.87) 48%,rgba(4,58,33,.78) 100%),url('assets/images/su-national-hero.webp');background-color:#06371f;background-size:cover;background-position:68% center;color:#fff}
.su-page-hero h1{color:#fff;text-shadow:0 2px 22px rgba(0,0,0,.26)}
.su-page-hero p:not(.su-eyebrow){color:rgba(255,255,255,.94)}
.su-page-hero[class*="su-page-hero--"] h1{color:#fff;text-shadow:0 2px 22px rgba(0,0,0,.26)}
.su-page-hero[class*="su-page-hero--"] .su-page-hero__inner>p{color:rgba(255,255,255,.94)}
@media(max-width:760px){.su-page-hero,.su-page-hero[class*="su-page-hero--"]{background-image:linear-gradient(180deg,rgba(3,34,19,.82) 0%,rgba(4,58,33,.94) 100%),url('assets/images/su-national-hero.webp');background-position:68% center}}