/*!
 * 
 * Copyright (c) 2019-2023 Software AG, Darmstadt, Germany and/or Software AG USA Inc., Reston, VA, USA,
 * and/or its subsidiaries and/or its affiliates and/or their licensors.
 * 
 */

@import "../variables";
@import "../variables/footer_vars";
@import "../variables/links_vars";
@import "../mixins";

.dlt-footer {
    @include component-vars(footer); //Mixin to define all the root variables
    width: 100%;
    padding: $footer-padding;
    background: $footer-color-background;
    text-align: center;
    font-family: $footer-font-family;
    border-radius: $footer-border-radii;

    p {
        font-size: $footer-font-size;
        margin: 0;
        display: inline-block;
        max-width: unset;
        color: $footer-color-text;
    }

    a {
        font-size: $footer-font-size;
        color: $footer-color-link;
        text-decoration: $links-inline-text-decoration;

        &:active:not(.disabled) {
            color: $links-color-link-active;
            outline: none;
            text-decoration: $links-text-decoration;
        }

        &:visited:not(.disabled) {
            color: $links-color-link-visited;
        }

        &:hover:not(.disabled) {
            text-decoration: $links-inline-text-decoration-hover;
        }

        &:focus:not(.disabled) {
            text-decoration: $links-inline-text-decoration-focus;
            outline: $links-inline-border-width-focus $links-inline-border-style-focus $links-color-border;
        }
    }

    ul {
        list-style: none;
        margin: 0;
        padding: 0;
        display: inline;
        margin-left: $footer-link-margin-left;

        li {
            display: inline;
            padding: $footer-link-padding;
            position: relative;

            a {
                font-size: $footer-font-size;
                color: $footer-color-link;
            }

            &:before {
                content: " ";
                position: absolute;
                top: 3px;
                left: -3px;
                height: $footer-link-seperator-height;
                width: $footer-link-seperator-width;
                background: $footer-color-text;
            }

        }
    }
}