/**
 * File: assets/css/frontend/footer/footer.css
 * Purpose: Defines the HyperDAF Pro Footer shell, shared container, icon normalization, and ownership boundaries.
 * Scope: Footer composition only; section-specific styles live in sibling Footer CSS files.
 * Related PHP: src/Frontend/Footer/FooterRenderer.php, footer.php
 * Related CSS: assets/css/frontend/footer/*.css
 * Related JS: assets/js/frontend/footer/accordion.js
 * Package: HyperDAF Pro
 */

.hdf-site-footer,
.hdf-site-footer *,
.hdf-site-footer *::before,
.hdf-site-footer *::after {
    box-sizing: border-box;
}

.hdf-site-footer {
    width: 100%;
    color: var(--hdf-color-text-primary);
}

.hdf-footer__container {
    width: min(
        calc(100% - (2 * var(--hdf-layout-gutter-desktop))),
        var(--hdf-layout-wide)
    );
    margin-inline: auto;
}

.hdf-site-footer .hdf-icon {
    display: inline-block;
    flex: 0 0 auto;
    vertical-align: middle;
    stroke: currentColor;
    vector-effect: non-scaling-stroke;
}

.hdf-site-footer a:focus-visible,
.hdf-site-footer button:focus-visible,
.hdf-site-footer input:focus-visible {
    outline: var(--hdf-component-focus-width, var(--hdf-border-width-strong)) solid var(--hdf-color-focus);
    outline-offset: var(--hdf-spacing-1);
    box-shadow: var(--hdf-shadow-focus);
}