/* ==========================================================================
   SUPREME FOOTER - BLOG STYLE
   ========================================================================== */

.dodigitals-footer-blog .footer-row {
    background-color: var(--row-bg-light);
    padding: var(--row-pt) var(--row-pr) var(--row-pb) var(--row-pl);
    color: #333;
}

/* Typography */
.dodigitals-footer-blog .footer-text {
    font-family: 'Inter', sans-serif;
    font-size: 15px;
    color: #555;
}

/* Footer Navigation */
.dodigitals-footer-blog .footer-nav ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: inline-flex;
    gap: 25px;
    flex-wrap: wrap;
}

.dodigitals-footer-blog .footer-nav ul li a {
    text-decoration: none;
    color: #111;
    font-weight: 500;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    position: relative;
    transition: color 0.3s;
}

.dodigitals-footer-blog .footer-nav ul li a::after {
    content: '';
    position: absolute;
    width: 0;
    height: 1px;
    bottom: -2px;
    left: 0;
    background-color: #FF7130;
    transition: width 0.3s;
}

.dodigitals-footer-blog .footer-nav ul li a:hover {
    color: #FF7130;
}
.dodigitals-footer-blog .footer-nav ul li a:hover::after {
    width: 100%;
}

/* Vertical List for Widgets (Middle Section) */
.footer-row-middle .footer-nav ul {
    display: flex;
    flex-direction: column;
    align-items: flex-start; /* Default left */
    gap: 12px;
}
.text-center .footer-nav ul { align-items: center; }
.text-end .footer-nav ul { align-items: flex-end; }

/* Dark Mode */
body.dark-mode .dodigitals-footer-blog .footer-row {
    background-color: var(--row-bg-dark) !important;
    color: #aaa;
    border-color: #333 !important;
}
body.dark-mode .dodigitals-footer-blog .footer-nav ul li a {
    color: #fff;
}