.ie-loc-accordion{
display: grid;
gap: 14px;
margin-top: 14px; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
align-items: start;
} .ie-loc-country{
background: #fff;
border: 1px solid rgba(0,0,0,.08);
border-radius: 14px;
overflow: hidden;
} .ie-loc-country > summary.ie-loc-summary{
list-style: none;
display: flex;
align-items: center;
gap: 10px;
padding: 14px 16px;
cursor: pointer;
user-select: none;
} .ie-loc-country > summary.ie-loc-summary::-webkit-details-marker{ display:none; }
.ie-loc-country > summary.ie-loc-summary::marker{ content:""; }
.ie-loc-country > summary.ie-loc-summary{ list-style: none; } .ie-loc-chevron{
display: inline-block;
transition: transform .15s ease;
opacity: .75;
line-height: 1;
}
.ie-loc-country[open] .ie-loc-chevron{
transform: rotate(90deg);
} .ie-loc-country-link{
font-weight: 800;
text-decoration: none;
}
.ie-loc-country-link:hover{
text-decoration: underline;
} .ie-loc-country > summary.ie-loc-summary:hover{
background: rgba(0,0,0,.03);
} .ie-loc-cities{
margin: 0;
padding: 0 16px 14px 44px; list-style: none;
display: grid;
gap: 8px; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}
.ie-loc-city a{
text-decoration: none;
}
.ie-loc-city a:hover{
text-decoration: underline;
} @media (max-width: 768px){
.ie-loc-accordion{
grid-template-columns: 1fr;
}
.ie-loc-country > summary.ie-loc-summary{
padding: 12px 14px;
}
.ie-loc-cities{
padding-left: 38px;
grid-template-columns: 1fr;
}
} .ie-loc-flag{
width: 20px;
height: 20px;
border-radius: 999px;
overflow: hidden;
display: inline-flex;
align-items: center;
justify-content: center;
flex: 0 0 20px;
}
.ie-loc-flag img{
width: 100%;
height: 100%;
display: block;
object-fit: cover;
}