/* Variables */
:root {
    /* Font */
    --font-frutiger-regular: 'FrutigerNextLT-Regular', sans-serif;
    --font-frutiger-regular-cond: 'FrutigerNextLT-RegularCond', sans-serif;
    --font-frutiger-regular-italic: 'FrutigerNextLT-RegularItalic', sans-serif;

    --font-frutiger-light: 'FrutigerNextLT-Light', sans-serif;
    --font-frutiger-light-cond: 'FrutigerNextLT-LightCond', sans-serif;
    --font-frutiger-light-italic: 'FrutigerNextLT-LightItalic', sans-serif;

    --font-frutiger-medium: 'FrutigerNextLT-Medium', sans-serif;
    --font-frutiger-medium-cond: 'FrutigerNextLT-MediumCond', sans-serif;
    --font-frutiger-medium-italic: 'FrutigerNextLT-MediumItalic', sans-serif;

    --font-frutiger-bold: 'FrutigerNextLT-Bold', sans-serif;
    --font-frutiger-bold-cond: 'FrutigerNextLT-BoldCond', sans-serif;
    --font-frutiger-bold-italic: 'FrutigerNextLT-BoldItalic', sans-serif;

    --font-frutiger-heavy: 'FrutigerNextLT-Heavy', sans-serif;
    --font-frutiger-heavy-cond: 'FrutigerNextLT-HeavyCond', sans-serif;
    --font-frutiger-heavy-italic: 'FrutigerNextLT-HeavyItalic', sans-serif;

    --font-frutiger-black: 'FrutigerNextLT-Black', sans-serif;
    --font-frutiger-black-cond: 'FrutigerNextLT-BlackCond', sans-serif;
    --font-frutiger-black-italic: 'FrutigerNextLT-BlackItalic', sans-serif;

    /* Colors */
    --color-primary-blue: #05365F;
    --color-secondary-blue: #448FB8;
    --color-secondary-red: #BD444E;
    --color-secondary-yellow: #F9B000;
    --color-secondary-green: #6A9E6D;
    --color-text-grey: #565656;

    /* Navbar & side menu backgrounds */
    --background-opaque-white: rgba(255, 255, 255, 0.8);
    --background-blue: rgba(22, 56, 95, .8);
    --background-opaque-gratient: linear-gradient(180deg, rgba(0, 0, 0, .72) 31%, rgba(0, 0, 0, .65) 43%, rgba(0, 0, 0, .18) 83%, rgba(0, 0, 0, 0) 100%);


    /* List background colors */
    --background-list-white : #FFFFFF;
    --background-list-grey : #F9FAFB;
    --background-list-dark-grey : #F2F4F6;

    /* Font sizes */
    --text-xxxxl: 80px;
    --text-xxxl: 64px;
    --text-xxl: 56px;
    --text-xl: 38px;
    --text-l: 32px;
    --text-xxxxm: 28px;
    --text-xxxm: 26px;
    --text-xxm: 24px;
    --text-xm: 22px;
    --text-m: 20px;
    --text-s: 18px;
    --text-xs: 16px;
    --text-xxs: 14px;
    --text-xxxs: 12px;
    --text-xxxxs: 10px;
}

/* Flag language */
.pimcore_icon_language_it {
    background: url('/bundles/pimcoreadmin/img/flags/countries/it.svg') center center/cover no-repeat;
}

.pimcore_icon_language_en {
    background: url('/bundles/pimcoreadmin/img/flags/countries/gb.svg') center center/cover no-repeat;
}

.pimcore_icon_language_de {
    background: url('/bundles/pimcoreadmin/img/flags/countries/de.svg') center center/cover no-repeat;
}

.pimcore_icon_language_es {
    background: url('/bundles/pimcoreadmin/img/flags/countries/es.svg') center center/cover no-repeat;
}

.pimcore_icon_language_ru {
    background: url('/bundles/pimcoreadmin/img/flags/countries/ru.svg') center center/cover no-repeat;
}

.pimcore_icon_language_fr {
    background: url('/bundles/pimcoreadmin/img/flags/countries/fr.svg') center center/cover no-repeat;
}

.pimcore_icon_language_en_us {
    background: url('/bundles/pimcoreadmin/img/flags/countries/us.svg') center center/cover no-repeat;
}

/* Generic css */
*,body {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    scroll-behavior: smooth;
    font-family: var(--font-frutiger-regular);
}

html {
    overflow-y: auto;
}

body.modal-open {
    overflow: hidden;
}

strong {
    font-family: var(--font-frutiger-bold)!important;
}

/* PIMCORE */
.pimcore_editable_wysiwyg  {
    min-width: 200px;
}
.pimcore_editable_input {
    min-width: 200px;
}

.input-width-editmode {
    width: 100%;
}

/* Generic section */
.generic-section {
    padding: 40px 30px;
}

/* Generic no data available div */
.generic-no-data-available-div {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100px;
}

.generic-no-data-available-div p {
    text-align: center;
}

/* Read more row (button for cards) */
.read-more-row {
    display: flex;
    justify-content: start;
    align-items: center;
    width: 100%;
    gap: 5px;
    text-decoration: none;
}

.read-more-row p {
    font-size: var(--text-xs);
    color: #000000;
    font-family: var(--font-frutiger-bold);
}

.read-more-row .arrow {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 9px;
    height: 9px;
}

.read-more-row .arrow img {
    width: 100%;
    object-fit: cover;
}

.read-more-row:hover .arrow {
    transform: translateX(5px);
    transition: transform 0.3s ease;
}

/* Card label */
.card-label {
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: fit-content;
    width: 85px;
    height: 20px;
    padding: 14px;
    border-radius: 4px;
    background-color: #215a82;
    position: absolute;
    left: 10px;
    bottom: 10px;
}

.card-label p {
    font-size: var(--text-xxxxs);
    line-height: 11px;
    padding: 8px 8px 6px;
    background: var(--badge-color);
    color: #fff;
    border-radius: 4px;
    width: -moz-fit-content;
    width: fit-content;
    white-space: nowrap;
    max-width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    font-weight: 500;
    text-transform: uppercase;
}

.pointer-events-none {
    pointer-events: none;
    cursor: default;
}

/* Banner msg */
.alert {
    width: 100%;
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}

.alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}

.alert-error {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}

/* End banner */

/* START MEDIA QUERY */
/* Mobile - 600 not 375 */
@media (max-width: 600px) {
    /* Read more row (button for cards) */
    .read-more-row:hover .arrow {
        transform: unset;
        transition: unset;
    }
}
/* END MEDIA QUERY */