/* ──────────────────────────────────────────────────────────
   FictionX – moi-1 Footer enhancement
   A cleaner, more organized dark footer: tighter spacing,
   accented headings, refined link lists, circular icon badges
   and social buttons. RTL-first (logical properties).
   No box-shadow on buttons per template UI rule.
   ────────────────────────────────────────────────────────── */

/* ===== Wrapper / spacing ===== */
#footWrapper .footer-middle{
    padding:52px 0 40px;
    background:linear-gradient(180deg,#242427 0%,#1b1b1d 100%);
    color:#b7bac1;
}
#footWrapper .footer-middle .row{display:flex;flex-wrap:wrap;}
#footWrapper .footer-middle a{color:#c5c8ce;transition:color .2s ease;}
#footWrapper .footer-middle a:hover{color:#ffffff;}

/* thin divider between columns */
#footWrapper .footer-middle [class*="col-md-"]{
    position:relative;
}

/* ===== Column headings ===== */
#footWrapper .footer-middle h3{
    font-size:16px;
    font-weight:800;
    color:#ffffff;
    text-transform:none;
    letter-spacing:0;
    margin:0 0 22px;
    padding-bottom:13px;
    position:relative;
    border-bottom:1px solid rgba(255,255,255,.08);
}
#footWrapper .footer-middle h3:before{display:none;}
#footWrapper .footer-middle h3:after{
    content:"";
    display:block;
    position:absolute;
    bottom:-1px;
    inset-inline-start:0;
    width:46px;
    height:3px;
    margin:0;
    border-radius:4px;
    background:linear-gradient(90deg,#c11717,#7d0f0f);
}
#footWrapper .footer-middle h3 a{color:inherit;}

/* ===== Link lists ===== */
#footWrapper .footer-middle .menu-widget li{
    padding:11px 0;
    margin:0;
    border-top:1px solid rgba(255,255,255,.06);
}
#footWrapper .footer-middle .menu-widget li:first-child{border-top:0;padding-top:0;}
#footWrapper .footer-middle .menu-widget li a{
    position:relative;
    display:inline-flex;
    align-items:center;
    gap:9px;
    font-size:14px;
    line-height:1.5;
}
#footWrapper .footer-middle .menu-widget li a:before{
    content:"\f104";                 /* chevron pointing to start (RTL) */
    font:normal normal normal 12px/1 FontAwesome;
    color:#c11717;
    margin:0;
    transition:transform .2s ease;
}
#footWrapper .footer-middle .menu-widget li a:hover:before{
    transform:translateX(-4px);
}
[dir="ltr"] #footWrapper .footer-middle .menu-widget li a:before{content:"\f105";}
[dir="ltr"] #footWrapper .footer-middle .menu-widget li a:hover:before{transform:translateX(4px);}

/* ===== Publications (recent posts) ===== */
#footWrapper .recent-posts-footer ul{margin:0;padding:0;list-style:none;}
#footWrapper .recent-posts-footer ul li{
    display:flex;
    align-items:center;
    gap:12px;
    padding:12px 0;
    margin:0;
    border-top:1px solid rgba(255,255,255,.06);
}
#footWrapper .recent-posts-footer ul li:first-child{border-top:0;padding-top:0;}
#footWrapper .recent-posts-footer .post-img{
    flex-shrink:0;
    border-radius:4px;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.08);
}
#footWrapper .recent-posts-footer .widget-post-info{flex:1;min-width:0;}
#footWrapper .recent-posts-footer .widget-post-info h4{
    font-size:13.5px;
    font-weight:600;
    margin:0 0 5px;
    line-height:1.55;
}
#footWrapper .recent-posts-footer .widget-post-info h4 a{color:#dfe1e5;}
#footWrapper .recent-posts-footer .widget-post-info h4 a:hover{color:#fff;}
#footWrapper .recent-posts-footer .meta{font-size:11.5px;color:#8a8d94;}
#footWrapper .recent-posts-footer .meta i{color:#c11717;margin-inline-end:6px;}

/* ===== Contact column ===== */
#footWrapper .contact-widget .details{margin:0 0 22px;padding:0;list-style:none;}
#footWrapper .contact-widget .details li{
    display:flex;
    align-items:center;
    gap:12px;
    margin:0 0 14px;
    line-height:1.6;
    letter-spacing:.2px;
}
#footWrapper .contact-widget .details li i{display:inline-flex;}
#footWrapper .contact-widget .details li i:before{
    margin:0;
    width:36px;
    height:36px;
    line-height:36px;
    border-radius:50%;
    background:rgba(193,23,23,.15);
    color:#e07373;
    font-size:13px;
    text-align:center;
    transition:background .25s ease,color .25s ease;
}
#footWrapper .contact-widget .details li:hover i:before{
    background:#c11717;color:#fff;
}
#footWrapper .contact-widget .details li span{font-size:13.5px;color:#bcbfc6;}
/* TAJAWOB lead row */
#footWrapper .contact-widget .details li:first-child a{
    align-items:center;
    gap:12px;
    line-height:1.6;
}
#footWrapper .contact-widget .details li:first-child span{color:#cfd2d8;font-weight:600;}

/* ===== Social buttons ===== */
#footWrapper .social-list{display:flex;flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none;}
#footWrapper .social-list li{margin:0;}
#footWrapper .social-list li a{
    border:1px solid rgba(255,255,255,.2) !important;
    color:#cfd2d8;
    border-radius:50%;
    width:40px;height:40px;line-height:40px;
    text-align:center;
    transition:background .25s ease,border-color .25s ease,color .25s ease,transform .25s ease;
}
#footWrapper .social-list li a:hover{
    background:#c11717;
    border-color:#c11717 !important;
    color:#fff;
    transform:translateY(-3px);
}

/* ===== Bottom bar ===== */
#footWrapper .footer-bottom{
    background:#141416;
    border-top:1px solid rgba(255,255,255,.05);
}
#footWrapper .footer-bottom .footer-menu li a{
    text-transform:none;
    color:#9a9da4;
    font-size:12.5px;
}
#footWrapper .footer-bottom .footer-menu li a:hover{color:#fff;}

/* ===== Responsive ===== */
@media (max-width:991px){
    #footWrapper .footer-middle{padding:36px 0 26px;}
    #footWrapper .footer-middle [class*="col-md-"]{margin-bottom:30px;}
    #footWrapper .footer-middle .row{display:block;}
}

@media (prefers-reduced-motion:reduce){
    #footWrapper .footer-middle .menu-widget li a:before,
    #footWrapper .social-list li a,
    #footWrapper .contact-widget .details li i:before{transition:none;}
    #footWrapper .social-list li a:hover{transform:none;}
}