/* Raleway open font — self-hosted from official Google Fonts, SIL OFL. */
/* Fathers House Header 0.1.11 — compact 28+72 / sticky 55, approved 2026-10-23 direction.
  Original RGBA logo cropped of bottom subtitle; one optimised master scaled by CSS.
  Social icons are intentionally NONINTERACTIVE until official URLs verified. */
.fh-smart-header{
 --fh-upper:28px;--fh-large:72px;--fh-compact:55px;
 position:relative;z-index:110;width:100%;color:var(--fh-navy);background:var(--fh-surface);border-bottom:1px solid var(--fh-border)
}
.fh-smart-header .wp-block-group{margin-block-start:0;margin-block-end:0}
.fh-smart-header .fh-header-top{height:var(--fh-upper);background:var(--fh-surface);border-bottom:0}
.fh-smart-header .fh-header-top-inner,.fh-smart-header .fh-header-main-inner{
 width:calc(100% - 40px);max-width:1240px;box-sizing:border-box;margin:0 auto;padding:0
}
.fh-smart-header .fh-header-top-inner{height:var(--fh-upper);display:flex;align-items:center;justify-content:space-between;gap:12px}
.fh-social-icons{display:flex;align-items:center;gap:14px;color:var(--fh-brand)}
.fh-social-preview{display:inline-flex;align-items:center;justify-content:center;width:16px;height:19px;opacity:1}
.fh-smart-header .fh-language-nav{margin:0 0 0 auto;border:0;background:transparent;font-size:12px;font-weight:700}
.fh-smart-header .fh-language-nav .wp-block-navigation__container{display:flex;gap:0;align-items:center}
.fh-smart-header .fh-language-nav .wp-block-navigation-item{display:flex;align-items:center}
.fh-smart-header .fh-language-nav li.lang-item + li.lang-item{position:relative;margin-left:10px;padding-left:12px;border-left:0}
.fh-smart-header .fh-language-nav li.lang-item + li.lang-item::before{
 content:"";position:absolute;left:0;top:50%;height:11px;width:1px;
 transform:translateY(-50%);background:var(--fh-border);pointer-events:none
}
.fh-smart-header .fh-language-nav a{color:var(--fh-navy);font-size:12px;min-height:27px;display:inline-flex;align-items:center;text-underline-offset:4px}
.fh-smart-header .fh-language-nav li.current-lang a{
 font-weight:850;color:var(--fh-yellow);text-decoration:none;
 background:transparent;border-radius:0;padding-inline:0
}
.fh-smart-header .fh-header-main{background:var(--fh-surface)}
.fh-smart-header .fh-header-main-inner{min-height:var(--fh-large);display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:nowrap}
.fh-smart-header .fh-header-logo{
 position:relative;display:block;flex:0 0 150px;width:150px;height:64px;
 text-decoration:none;line-height:1;transition:height .33s ease,width .33s ease,flex-basis .33s ease
}
.fh-smart-header .fh-header-logo img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.fh-smart-header .fh-desktop-nav{margin:0 0 0 auto;border:0;background:transparent;font-family:"FH Raleway","Raleway",sans-serif;font-weight:600;font-size:15px;letter-spacing:1px;text-transform:uppercase;white-space:nowrap}
.fh-smart-header .fh-desktop-nav .wp-block-navigation__container{gap:clamp(20px,2.1vw,30px);flex-wrap:nowrap}
.fh-smart-header .fh-desktop-nav a{color:var(--fh-navy);font-family:"FH Raleway","Raleway",sans-serif;font-size:15px;font-weight:600;letter-spacing:1px;text-transform:uppercase;line-height:var(--fh-large);text-decoration:none;transition:line-height .25s ease}
.fh-smart-header .fh-desktop-nav a:hover,.fh-smart-header .fh-desktop-nav a[aria-current="page"]{text-decoration:underline;text-decoration-color:var(--fh-brand);text-decoration-thickness:2px;text-underline-offset:4px}
.fh-smart-header .fh-mobile{display:none}
.fh-smart-header a:focus-visible,.fh-smart-header button:focus-visible{
 outline:2px solid var(--fh-navy);outline-offset:3px;
}
html:lang(uk) .fh-smart-header .fh-primary-nav--en,
html:lang(uk) .fh-smart-header .fh-header-logo--en,
html:lang(en) .fh-smart-header .fh-primary-nav--uk,
html:lang(en) .fh-smart-header .fh-header-logo--uk{display:none!important}
@media(min-width:1221px){
 .fh-smart-header.fh-is-sticky{position:fixed;left:0;right:0;top:-120px;z-index:110;transition:top .33s cubic-bezier(.694,.0482,.335,1)}
 .fh-smart-header.fh-is-sticky.fh-is-visible{top:0}
 body.admin-bar .fh-smart-header.fh-is-sticky.fh-is-visible{top:var(--wp-admin--admin-bar--height,32px)}
 .fh-smart-header.fh-is-sticky .fh-header-top{display:none}
 
 .fh-smart-header.fh-is-sticky .fh-header-main-inner{min-height:var(--fh-compact)}
 .fh-smart-header.fh-is-sticky .fh-header-logo{width:112px;flex-basis:112px;height:47px}
 .fh-smart-header.fh-is-sticky .fh-desktop-nav a{line-height:var(--fh-compact)}
 .fh-header-placeholder.fh-is-spacer{display:block;height:101px}
}
.fh-header-placeholder{display:none}
@media(max-width:1220px){
 .fh-smart-header .fh-header-top,.fh-smart-header .fh-desktop-nav{display:none!important}
 .fh-smart-header .fh-header-main-inner{min-height:70px;gap:14px}
 .fh-smart-header .fh-header-logo{width:144px;flex-basis:144px;height:60px}
 .fh-smart-header .fh-mobile{display:block;position:static;flex:none;margin:0 0 0 auto}
 .fh-smart-header .fh-menu-toggle{
 display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;min-width:88px;
 padding:8px 12px;margin:0;border:1px solid var(--fh-border);border-radius:5px;background:var(--fh-surface);color:var(--fh-navy);
 font:inherit;font-weight:750;font-size:13px;line-height:1;cursor:pointer
 }
 .fh-smart-header .fh-menu-icon{font-size:15px;line-height:1}
 .fh-smart-header .fh-menu-panel{display:none}
 .fh-smart-header .fh-mobile.is-open .fh-menu-panel,
 html:not(.fh-js) .fh-smart-header .fh-mobile .fh-menu-panel{
 display:flex;flex-direction:column;gap:0;position:absolute;z-index:120;left:0;right:0;top:100%;
 box-sizing:border-box;background:var(--fh-surface);border:1px solid var(--fh-border);
 padding:12px clamp(20px,4vw,32px) 18px;max-height:calc(100vh - 70px);overflow:auto;
 }
 .fh-smart-header .fh-menu-panel .wp-block-navigation{margin:0;border:0;background:transparent}
 .fh-smart-header .fh-menu-panel .wp-block-navigation .wp-block-navigation__container{
 display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;width:100%
 }
 .fh-smart-header .fh-menu-panel .wp-block-navigation-item{width:100%}
 .fh-smart-header .fh-menu-panel .wp-block-navigation-item__content{
 display:flex;align-items:center;box-sizing:border-box;width:100%;min-height:46px;
 padding:8px 12px;border-radius:4px;color:var(--fh-navy);font-family:"FH Raleway","Raleway",sans-serif;font-size:15px;font-weight:600;letter-spacing:1px;text-transform:uppercase;line-height:1.3;text-decoration:none
 }
 .fh-smart-header .fh-menu-panel .fh-menu-nav .wp-block-navigation-item__content:hover{background:var(--fh-bg);text-decoration:underline;text-decoration-color:var(--fh-brand);text-decoration-thickness:2px;text-underline-offset:4px}
 .fh-smart-header .fh-menu-panel>nav.fh-menu-languages{margin-top:8px;padding-top:9px;border-top:1px solid var(--fh-border)}
 .fh-smart-header .fh-menu-panel .fh-menu-languages .wp-block-navigation__container{flex-direction:row;gap:0;width:auto}
 .fh-smart-header .fh-menu-panel .fh-menu-languages .wp-block-navigation-item{width:auto}
 .fh-smart-header .fh-menu-panel .fh-menu-languages li.lang-item + li.lang-item{
 position:relative;margin-left:8px;padding-left:12px;border-left:0
}
.fh-smart-header .fh-menu-panel .fh-menu-languages li.lang-item + li.lang-item::before{
 content:"";position:absolute;left:0;top:50%;height:12px;width:1px;
 transform:translateY(-50%);background:var(--fh-border);pointer-events:none
}
 .fh-smart-header .fh-menu-panel .fh-menu-languages .wp-block-navigation-item__content{
 width:auto;min-width:44px;min-height:44px;justify-content:center;letter-spacing:.06em
 }
 .fh-smart-header .fh-menu-panel .fh-menu-languages .current-lang .wp-block-navigation-item__content{
 color:var(--fh-yellow);text-decoration:none;background:transparent;border-radius:0
 }
 .fh-smart-header .fh-menu-panel a:focus-visible{
 outline:2px solid var(--fh-navy);outline-offset:-3px;
}
}
@media(max-width:380px){
 .fh-smart-header .fh-header-logo{width:135px;flex-basis:135px;height:57px}
 .fh-smart-header .fh-menu-toggle{min-width:84px;gap:6px;padding:8px 10px}
}
@media(prefers-reduced-motion:reduce){
 .fh-smart-header,.fh-smart-header .fh-header-logo,.fh-smart-header .fh-desktop-nav a{transition:none!important}
}


