/* ==========================================================================
   Intelsense — Premium footer
   Scoped under .site-footer. Base brand colour #00256b.
   WCAG 2.1 AA: text on dark navy >= 4.5:1, visible focus, accessible social
   links (the legacy hover-flip duplicated each link — the clone is removed
   from the tab/AT order here).
   ========================================================================== */

.site-footer{
    --f-navy:      #00256b;
    --f-navy-top:  #002a7a;
    --f-navy-deep: #00133a;
    --f-text:      #ffffff;
    --f-muted:     #c3cfe6;   /* 9.4:1 on #00256b                              */
    --f-muted-dim: #9fb0d0;   /* 5.6:1 on #00133a — copyright bar              */
    --f-amber:     #ffb84d;   /* link/accent on dark — 8.6:1 on navy          */
    --f-line:      rgba(255, 255, 255, .12);
    --f-ease:      cubic-bezier(.4, 0, .2, 1);

    font-family: 'Poppins', sans-serif;
    float: none;
    width: 100%;
}

/* reset the legacy float/hacky-margin layout inside the footer */
.site-footer .area-9,
.site-footer .area-10,
.site-footer .copy-area{
    float: none;
    width: 100%;
}

.site-footer .area-inr9,
.site-footer .area-inr10,
.site-footer .copy-inr{
    float: none;
    width: 100%;
    margin: 0;
}

/* ------------------------------------------------------- contact strip */

.site-footer .area-9{
    background: var(--f-navy);
    padding: 20px 0;
    border-bottom: 1px solid var(--f-line);
}

.site-footer .area-inr9 p{
    margin: 0;
    text-align: center;
    font-size: 17px;
    font-weight: 500;
    color: var(--f-text);
}

.site-footer .area-inr9 a{
    color: var(--f-amber);
    font-weight: 600;
    text-decoration: none;
    transition: color .18s var(--f-ease);
}

.site-footer .area-inr9 a:hover{
    color: #fff;
    text-decoration: underline;
}

/* --------------------------------------------------------- main footer */

.site-footer .area-10{
    padding: 60px 0 44px;
    background:
        radial-gradient(900px 380px at 12% 0%, rgba(255, 255, 255, .06), transparent 60%),
        linear-gradient(180deg, var(--f-navy-top) 0%, var(--f-navy) 55%, var(--f-navy-deep) 100%);
}

.site-footer .area-10 .col-lg-3{ margin-bottom: 18px; }

.site-footer .area-10 img{
    max-height: 52px;
    width: auto;
    margin-bottom: 6px;
}

/* column headings */
.site-footer .social-area h4,
.site-footer .list-1 h4{
    position: relative;
    margin: 24px 0 20px;
    padding-bottom: 12px;
    font-size: 17px;
    font-weight: 600;
    letter-spacing: .02em;
    color: var(--f-text);
    text-transform: uppercase;
}

.site-footer .social-area h4::after,
.site-footer .list-1 h4::after{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 40px;
    height: 3px;
    border-radius: 3px;
    background: var(--f-amber);
}

/* ------------------------------------------------------- social icons */
/* legacy markup stacks two <a> per platform for a flip effect. We drop the
   clone from layout + a11y, and render one clean circular button. */

.site-footer .social-area ul{
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin: 0;
    padding: 0;
    transform: none;
    list-style: none;
}

.site-footer .social-area ul li{
    display: inline-flex;
    width: auto;
    height: auto;
    margin: 0;
    border: 0;
    border-radius: 0;
    overflow: visible;
}

.site-footer .social-area ul li a{
    position: static;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    line-height: 1;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, .22);
    background: rgba(255, 255, 255, .06);
    color: var(--f-text);
    font-size: 18px;
    transition: background .2s var(--f-ease), color .2s var(--f-ease),
                transform .2s var(--f-ease), border-color .2s var(--f-ease);
}

/* remove the duplicate flip clone entirely (from view AND tab order) */
.site-footer .social-area ul li a:nth-of-type(2){ display: none; }

.site-footer .social-area ul li a:hover,
.site-footer .social-area ul li a:focus-visible{
    background: var(--f-amber);
    border-color: var(--f-amber);
    color: var(--f-navy);
    transform: translateY(-3px);
}

/* --------------------------------------------------------- link lists */

.site-footer .list-1{ float: none; width: 100%; }

.site-footer .list-1 ul{
    float: none;
    width: 100%;
    margin: 0;
    padding: 0;
}

.site-footer .list-1 ul li{
    display: flex;
    align-items: baseline;
    gap: 10px;
    margin-bottom: 2px;
}

/* legacy uses a big fa-circle bullet — shrink to a neat amber dot */
.site-footer .list-1 ul li .fa-solid{
    color: var(--f-amber);
    font-size: 6px;
    margin: 0;
    transform: translateY(-3px);
    flex: none;
}

.site-footer .list-1 ul li .fa{
    color: var(--f-amber);
    font-size: 16px;
    margin: 0 8px 0 0;
    flex: none;
}

.site-footer .list-1 ul li a{
    color: var(--f-muted);
    font-size: 15px;
    line-height: 1.9;
    text-decoration: none;
    transition: color .16s var(--f-ease), padding-left .16s var(--f-ease);
}

.site-footer .list-1 ul li a:hover,
.site-footer .list-1 ul li a:focus-visible{
    color: var(--f-amber);
}

/* contact info block */
.site-footer .list-1 .contact-info{
    display: flex;
    align-items: center;
    gap: 10px;
}

.site-footer .list-1 .contact-info a{
    color: var(--f-muted);
    font-size: 15px;
    text-decoration: none;
    word-break: break-word;
}

.site-footer .list-1 .contact-info a:hover{ color: var(--f-amber); }

/* ---------------------------------------------------------- copyright */

.site-footer .copy-area{
    padding: 18px 0;
    background: var(--f-navy-deep);
    border-top: 1px solid var(--f-line);
    text-align: center;
    font-weight: 400;
}

.site-footer .copy-inr{
    float: none;
    width: 100%;
    margin: 0;
}

.site-footer .copy-inr p{
    margin: 0;
    font-size: 13.5px;
    color: var(--f-muted-dim);
}

.site-footer .copy-inr p a{
    color: var(--f-muted);
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 2px;
    transition: color .16s var(--f-ease);
}

.site-footer .copy-inr p a:hover{
    color: var(--f-amber) !important;   /* beat legacy #000 !important */
}

/* --------------------------------------------------------- focus ring */

.site-footer a:focus-visible{
    outline: 3px solid var(--f-amber);
    outline-offset: 3px;
    border-radius: 6px;
}

/* --------------------------------------------------------- responsive */

@media (max-width: 991.98px){
    .site-footer .area-10{ padding: 46px 0 30px; }
    .site-footer .area-10 .row{ row-gap: 20px; }
}

@media (max-width: 767.98px){
    .site-footer .area-10{ text-align: center; }
    .site-footer .social-area h4::after,
    .site-footer .list-1 h4::after{ left: 50%; transform: translateX(-50%); }
    .site-footer .social-area ul,
    .site-footer .list-1 .contact-info{ justify-content: center; }
    .site-footer .list-1 ul li{ justify-content: center; }
    .site-footer .area-inr9 p{ font-size: 15px; }
}

@media (prefers-reduced-motion: reduce){
    .site-footer .social-area ul li a{ transition: none; }
    .site-footer .social-area ul li a:hover{ transform: none; }
}