@charset "UTF-8";

.l-header__nav {
width: 130px;
position: relative;
}

.l-header__nav-list {
height: inherit;
display: flex;
align-items: center;
position: relative;
display: flex;
align-items: center;
column-gap: 5px;
}

.l-header__nav-item {
height: inherit;
}

.l-header__nav-text {
position: relative;
}

.l-header__nav-text a{
display:flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
color: #624b1e;
}

.l-header__nav-text a .icon{
width: 28px;
margin-right:5px;
}

.l-header a,
.l-header button {
transition: color 0.3s;
}

@media (any-hover: hover) {
.l-header a:hover,
.l-header button:hover {
color: #10a15c;
}
}
.c-dropdown {
--_bg-color: #faf4e3;
position: relative;
}

.c-dropdown__toggle {
--_toggle-angle: 0;
cursor: pointer;
}

.c-dropdown__toggle-text {
width:calc(100% - 33px);
}

.c-dropdown__toggle-text::before {
content: "";
width: 10px;
height: 5px;
clip-path: polygon(0 0, 50% 100%, 100% 0);
background-color: currentColor;
position: absolute;
top: 55%;
right: -15px;
transform: translateY(-50%) rotate(var(--_toggle-angle));
transition: transform 0.3s;
}

.c-dropdown__menu {
width: 100%;
position: absolute;
top: 115%;
left: 5%;
background-color: var(--_bg-color);
z-index: var(--z-index-header);
display: grid;
grid-template-rows: 0fr;
transition: grid-template-rows 0.4s ease-out;
}

.c-dropdown:nth-of-type(3) {
--_bg-color: #ccc;
}

.c-dropdown__inner {
overflow: hidden;
}

.c-dropdown__item {
padding: 2px;
}

.c-dropdown__item a {
display: block;
padding:10px;
color: #624b1e;
}

.c-dropdown__toggle.is-active {
--_toggle-angle: 180deg;
}

.c-dropdown__menu.is-open {
grid-template-rows: 1fr;
}