/**
 * File: assets/css/frontend/footer/main.css
 * Purpose: Styles the grey Footer main area, wider brand column, logo, information, and centered bottom bar.
 * Scope: Footer main composition and bottom bar only.
 * Related PHP: src/Frontend/Footer/FooterRenderer.php, src/Frontend/Footer/Components/BrandColumn.php, src/Frontend/Footer/Components/BottomBar.php
 * Related CSS: assets/css/frontend/footer/menus.css, assets/css/frontend/footer/social.css
 * Related JS: None
 * Package: HyperDAF Pro
 */

.hdf-footer-main {
    background: var(--hdf-component-footer-main-surface);
    color: var(--hdf-color-text-primary);
}

.hdf-footer-main__grid {
    display: grid;
    grid-template-columns: minmax(15rem, var(--hdf-component-footer-brand-column-width)) minmax(0, 1fr);
    gap: var(--hdf-component-footer-main-column-gap);
    padding-block: var(--hdf-component-footer-main-padding-block);
}

.hdf-footer-brand {
    min-width: 0;
}

.hdf-footer-brand__identity {
    display: inline-flex;
    max-width: 100%;
    align-items: center;
    color: var(--hdf-color-text-primary);
    text-decoration: none;
}

.hdf-footer-brand__logo {
    display: block;
    width: auto;
    max-width: min(100%, var(--hdf-component-footer-logo-max-width));
    max-height: var(--hdf-component-footer-logo-max-height);
    object-fit: contain;
}

.hdf-footer-brand__name {
    font-size: var(--hdf-typography-size-xl);
    font-weight: var(--hdf-typography-weight-bold);
    letter-spacing: var(--hdf-typography-letter-spacing-tight);
}

.hdf-footer-brand__info {
    max-width: var(--hdf-component-footer-info-max-width);
    margin: var(--hdf-spacing-4) 0 0;
    color: var(--hdf-color-text-secondary);
    font-size: var(--hdf-typography-size-sm);
    line-height: var(--hdf-typography-line-height-relaxed);
}

.hdf-footer-bottom {
    border-top: var(--hdf-border-width-default) solid var(--hdf-color-border);
    background: var(--hdf-component-footer-bottom-surface);
}

.hdf-footer-bottom__copyright {
    margin: 0;
    padding-block: var(--hdf-spacing-4);
    color: var(--hdf-color-text-muted);
    font-size: var(--hdf-typography-size-xs);
    text-align: center;
}