/**
 * Footer Styles
 *
 * @package Kamagra_Kopen
 */

/* ==========================================================================
   Site Footer
   ========================================================================== */
.site-footer {
    margin-top: auto;
    background-color: var(--color-background);
}

/* ==========================================================================
   Footer Main Section
   ========================================================================== */
.footer-main {
    padding: var(--spacing-3xl) 0 var(--spacing-2xl);
}

.footer-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: var(--spacing-xl);
}

/* Footer Columns */
.footer-column {
    min-width: 0;
}

.footer-widget-title {
    margin-bottom: var(--spacing-lg);
    font-size: var(--font-size-base);
    font-weight: var(--font-weight-bold);
    color: var(--color-text);
    text-transform: none;
}

/* Footer Links */
.footer-links {
    list-style: none;
    margin: 0;
    padding: 0;
}

.footer-links li {
    margin-bottom: var(--spacing-sm);
}

.footer-links a {
    color: var(--color-text-light);
    font-size: var(--font-size-sm);
    text-decoration: none;
    transition: color var(--transition-fast);
}

.footer-links a:hover {
    color: var(--color-primary);
    text-decoration: underline;
}

/* Company Column (5th column) */
.footer-column-company {
    /* Slightly wider for company info */
}

.company-info {
    margin-bottom: var(--spacing-lg);
}

.company-info p {
    font-size: var(--font-size-sm);
    color: var(--color-text-light);
    line-height: var(--line-height-base);
    margin-bottom: var(--spacing-sm);
}

.company-info strong {
    color: var(--color-text);
}

/* Trust Widget */
.trust-widget {
    margin-top: var(--spacing-md);
}

.trust-widget iframe {
    max-width: 100%;
    border: none;
}

/* Footer Widget Styling (for dynamic sidebars) */
.footer-widget {
    margin-bottom: var(--spacing-lg);
}

.footer-widget:last-child {
    margin-bottom: 0;
}

.footer-widget ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.footer-widget ul li {
    margin-bottom: var(--spacing-sm);
}

.footer-widget ul a {
    color: var(--color-text-light);
    font-size: var(--font-size-sm);
    text-decoration: none;
    transition: color var(--transition-fast);
}

.footer-widget ul a:hover {
    color: var(--color-primary);
    text-decoration: underline;
}

/* ==========================================================================
   Footer Bottom / Copyright
   ========================================================================== */
.footer-bottom {
    padding: var(--spacing-lg) 0;
    background-color: var(--color-primary);
    color: var(--color-white);
}

.footer-bottom-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: var(--spacing-md);
}

.copyright {
    font-size: var(--font-size-sm);
    color: var(--color-white);
}

.copyright a {
    color: var(--color-white);
    text-decoration: underline;
}

.copyright a:hover {
    color: var(--color-secondary);
}

/* Payment Methods */
.payment-methods {
    display: flex;
    align-items: center;
    gap: var(--spacing-sm);
}

.payment-methods img {
    height: 24px;
    width: auto;
    filter: brightness(0) invert(1);
    opacity: 0.8;
    transition: opacity var(--transition-fast);
}

.payment-methods img:hover {
    opacity: 1;
}

/* ==========================================================================
   Responsive: Tablet
   ========================================================================== */
@media (max-width: 991px) {
    .footer-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: var(--spacing-lg) var(--spacing-xl);
    }

    /* Move company column to span 2 columns on tablet */
    .footer-column-company {
        grid-column: span 1;
    }
}

/* ==========================================================================
   Responsive: Mobile
   ========================================================================== */
@media (max-width: 767px) {
    .footer-main {
        padding: var(--spacing-2xl) 0 var(--spacing-xl);
    }

    .footer-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: var(--spacing-lg);
    }

    /* Company column full width on mobile */
    .footer-column-company {
        grid-column: span 2;
        padding-top: var(--spacing-lg);
        border-top: 1px solid var(--color-border);
    }

    .footer-widget-title {
        margin-bottom: var(--spacing-md);
    }

    .footer-links li {
        margin-bottom: var(--spacing-xs);
    }
}

@media (max-width: 575px) {
    .footer-grid {
        grid-template-columns: 1fr;
        gap: var(--spacing-xl);
    }

    .footer-column-company {
        grid-column: span 1;
    }

    .footer-bottom-inner {
        flex-direction: column;
        text-align: center;
    }

    .payment-methods {
        justify-content: center;
    }
}

/* ==========================================================================
   Accordion Footer (Optional for Mobile)
   ========================================================================== */
@media (max-width: 575px) {
    .footer-column.accordion-enabled .footer-widget-title {
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-bottom: var(--spacing-md);
        margin-bottom: 0;
        border-bottom: 1px solid var(--color-border);
    }

    .footer-column.accordion-enabled .footer-widget-title::after {
        content: '+';
        font-size: var(--font-size-lg);
        font-weight: var(--font-weight-normal);
        color: var(--color-text-light);
        transition: transform var(--transition-fast);
    }

    .footer-column.accordion-enabled.is-open .footer-widget-title::after {
        content: '−';
    }

    .footer-column.accordion-enabled .footer-links,
    .footer-column.accordion-enabled .footer-widget ul {
        max-height: 0;
        overflow: hidden;
        transition: max-height var(--transition-base);
    }

    .footer-column.accordion-enabled.is-open .footer-links,
    .footer-column.accordion-enabled.is-open .footer-widget ul {
        max-height: 500px;
        padding-top: var(--spacing-md);
    }
}