/* Language selector mirrors Koinonia public visual pattern, FH navy and 2 languages. */
.fh-smart-header .fh-language-nav,
.fh-smart-header .fh-menu-panel .fh-menu-languages{
 font-family:"FH Raleway",Raleway,sans-serif;font-size:13px;font-weight:400;letter-spacing:normal
}
.fh-smart-header .fh-language-nav .wp-block-navigation__container{
 gap:14px;align-items:center
}
.fh-smart-header .fh-language-nav li.lang-item + li.lang-item,
.fh-smart-header .fh-menu-panel .fh-menu-languages li.lang-item + li.lang-item{
 margin-left:0;padding-left:0;border:0
}
.fh-smart-header .fh-language-nav li.lang-item + li.lang-item::before,
.fh-smart-header .fh-menu-panel .fh-menu-languages li.lang-item + li.lang-item::before{
 display:none;content:none
}
.fh-smart-header .fh-language-nav a,
.fh-smart-header .fh-language-nav li.current-lang a{
 font-family:"FH Raleway",Raleway,sans-serif;font-size:13px;font-weight:400;
 letter-spacing:normal;text-transform:none;color:var(--fh-navy);
 padding:0;min-height:28px;background:transparent;border:0;border-radius:0;text-decoration:none
}
.fh-smart-header .fh-language-nav li.current-lang a,
.fh-smart-header .fh-menu-panel .fh-menu-languages li.current-lang a{
 color:var(--fh-navy);opacity:.8;text-decoration:none;background:transparent;font-weight:400
}
.fh-smart-header .fh-language-nav li.lang-item:not(.current-lang) a,
.fh-smart-header .fh-menu-panel .fh-menu-languages li.lang-item:not(.current-lang) a{
 color:var(--fh-navy);opacity:.5;text-decoration:none
}
.fh-smart-header .fh-language-nav a:hover,
.fh-smart-header .fh-menu-panel .fh-menu-languages a:hover{
 opacity:1;text-decoration:none
}
.fh-smart-header .fh-menu-panel .fh-menu-languages .wp-block-navigation__container{
 display:flex;flex-direction:row;align-items:center;gap:14px
}
.fh-smart-header .fh-menu-panel .fh-menu-languages .wp-block-navigation-item__content{
 font-family:"FH Raleway",Raleway,sans-serif;font-size:13px;font-weight:400;letter-spacing:normal;
 text-transform:none;min-width:auto;min-height:44px;padding:8px 3px;
 color:var(--fh-navy);background:transparent;text-decoration:none
}

