.bf-footer{background:#171719 var(--bf-bg) center/cover no-repeat;color:#fff;position:relative;font-family:inherit}
.bf-footer:before{content:"";position:absolute;inset:0;background:rgba(15,10,5,.76)}
.bf-footer-inner,.bf-copy{position:relative;z-index:1}
.bf-footer-inner{max-width:1350px;margin:auto;padding:34px 28px 20px;display:grid;grid-template-columns:1.25fr 1fr 1fr 1.2fr 1.25fr;gap:0}
.bf-col{padding:0 22px;min-width:0;border-left:1px dotted rgba(255,255,255,.55)}
.bf-col:first-child{border-left:0}
.bf-col h3{font-size:21px;margin:8px 0 28px;color:#fff}
.bf-col p,.bf-col li,.bf-contact-lines div{font-size:15px;line-height:1.65}
.bf-about-logo{background:#fff;padding:10px;margin:0 0 25px;max-width:300px;height:115px;display:flex;align-items:center;justify-content:center}
.bf-about-logo img{max-width:100%;max-height:100%;object-fit:contain}
.bf-col ul{list-style:none;margin:0;padding:0}
.bf-col li{margin:0 0 10px}
.bf-col a{color:#fff;text-decoration:none}
.bf-col a:hover{color:#f5a623}
.bf-logo-grid{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:10px;
    margin-bottom:20px;
}

/* Association logos: preserve transparent PNGs and display them larger,
   similar to the reference footer. No white box is forced behind them. */
.bf-association-logos{
    gap:10px;
}
.bf-association-logos img{
    display:block;
    width:auto;
    height:58px;
    max-width:150px;
    object-fit:contain;
    object-position:center;
    background:transparent !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
}

/* Payment logos can keep a small white presentation area because
   Visa/Mastercard/etc. artwork is normally designed for that treatment. */
.bf-accept-title{
    margin-top:24px!important;
    margin-bottom:12px!important;
}
.bf-payments{
    gap:8px;
}
.bf-payments img{
    display:block;
    width:auto;
    min-width:76px;
    height:44px;
    max-width:105px;
    object-fit:contain;
    background:#fff;
    padding:4px;
    border-radius:3px;
}
.bf-contact-lines div{margin:5px 0}
.bf-social{display:flex;gap:10px;margin-top:22px}
.bf-social a{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#315aa0;color:#fff;font-size:24px;font-weight:700}
.bf-social a:nth-child(2){background:#e91e63}.bf-social a:nth-child(3){background:#e21b23}
.bf-copy{background:#101012;text-align:center;padding:16px 20px;font-size:15px}
@media(max-width:1050px){.bf-footer-inner{grid-template-columns:repeat(3,1fr)}.bf-col:nth-child(4){border-left:0;margin-top:25px}.bf-col:nth-child(5){margin-top:25px}}
@media(max-width:700px){.bf-footer-inner{grid-template-columns:1fr;padding:28px 18px}.bf-col{border-left:0;border-top:1px dotted rgba(255,255,255,.45);padding:22px 0}.bf-col:first-child{border-top:0}.bf-col h3{margin:0 0 18px}.bf-about-logo{max-width:100%}.bf-copy{font-size:13px}}


/* Buruuj Footer Builder: replace the existing theme footer */
body footer:not(.bf-footer),
body #colophon,
body .site-footer,
body .main-footer,
body .footer-area,
body .footer-wrapper,
body .footer-container,
body #footer,
body .elementor-location-footer,
body .ct-footer,
body .wp-block-template-part footer{
    display:none !important;
    visibility:hidden !important;
    height:0 !important;
    min-height:0 !important;
    max-height:0 !important;
    overflow:hidden !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
}

/* Wider association area on desktop */
@media(min-width:1051px){
    .bf-footer-inner{
        grid-template-columns:1.15fr .9fr 1fr 1.45fr 1.25fr;
    }
    .bf-association-logos img{
        height:62px;
        max-width:155px;
    }
}