/* Courtesywide v7.26 — footer logo + JSKenya credit */

.footer-logo-link{
    display:inline-flex;
    align-items:center;
    max-width:100%;
    margin-bottom:18px;
    text-decoration:none;
}
.footer-logo-wrap{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:210px;
    max-width:100%;
    min-height:82px;
    padding:9px 12px;
    border-radius:13px;
    background:#fff;
    box-shadow:0 10px 28px rgba(0,0,0,.14);
}
.footer-logo-image{
    display:block;
    width:100%;
    max-width:186px;
    height:64px;
    object-fit:contain;
    object-position:left center;
}
.footer-logo-link:hover .footer-logo-wrap{
    transform:translateY(-1px);
}
.footer-logo-wrap{
    transition:transform .16s ease,box-shadow .16s ease;
}
.footer-logo-link:hover .footer-logo-wrap{
    box-shadow:0 13px 34px rgba(0,0,0,.18);
}

.footer-bottom.footer-bottom-branded{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
    align-items:center;
    gap:18px;
    padding-top:20px;
    padding-bottom:20px;
}
.footer-copyright{
    justify-self:start;
}
.footer-designer-credit{
    justify-self:center;
    text-align:center;
    color:#c4cfdb!important;
    font-size:11px;
    white-space:nowrap;
}
.footer-designer-credit a{
    color:#fff;
    font-weight:800;
    text-decoration:none;
    border-bottom:1px solid rgba(255,255,255,.35);
    transition:color .15s ease,border-color .15s ease;
}
.footer-designer-credit a:hover,
.footer-designer-credit a:focus-visible{
    color:var(--secondary);
    border-bottom-color:var(--secondary);
}
.footer-love{
    display:inline-block;
    margin:0 2px;
    font-size:12px;
    line-height:1;
}
.footer-legal{
    justify-self:end;
    text-align:right;
    color:#c4cfdb!important;
}

@media(max-width:900px){
    .footer-bottom.footer-bottom-branded{
        grid-template-columns:1fr;
        justify-items:center;
        text-align:center;
        gap:8px;
    }
    .footer-copyright,
    .footer-designer-credit,
    .footer-legal{
        justify-self:center;
        text-align:center;
    }
}
@media(max-width:620px){
    .footer-logo-wrap{
        width:190px;
        min-height:74px;
    }
    .footer-logo-image{
        max-width:168px;
        height:58px;
    }
    .footer-designer-credit{
        white-space:normal;
        line-height:1.5;
    }
}

/* v7.30 — aircraft footer using Courtesywide logo palette
   Logo palette: green + warm brown + black/white.
   The aircraft photograph remains clearly visible; overlays are intentionally light. */
.site-footer{
    --cw-footer-green:#39c923;
    --cw-footer-brown:#8b4a21;
    --cw-footer-black:#0b0b0b;

    position:relative;
    isolation:isolate;
    overflow:hidden;

    /* No navy background. Black belongs to the Courtesywide logo and is used only
       as a light readability veil over the actual aircraft photograph. */
    background-color:var(--cw-footer-black)!important;
    background-image:url('/images/footer/courtesywide-footer-aircraft.jpg')!important;
    background-size:cover!important;
    background-position:center 43%!important;
    background-repeat:no-repeat!important;
}

/* Uniform photo veil: solid transparency, not a colour gradient. */
.site-footer::after{
    content:"";
    position:absolute;
    inset:0;
    z-index:1;
    background:rgba(11,11,11,.56);
    pointer-events:none;
}

/* Footer content always stays above the photograph. */
.site-footer > *{
    position:relative;
    z-index:2;
}

/* Use the logo green/brown for the top accent instead of navy/teal. */
.site-footer::before{
    z-index:3;
    background:var(--cw-footer-green)!important;
    box-shadow:none!important;
}

/* Light text shadow only — enough for readability without hiding the photo. */
.footer-grid h4,
.footer-grid p,
.footer-grid a,
.footer-contact-link,
.footer-newsletter,
.footer-bottom{
    text-shadow:0 1px 2px rgba(0,0,0,.35);
}

