/* ==========================================================
   MENU.CSS
   Noclegi u Boguszów
   Visual skin only
========================================================== */

:root{
    --menu-hover:#6F7A5F;
    --menu-accent:#CCB882;
    --menu-bg:#FBFAF8;
    --menu-border:#ECE7DD;
    --menu-separator:#FBFAF8;
    --menu-shadow:0 10px 24px rgba(0,0,0,.07);
    --menu-radius:4px;
    --menu-speed:.22s ease;
}

/* ==========================================================
   MENU GŁÓWNE
========================================================== */

.main-header-menu > .menu-item{
    margin:0 16px;
}

.main-header-menu > .menu-item > .menu-link{
    position:relative;
    font-family:"Inter",sans-serif;
    font-size:15px;
    font-weight:500;
    letter-spacing:.12em;
    text-transform:uppercase;
    color:#fff;
    transition:color var(--menu-speed);
}

.main-header-menu > .menu-item > .menu-link:hover{
    color:#fff;
}

/* ==========================================================
   PODKREŚLENIE
========================================================== */

.main-header-menu > .menu-item > .menu-link::after{
    content:"";
    position:absolute;
    left:50%;
    bottom:20px;
    width:0;
    height:1px;
    transform:translateX(-50%);
    background:var(--menu-accent);
    transition:width .22s ease;
}

.main-header-menu > .menu-item:hover > .menu-link::after,
.main-header-menu > .current-menu-item > .menu-link::after,
.main-header-menu > .current-menu-ancestor > .menu-link::after{
    width:32px;
}

/* ==========================================================
   DROPDOWN
========================================================== */

.main-header-menu .sub-menu{
    background:var(--menu-bg);
    border:1px solid var(--menu-border);
    border-radius:var(--menu-radius) !important;
    box-shadow:var(--menu-shadow);
    min-width:235px;
	padding: 0 !important;
}

/* usuń strzałki Astry z pozycji submenu */

.main-header-menu .sub-menu .ast-icon{
    display:none;
}

/* separatory */

.main-header-menu .sub-menu .menu-item{
    position:relative;
}

.main-header-menu .sub-menu .menu-item + .menu-item::after{
    content:"";
    position:absolute;
    top:0;
    left:24px;
    right:24px;
    height:1px;
    background:var(--menu-separator);
}

/* ==========================================================
   LINKI SUBMENU
========================================================== */

.main-header-menu .sub-menu .menu-link{

    display:block;

    font-family:"Cormorant Garamond",serif !important;
    font-size:18px !important;
    font-weight:500 !important;

    color:#2E2E2E !important;

    line-height:1.35 !important;

    padding:14px 24px !important;

    letter-spacing:.01em;

    text-transform:none;

    background:transparent;

    transition:
        background-color .18s ease,
        color .18s ease;

}

.main-header-menu .sub-menu .menu-item::before{

    content:"";

    position:absolute;

    left:0;
    top:0;
    bottom:0;

    width:3px;

    background:#6F7A5F;

    opacity:0;

    transition:opacity .18s ease;

}

.main-header-menu .sub-menu .menu-item:hover{

    background:#FBFAF8;

}

.main-header-menu .sub-menu .menu-item:hover::before{

    opacity:1;

}