/**

 * Rodapé Premium — cores via theme mods (--footer-bg-color, --footer-text-color, --footer-icon-color).

 */



.premium-site-footer {

    background: var(--footer-bg-color, #1f2937);

    color: var(--footer-text-color, #ffffff);

    padding: 56px 0 28px;

    margin-top: 0;

    border-radius: 40px 40px 0 0;

    box-shadow: 0 -8px 32px rgba(0, 0, 0, 0.15);

    overflow: hidden;

}



.premium-footer-inner {

    max-width: 1240px;

    margin: 0 auto;

    padding: 0 28px;

}



.premium-footer-top {

    display: grid;

    grid-template-columns: 2fr 1fr 1fr 1fr;

    gap: 48px;

    padding-bottom: 44px;

    border-bottom: 1px solid color-mix(in srgb, var(--footer-text-color, #fff) 18%, var(--footer-bg-color, #1f2937));

    margin-bottom: 28px;

}



.premium-footer-logo img,

.premium-footer-logo .custom-logo-link img {

    max-height: 48px;

    width: auto;

    max-width: 240px;

    object-fit: contain;

    display: block;

    margin-bottom: 10px;

}



.premium-footer-desc {

    font-size: 0.78rem;

    color: color-mix(in srgb, var(--footer-text-color, #fff) 72%, var(--footer-bg-color, #1f2937));

    line-height: 1.7;

    margin: 0 0 18px;

    max-width: 280px;

}



.premium-footer-quick-links {

    display: flex;

    gap: 12px;

    flex-wrap: wrap;

    margin-bottom: 20px;

}



.premium-footer-quick-links a {

    font-size: 0.72rem;

    color: color-mix(in srgb, var(--footer-text-color, #fff) 65%, var(--footer-bg-color, #1f2937));

    text-decoration: underline;

    text-underline-offset: 3px;

}



.premium-footer-quick-links a:hover {

    color: var(--footer-text-color, #fff);

}



.premium-site-footer .monetypress-social-links--footer {

    display: flex;

    gap: 10px;

    flex-wrap: wrap;

    justify-content: flex-start;

}



.premium-site-footer .monetypress-social-link {

    display: flex;

    align-items: center;

    justify-content: center;

    width: 36px;

    height: 36px;

    border-radius: 10px;

    background: color-mix(in srgb, var(--footer-text-color, #fff) 10%, var(--footer-bg-color, #1f2937));

    color: color-mix(in srgb, var(--footer-icon-color, var(--footer-text-color, #fff)) 80%, var(--footer-bg-color, #1f2937));

    transition: background 0.15s, color 0.15s;

}



.premium-site-footer .monetypress-social-link:hover {

    background: color-mix(in srgb, var(--footer-text-color, #fff) 18%, var(--footer-bg-color, #1f2937));

    color: var(--footer-icon-color, var(--footer-text-color, #fff));

}



.premium-footer-col h4 {

    font-size: 0.64rem;

    font-weight: 700;

    letter-spacing: 0.12em;

    text-transform: uppercase;

    color: color-mix(in srgb, var(--footer-text-color, #fff) 55%, var(--footer-bg-color, #1f2937));

    margin: 0 0 14px;

}



.premium-footer-col ul {

    list-style: none;

    margin: 0;

    padding: 0;

    display: flex;

    flex-direction: column;

    gap: 9px;

}



.premium-footer-col ul li a {

    font-size: 0.8rem;

    color: color-mix(in srgb, var(--footer-text-color, #fff) 72%, var(--footer-bg-color, #1f2937));

    transition: color 0.15s;

    display: flex;

    align-items: center;

    gap: 5px;

    text-decoration: none;

}



.premium-footer-col ul li a svg,

.premium-footer-col ul li a .mp-icon,

.premium-footer-col ul li a [data-lucide] {

    width: 13px;

    height: 13px;

    flex-shrink: 0;

    stroke: var(--footer-icon-color, var(--footer-text-color, #fff));

    color: var(--footer-icon-color, var(--footer-text-color, #fff));

}



.premium-footer-col ul li a:hover {

    color: var(--footer-text-color, #fff);

}



.premium-footer-bottom {

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 12px;

    font-size: 0.72rem;

    color: color-mix(in srgb, var(--footer-text-color, #fff) 60%, var(--footer-bg-color, #1f2937));

    flex-wrap: wrap;

}



@media (max-width: 1024px) {

    .premium-footer-top {

        grid-template-columns: 1fr 1fr;

        gap: 32px;

    }

}



@media (max-width: 576px) {

    .premium-footer-inner {

        padding: 0 16px;

    }



    .premium-footer-top {

        grid-template-columns: 1fr;

    }



    .premium-footer-bottom {

        flex-direction: column;

        align-items: flex-start;

    }

}