/* Match specificity of earlier colored mobile Polylang selector; plain FH navy. */
@media(max-width:1220px){
 .fh-smart-header .fh-menu-panel .fh-menu-languages .current-lang .wp-block-navigation-item__content{
   color:var(--fh-navy);background:transparent;opacity:.8;text-decoration:none;
   font-size:13px;font-weight:400
 }
 .fh-smart-header .fh-menu-panel .fh-menu-languages .lang-item:not(.current-lang) .wp-block-navigation-item__content{
   color:var(--fh-navy);background:transparent;opacity:.5;text-decoration:none
 }
}

/* Canonical navigation state and light-background focus. */
.fh-smart-header .fh-desktop-nav :is(a[aria-current="page"],.current-menu-item a){text-decoration:underline;text-decoration-color:var(--fh-brand);text-decoration-thickness:2px;text-underline-offset:4px}
.fh-smart-header .fh-social-preview:hover{color:var(--fh-navy)}
.fh-smart-header :where(a,button):focus-visible{outline:2px solid var(--fh-brand);outline-offset:2px;box-shadow:none}

/* Owner contrast rule overrides old visual-only opacity: every language label
   must remain 4.5:1+ on the white header and mobile menu. */
.fh-smart-header .fh-language-nav li.current-lang a,
.fh-smart-header .fh-menu-panel .fh-menu-languages li.current-lang a,
.fh-smart-header .fh-menu-panel .fh-menu-languages .current-lang .wp-block-navigation-item__content{
  color:var(--fh-navy);opacity:1;font-weight:600;
}
.fh-smart-header .fh-language-nav li.lang-item:not(.current-lang) a,
.fh-smart-header .fh-menu-panel .fh-menu-languages li.lang-item:not(.current-lang) a,
.fh-smart-header .fh-menu-panel .fh-menu-languages .lang-item:not(.current-lang) .wp-block-navigation-item__content{
  color:var(--fh-brand);opacity:1;font-weight:400;
}

