/**
 * Shopware 5
 * Copyright (c) shopware AG
 *
 * According to our dual licensing model, this program can be used either
 * under the terms of the GNU Affero General Public License, version 3,
 * or under a proprietary license.
 *
 * The texts of the GNU Affero General Public License with an additional
 * permission and of our proprietary license can be found at and
 * in the LICENSE file you have received along with this program.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
 * GNU Affero General Public License for more details.
 *
 * "Shopware" is a registered trademark of shopware AG.
 * The licensing of the program under the AGPLv3 does not imply a
 * trademark license. Therefore any rights, title and interest in
 * our trademarks remain entirely with us.
 *
 * @category   Shopware
 * @package    Shopware_Styling
 * @subpackage Panel
 * @version    $Id$
 * @author shopware AG
 */

// Panel header
.#{$prefix}panel-header-default {

    background: svg-linear-gradient(0%, 0%, 0%, 100%, (
                  svg-color-stop(#f7f7f7, 0%, 1),
                  svg-color-stop(#e5e6e8, 100%, 1)
                )) center center no-repeat transparent;

    .#{$prefix}panel-header-text-default {
        font-weight: normal;
        font-size: 11px;
        text-shadow: 1px 1px 0 #fff;
    }
}

.#{$prefix}panel-header-default-top {
    outline: #fff solid 1px;
}

// Collapsed panel
.#{$prefix}region-collapsed-placeholder {
    background: svg-linear-gradient(0%, 0%, 100%, 0%, (
                  svg-color-stop(#f7f7f7, 0%, 1),
                  svg-color-stop(#e6e6e8, 100%, 1)
                )) center center no-repeat transparent;

    border-left: 1px solid $border-color !important;
    border-bottom: 0 none;

    // Tools
    .#{$prefix}tool img {
        background-image: theme-image($theme, 'tool-sprites.png');
    }
}

// Panel body
.#{$prefix}window-body-default .#{$prefix}panel-body-default {
    border-width: 1px;
}

// Special detail view
.detail-view {
    .#{$prefix}panel-header {
           padding: 8px 4px 9px 10px;
        box-shadow: none;
        border-top: 0 none;
        border-bottom: 0 none;
        background: theme-image($theme, 'window_list_header_bg.png') repeat-x;
        border-left: 1px solid $light-blue;
        border-right: 1px solid $light-blue;

        // Header text
        .#{$prefix}panel-header-text {
            font-size: 12px;
            color: #fff;
            font-weight: normal;
            text-shadow: 1px 1px 1px $dark-blue;
        }

        // Tools
        .#{$prefix}tool {
            top: 0px !important;

            img { top: 0 !important }

            .#{$prefix}tool-collapse-right {
                background-image: theme-image($theme, 'window_detail_right.png');
                background-position: 0 0;
            }
        }
    }

    // Panel body
    .#{$prefix}panel-body {
        border-top: 0 none;
        border-bottom: 0 none;
        border-right-color: $light-border-color;
        padding: 12px;
        background: #fff;

        .supplier-logo {
            @include border-radius(3px);
            width: 175px;
            margin: 0 auto;
            border: 1px solid #dfe6e9;
            display: table-cell;
            vertical-align: middle;
            text-align: center;
            margin: 0 auto;

            img {
                margin: 0 auto;
                display: block;
            }
        }

        .supplier-info {
            padding: 8px;
            color: #6c818f;
            font-size: 11px;

            .action {
                margin: 8px 0 0;

                a {
                    color: $link-color;
                }
            }
        }
    }
}
.#{$prefix}more-info {

    // Header
    .#{$prefix}panel-header {
        background: svg-linear-gradient(0%, 0%, 0%, 100%, (
                      svg-color-stop(#f7f7f7, 0%, 1),
                      svg-color-stop(#e5e6e8, 100%, 1)
                    )) center center no-repeat transparent;

        border-top: 0 none !important;

        // Header text
        .#{$prefix}panel-header-text {
            color: $font-color;
            text-shadow: 1px 1px 0 #fff;
        }

        // Header tools
        .#{$prefix}tool {
            width: 20px;
            img {
                background-image: theme-image($theme, 'tool-sprites.png');
            }
        }
    }

    // Panel body
    .#{$prefix}panel-body {
        border-bottom: 0 none;
    }
}

.#{$prefix}desktop-panel {
    & > .#{$prefix}panel-body {
        background: transparent;
    }
}
