/* ==========================================================================
   Deep Audiobooks – site footer (brand + social | Community | Deep Audiobooks | Policy)
   Additions only (prefix .df_). Light / dark theme via the template variables.
   ========================================================================== */
.df_footer { --df-bg: #f9f9f9; --df-line: #d9dbe3; font-family: 'Poppins', 'Segoe UI', Arial, sans-serif; background: var(--df-bg); padding: 80px 0 0; margin-bottom: 92px; /* fixed player bar */ position: relative; }
[data-theme=dark] .df_footer { --df-bg: #080729; --df-line: rgba(255, 255, 255, .18); }
.df_footer:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 3px; background: linear-gradient(90deg, #fa5b41, #ff8a50 50%, #6a5cff); }
.df_footer * { box-sizing: border-box; }

.df_row { display: flex; gap: 40px; justify-content: space-between; }
.df_brand { flex: 0 0 34%; max-width: 34%; }
.df_brand img { height: 52px; width: auto; max-width: 100%; object-fit: contain; display: block; margin-bottom: 26px; }
.df_brand p { font-size: 15.5px; line-height: 2; color: var(--para-color); margin: 0 0 28px; max-width: 400px; }

.df_footer .foter_top_wrapper { padding: 0; background: transparent; text-align: left; float: none; width: auto; }
.df_footer .foter_top_wrapper ul { margin: 0; padding: 0; list-style: none; display: flex; gap: 12px; }
.df_footer .foter_top_wrapper li { display: block; margin: 0; }
.df_footer .foter_top_wrapper li a { float: none; display: flex; align-items: center; justify-content: center; width: 42px; height: 42px; line-height: 1; border-radius: 50%; font-size: 17px;
    color: var(--heading-color); background: transparent; border: 1px solid var(--df-line); transition: transform .3s, background .3s, color .3s, border-color .3s; }
.df_footer .foter_top_wrapper li a:hover { transform: translateY(-4px); color: #fff; border-color: transparent; background: linear-gradient(135deg, #fa5b41, #ff8a50); }

.df_col { flex: 1 1 0; min-width: 0; }
.df_col h4 { font-family: 'Poppins', 'Segoe UI', Arial, sans-serif; font-size: 17px; font-weight: 600; text-transform: none; letter-spacing: .2px; margin: 8px 0 24px; padding: 0; color: var(--heading-color); position: relative; }
.df_col h4:after { content: ""; display: block; width: 28px; height: 3px; margin-top: 10px; border-radius: 3px; background: linear-gradient(90deg, #fa5b41, #ff8a50); }
.df_col ul { list-style: none; margin: 0; padding: 0; }
.df_col li { margin: 0 0 16px; }
.df_col li a { position: relative; display: inline-block; font-size: 15.5px; color: var(--para-color); transition: color .25s, transform .25s; }
.df_col li a:hover { color: var(--hover-color); transform: translateX(5px); }

.df_bottom { margin-top: 50px; padding: 26px 0 30px; border-top: 1px solid var(--df-line); text-align: center; }
.df_bottom p { margin: 0; font-size: 15px; color: var(--para-color); }
.df_bottom a { color: var(--heading-color); font-weight: 500; }
.df_bottom a:hover { color: var(--hover-color); }

@media (max-width: 991px) {
    .df_footer { padding-top: 60px; }
    .df_row { flex-wrap: wrap; gap: 36px 20px; }
    .df_brand { flex: 0 0 100%; max-width: 100%; }
    .df_col { flex: 1 1 28%; }
}
@media (max-width: 575px) {
    .df_col { flex: 1 1 45%; }
    .df_brand img { height: 46px; }
}