/* train-one-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Train One';
  font-style: normal;
  font-weight: 400;
  src: url('../font/train-one-v15-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

:root {
    /*--yuGold: #f1c16e;*/
    /*--yuGoldLight: #ffe1ac;*/
    --yuGold: hsl(28.3, 43.8%, 76.3%);
    --yuGoldLight: #fff8dc;
    --yuGoldDark: hsl(40.4, 19.7%, 45.9%);
    --yuBgColor: #222;
    --yuBgColorDark: #111;
}

h1, h2, h3, h4, h5, h6
{
    color: var(--yuGold);
    text-transform: uppercase;
}

h1
{
    font-family: 'Train One', Arial, sans-serif;
    font-size: 26px;
    max-width: fit-content;
    border: none;
}

h2 { font-size: 21px; }

.link
{
    color: var(--yuGold);
    &:hover, &:focus { color: var(--yuGoldLight); }
}

.specialita.spec18 .prime { color: var(--yuGold); }

.navbar-brand img { height: 34px; }

.navbar
{
    box-shadow: unset;
    margin-bottom: unset;
}

.navbar-default
{
    border: unset;

    .navbar-toggle
    {
        border-color: var(--yuGold);
        color: var(--yuGold);
    }

    .navbar-nav
    {
        & > .open > a
        {
            color: var(--yuGold);

            &:is(:hover,:focus)
            {
                color: var(--yuGoldLight);
            }
        }

        & > li > a
        {
            color: var(--yuGold);

            &:is(:hover,:focus) { color: var(--yuGoldLight); }
        }
    }

}

.navbar-wrapper
{
    background: #151515;
    padding-block: 1.5rem;
    /*border-block-start: 1px solid var(--yuGoldDark);*/
}

.navbar-default .navbar-nav .open .dropdown-menu {
    background-color: var(--yuBgColor);

    & > li > a
    {
        color: var(--yuGold);

        &:is(:hover,:focus)
        {
            color: var(--yuGoldLight);
            background-color: var(--yuBgColorDark);
        }
    }
}


.v1.home .logo img
{
    width: clamp(180px, 50vw, 250px);
    max-width: unset;
    min-width: unset;
    filter: drop-shadow(5px 5px 2px var(--yuBgColorDark)) brightness(1.1);
}

.v1.home.js .preloader::before
{
    background-size: 100px;
    background-image: var(--bg);
    background-repeat: no-repeat;
}


.modal-body
{
    & .close
    {
        width: 4rem;
        height: 4rem;
        display: block;
        background: var(--yuBgColorDark);
        border-radius: 100%;
        border: 1px solid var(--yuGoldDark);
        right: -10px;
        top: -10px;

        span
        {
            position: relative;
            top: -3px;
        }
    }
}

.modal-footer {   border-top: 1px solid var(--yuGoldDark);}

.btn-default
{
    color: var(--yuGold);
    background-color: var(--yuBgColorDark);
    border-color: currentColor;

    &:is(:hover,.focus,:focus)
    {
        color: var(--yuGoldLight);
        background-color: var(--yuBgColorDark);
        border-color: var(--yuGoldLight);
    }
}



.menuCovers
{
    display: flex;
    gap: max(4rem, 10vw);
    justify-content: center;
    flex-wrap: wrap;
    margin-block-end: 6rem;

    figure
    {
        a img
        {
            display: block;
            max-width: 80vw;
            margin-left: auto;
            margin-right: auto;
            background-color: var(--yuBgColorDark);
            border: 1px solid var(--yuBgColor);
            box-shadow: 0 15px 15px -5px #000;
            transition: border-color .3s ease-in-out;

            &:hover { border: 1px solid var(--yuGold); }
        }
    }
}

#cookies-eu-banner
{
    color: var(--yuGold) !important;
    border-block-start: 1px solid;
    background: rgb(from var(--yuBgColorDark) r g b / .8) !important;

    button { color: var(--yuGold) !important; }
}

html:has(.modal-open) { scrollbar-gutter: stable; }
.modal-open { padding-right: 0 !important; }