/* FH 0.1.14: approved Header composition and DEC-051 Claude/owner QA fixes. */
.fh-smart-header{--fh-upper:42px}
.fh-smart-header .fh-header-top,
.fh-smart-header .fh-header-top-inner{height:42px;min-height:42px;box-sizing:border-box}
.fh-smart-header .fh-header-top-inner{padding-block:5px;display:flex;align-items:center}
.fh-smart-header .fh-language-nav{margin-left:0}
.fh-smart-header .fh-help-preview{
 display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;
 border-radius:2px;min-height:30px;padding:5px 12px;font-family:"FH Raleway",Raleway,sans-serif;
 font-size:12px;font-weight:700;line-height:1.3;color:var(--fh-navy);background:var(--fh-brand-tint)
}
.fh-smart-header .fh-help-desktop{height:30px;margin-left:auto;margin-right:24px}
.fh-smart-header .fh-help--uk,
.fh-smart-header .fh-help--en{display:none}
html:lang(uk) .fh-smart-header .fh-help--uk,
html:lang(en) .fh-smart-header .fh-help--en{display:inline-flex}
.fh-smart-header .fh-desktop-nav{margin-left:auto;margin-right:0;border:0;background:transparent;font-size:13px;letter-spacing:.4px}
.fh-smart-header .fh-desktop-nav .wp-block-navigation__container{
 display:flex;align-items:center;justify-content:flex-end;flex-wrap:nowrap;
 list-style:none;margin:0;padding:0;gap:clamp(12px,1.35vw,22px)
}
.fh-smart-header .fh-desktop-nav .wp-block-navigation-item{display:flex;align-items:center;list-style:none}
.fh-smart-header .fh-desktop-nav :is(a,.fh-nav-future){
 color:var(--fh-navy);font:600 13px/var(--fh-large) "FH Raleway",Raleway,sans-serif;
 letter-spacing:.4px;text-transform:uppercase;white-space:nowrap;text-decoration:none
}
.fh-smart-header .fh-desktop-nav .fh-nav-future{cursor:default}
.fh-smart-header .fh-desktop-nav a:hover,
.fh-smart-header .fh-desktop-nav a[aria-current="page"]{text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--fh-brand);text-underline-offset:4px}
.fh-smart-header .fh-header-main-inner{gap:12px}
.fh-smart-header .fh-cta-donate{
 display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;
 flex-shrink:0;min-height:40px;padding:8px 16px;border:0;border-radius:2px;
 color:var(--fh-navy)!important;background:var(--fh-yellow);
 font:800 13px/1.2 "FH Raleway",Raleway,sans-serif;white-space:nowrap;text-decoration:none!important
}
.fh-smart-header .fh-cta-donate:hover{background:var(--fh-yellow-hover);color:var(--fh-navy)!important}
.fh-smart-header .fh-cta-donate:focus-visible{outline:2px solid var(--fh-brand);outline-offset:2px}
.fh-smart-header .fh-donate--uk,.fh-smart-header .fh-donate--en{display:none}
html:lang(uk) .fh-smart-header .fh-donate--uk,
html:lang(en) .fh-smart-header .fh-donate--en{display:inline-flex}
.fh-smart-header .fh-menu-toggle{border-radius:2px!important}
@media (min-width:1221px){
 .fh-smart-header.fh-is-sticky .fh-header-top{display:none}
 .fh-smart-header.fh-is-sticky .fh-header-main-inner{min-height:var(--fh-compact)}
 .fh-smart-header.fh-is-sticky .fh-desktop-nav :is(a,.fh-nav-future){line-height:var(--fh-compact)}
 .fh-header-placeholder.fh-is-spacer{display:block}
}
@media (min-width:1001px) and (max-width:1220px){
 .fh-smart-header.fh-is-sticky{position:relative;top:auto}
}
.fh-menu-backdrop[hidden]{display:none!important}
.fh-menu-backdrop{
 display:none;position:fixed;inset:0;z-index:109;
 background:rgba(29,52,77,.5);
}
@media (max-width:1220px){
 .fh-smart-header .fh-header-top,
 .fh-smart-header .fh-desktop-nav{display:none!important}
 .fh-smart-header .fh-header-main-inner{min-height:70px;gap:12px}
 .fh-smart-header .fh-header-logo{width:140px;flex-basis:140px;height:58px}
 .fh-smart-header .fh-mobile{display:block;position:static;flex:none;margin:0}
 .fh-smart-header .fh-header-main-inner>.fh-cta-donate{
   margin-left:auto;margin-right:8px;min-height:42px
 }
 .fh-smart-header .fh-menu-toggle{
   display:inline-flex;align-items:center;justify-content:center;gap:8px;
   min-height:46px;min-width:88px;padding:8px 12px;margin:0;
   border:1px solid var(--fh-border);border-radius:2px;
   background:var(--fh-surface);color:var(--fh-navy);
   font:750 13px/1 "FH Raleway",Raleway,sans-serif;cursor:pointer
 }
 .fh-smart-header .fh-menu-panel{display:none}
 .fh-smart-header .fh-mobile.is-open .fh-menu-panel,
 html:not(.fh-js) .fh-smart-header .fh-mobile .fh-menu-panel{
   display:flex;flex-direction:column;gap:0;position:absolute;z-index:120;
   left:0;right:0;top:100%;box-sizing:border-box;
   background:var(--fh-surface);border:1px solid var(--fh-border);
   padding:12px clamp(20px,4vw,32px) 18px;
   max-height:calc(100vh - 70px);overflow:auto
 }
 .fh-menu-backdrop:not([hidden]){display:block}
 .fh-smart-header .fh-menu-panel .fh-menu-nav{margin:0;border:0;background:transparent}
 .fh-smart-header .fh-menu-panel .fh-menu-nav .wp-block-navigation__container{
    display:flex;flex-direction:column;gap:0;width:100%;list-style:none;margin:0;padding:0
 }
 .fh-smart-header .fh-menu-panel .fh-menu-nav li.wp-block-navigation-item{
   box-sizing:border-box;width:100%;height:52px;min-height:52px;max-height:52px;
   margin:0!important;padding:0!important;list-style:none
 }
 .fh-smart-header .fh-menu-panel .fh-menu-nav li.wp-block-navigation-item :is(a.wp-block-navigation-item__content,span.fh-nav-future){
   box-sizing:border-box;display:flex;align-items:center;width:100%;height:52px;min-height:52px;
   max-height:52px;margin:0!important;padding:0 12px!important;
   border-radius:2px;font:600 15px/1.25 "FH Raleway",Raleway,sans-serif;
   letter-spacing:.8px;text-transform:uppercase;color:var(--fh-navy);text-decoration:none
 }
 .fh-smart-header .fh-menu-panel .fh-menu-nav li.wp-block-navigation-item a:hover{
   background:var(--fh-bg);text-decoration:underline;text-decoration-color:var(--fh-brand);
   text-decoration-thickness:2px;text-underline-offset:4px
 }
 .fh-smart-header .fh-menu-panel .fh-help-mobile{
   display:inline-flex;align-items:center;justify-content:center;
   box-sizing:border-box;height:48px;min-height:48px;
   width:calc(100% - 24px);margin:8px 12px 12px;border-radius:2px
 }
 .fh-smart-header .fh-menu-panel>nav.fh-menu-languages{
   box-sizing:border-box;max-width:100%;margin-top:8px;
   padding-top:9px;padding-left:12px;border-top:1px solid var(--fh-border)
 }
 .fh-smart-header .fh-menu-panel .fh-menu-languages .wp-block-navigation__container{flex-direction:row;gap:14px}
 .fh-smart-header .fh-menu-panel .fh-menu-languages .wp-block-navigation-item__content{
   min-height:44px;padding:8px 3px;font-size:13px;letter-spacing:normal;text-transform:none
 }
 .fh-smart-header .fh-menu-panel a:focus-visible,
 .fh-smart-header .fh-menu-toggle:focus-visible{outline:2px solid var(--fh-brand);outline-offset:2px}
}
@media (min-width:768px) and (max-width:1220px){
 .fh-smart-header .fh-menu-panel .fh-help-mobile{width:min(320px,calc(100% - 24px))}
}
@media (max-width:380px){
 .fh-smart-header .fh-header-logo{width:118px;flex-basis:118px;height:53px}
 .fh-smart-header .fh-header-main-inner{gap:6px}
 .fh-smart-header .fh-header-main-inner>.fh-cta-donate{padding:8px 10px;font-size:12px;margin-right:0}
 .fh-smart-header .fh-menu-toggle{min-width:45px;min-height:45px;padding:8px}
 .fh-smart-header .fh-menu-toggle .fh-menu-label{display:none}
}
@media (prefers-reduced-motion:reduce){
 .fh-smart-header.fh-is-sticky{transition:none!important}
}

@media (min-width:381px) and (max-width:420px){
 .fh-smart-header .fh-header-main-inner{gap:6px}
 .fh-smart-header .fh-header-main-inner>.fh-cta-donate{margin-right:0}
}


/* FH 0.1.15: Claude QA fixes — scrolling page closes mobile menu;
   keep short-height panel independently scrollable and align language TEXT. */
@media (max-width:1220px){
 .fh-smart-header .fh-menu-panel{overscroll-behavior:contain}
 .fh-smart-header .fh-menu-panel .fh-menu-languages .wp-block-navigation-item__content{
   padding-left:0;padding-right:6px;min-width:44px;justify-content:flex-start
 }
}