// ============================================================================
// Imports
// ============================================================================

@use "../../variables" as *;
@use "../body_molecules" as *;
@use "../body_atoms" as *;
// ============================================================================
// Component | Footer
// ============================================================================

.footer {
    // grid-area: footer;
    grid-row-start: c1;
    grid-column-start: c1;
    grid-row-end: c3;
    grid-column-end: c3;

    @include color_scheme_dark;
    @include align_end;
    @include flex--col;
    @include justify_end;
    z-index: z("ribbon");
    @include sizing--border;
    height: $ribbon_height;
    background-color: transparent;
    z-index: z("ribbon");

    padding-left: calc($ribbon_spacing / 2);
    padding-right: calc($ribbon_spacing / 2);
    padding-top: calc($ribbon_spacing / 2);
    padding-bottom: calc($ribbon_spacing / 2);

    pointer-events: none;
}
.footer * {
    pointer-events: all;
}
.footer_overlay {
    // grid-area: footer;
    grid-row-start: c1;
    grid-column-start: c1;
    grid-row-end: c3;
    grid-column-end: c3;

    @include color_scheme_dark;
    @include align_end;
    @include flex--col;
    @include justify_end;
    z-index: z("ribbon");
    @include sizing--border;
    height: $ribbon_height;
    background-color: transparent;
    z-index: z("ribbon");

    padding-left: calc($ribbon_spacing / 2);
    padding-right: calc($ribbon_spacing / 2);
    padding-top: calc($ribbon_spacing / 2);
    padding-bottom: calc($ribbon_spacing / 2);
}

.footer_overlay * {
    color: $color_01;
}

.footer_copyright {
    display: flex;
    justify-content: center;
    width: 100%;
    height: q(16);
}

// .footer {
//     height: auto;

//     .footer-social {
//         height: q(12);
//         font-size: 0px;
//         bottom: 0;

//         .footer_social_list {
//             display: flex;
//             justify-content: center;
//             margin: 0px 0;
//             padding: 0px 0;
//             .social_list_item {
//                 padding-top: q(4);
//                 padding-right: q(6);
//                 padding-bottom: q(4);
//                 padding-left: 0;
//                 list-style-type: none;
//                 -webkit-user-select: none;
//                 -moz-user-select: none;
//                 &:last-child {
//                     padding-right: 0px;
//                 }
//                 .social_icon {
//                     width: q(4);
//                     height: q(4);
//                     padding-top: $q;
//                     padding-right: $q;
//                     padding-bottom: $q;
//                     padding-left: $q;
//                     color: $color_02;
//                     border-bottom: none;
//                     display: block;
//                     text-align: center;
//                 }
//             }
//         }
//     }
//     .footer-legal {
//         display: flex;
//         justify-content: center;
//         width: 100%;
//         height: q(6);
//     }
// }