.footer-grid h4{
    color:#fff!important;
}

.footer-grid p,
.footer-grid a:not(.footer-contact-link),
.footer-contact-link{
    color:rgba(255,255,255,.88)!important;
}

.footer-grid a:not(.footer-contact-link):hover,
.footer-contact-link:hover{
    color:var(--cw-footer-green)!important;
}

.footer-grid > div + div{
    border-left-color:rgba(255,255,255,.22)!important;
}

/* White logo card keeps the green/brown/black logo accurate over the photograph. */
.footer-logo-wrap{
    background:rgba(255,255,255,.94)!important;
    border:1px solid rgba(255,255,255,.62);
    box-shadow:0 10px 24px rgba(0,0,0,.18)!important;
    backdrop-filter:blur(2px);
}

/* Transparent glass rather than a dark block — aircraft remains visible. */
.footer-newsletter{
    margin-top:46px!important;
    padding:18px!important;
    border:1px solid rgba(255,255,255,.25)!important;
    border-radius:14px;
    background:rgba(11,11,11,.24)!important;
    backdrop-filter:blur(5px);
    box-shadow:0 8px 24px rgba(0,0,0,.10);
}

.footer-newsletter strong{
    color:#fff!important;
}
.footer-newsletter small{
    color:rgba(255,255,255,.82)!important;
}
.footer-newsletter input[type="email"]{
    border:1px solid rgba(255,255,255,.45)!important;
    background:rgba(255,255,255,.95)!important;
    color:#1a1a1a!important;
}
.footer-newsletter input[type="email"]:focus{
    border-color:var(--cw-footer-green)!important;
    box-shadow:0 0 0 3px rgba(57,201,35,.16)!important;
}

/* If the newsletter button inherits an unrelated site colour, bring it back to logo green. */
.footer-newsletter button,
.footer-newsletter .btn{
    background:var(--cw-footer-green)!important;
    border-color:var(--cw-footer-green)!important;
    color:#fff!important;
}
.footer-newsletter button:hover,
.footer-newsletter .btn:hover{
    background:#2faf1c!important;
    border-color:#2faf1c!important;
}

/* Bottom area remains transparent; no navy strip is introduced. */
.footer-bottom.footer-bottom-branded{
    margin-top:22px!important;
    border-top:1px solid rgba(255,255,255,.24)!important;
    background:rgba(11,11,11,.22)!important;
}

.footer-copyright,
.footer-designer-credit,
.footer-legal{
    color:rgba(255,255,255,.86)!important;
}

.footer-designer-credit a{
    color:#fff!important;
    border-bottom-color:rgba(255,255,255,.42)!important;
}
.footer-designer-credit a:hover,
.footer-designer-credit a:focus-visible{
    color:var(--cw-footer-green)!important;
    border-bottom-color:var(--cw-footer-green)!important;
}

/* Small warm-brown accent in the copyright line ties back to the logo ring. */
.footer-love{
    filter:saturate(.95);
}

@media(max-width:900px){
    .site-footer{
        background-position:center 37%!important;
        background-image:url('/images/footer/courtesywide-footer-aircraft.jpg')!important;
    }
    .footer-newsletter{
        padding:16px!important;
    }
}

@media(max-width:620px){
    .site-footer{
        /* Mobile gets only a slightly stronger black veil because text stacks
           over more of the photograph, while the aircraft remains visible. */
        background-image:url('/images/footer/courtesywide-footer-aircraft.jpg')!important;
        background-position:58% center!important;
    }

    .footer-grid > div + div{
        border-left:0!important;
        border-top-color:rgba(255,255,255,.20)!important;
    }

    .footer-newsletter{
        margin-top:34px!important;
        border-radius:12px;
        background:rgba(11,11,11,.40)!important;
    }

    .footer-bottom.footer-bottom-branded{
        background:rgba(11,11,11,.28)!important;
    }
}