/**
 * This file provides the design styles for the page footer
 */

/* + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* no print */
@media screen {
    .page-footer {
        min-height: @page-header_height;
        background-color: @ini_background_page_header;
        border-top: 1px solid @ini_border_light;
        border-radius: 0 0 @fix_border-radius @fix_border-radius; // @ini_default_border_radius vs. @fix_border-radius
        color: @ini_background_page_footer;
        font-size: @font-size-default;
        text-align: right;
        padding: @margin-small @margin-default;

        *,
        a:link,
        a:visited {
            color: inherit;
        }

        bdi {
            display: inline-block;
            max-width: 100%;
            overflow-x: auto;
            overflow-y: hidden;
            font-weight: bold;
            vertical-align: bottom;
        }
    }

    #dokuwiki__footer {
        .main-footer {
            position: relative;
            box-sizing: border-box;
            background-color: @ini_background_site;
            margin-top: 5px; // for box-shadow of content
            text-align: center;
        }

        p {
            color: @ini_text_webframe;
            font-size: @font-size-default;
            margin: 0;
        }

        a {
            color: @ini_nav_menu_color;
        }
    }
}

/* + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* min-width: 1024px */
@media @screen_min-md {
    #dokuwiki__footer {
        .col-xs-12 {
            float: right;
            width: 100%;
        }

        .main-footer {
            padding: @margin-default 0;
        }
    }

    .showSidebar {
        #dokuwiki__footer {
            .col-xs-12 {
                width: @ini_site_width;
            }
        }
    }

    .wide-content {
        &.showSidebar {
            #dokuwiki__footer {
                .col-xs-12 {
                    width: 100%;
                    padding-left: @toggle-showsidebar_width;
                }
            }
        }
    }
}

/* + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* max-width: 1023px */
@media @screen_max-md {
    #dokuwiki__footer {
        .main-footer {
            margin-top: .5rem;
            padding: (@margin-default - .5) 0 @margin-default;
        }
    }
}

/* + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* max-width: 768px */
@media @screen_max-xs {
    .page-footer {
        padding-left: @margin-small;
        padding-right: @margin-small;
    }

    #dokuwiki__footer {
        .main-footer {
            > * {
                padding-left: 0;
                padding-right: 0;
            }
        }
    }
}

/* + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* max-width: 480px */
@media @screen_max-xxs {
    #dokuwiki__footer {
        .main-footer {
            > * {
                padding-left: @margin-small;
                padding-right: @margin-small;
            }
        }
    }
}