.evropat-offices {
--ev-blue:#103683; --ev-blue-dark:#0B245C; --ev-red:#A80504;
--ev-ink:#14213D; --ev-gray:#5A667E; --ev-blue-50:#EEF3FC; --ev-border:#DDE3EE;
--ev-radius-ui:8px; --ev-radius-card:16px;
color: var(--ev-ink);
font-family: 'Onest', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
font-size: 17px;
line-height: 1.6;
}
.evropat-offices *,
.evropat-offices *::before,
.evropat-offices *::after { box-sizing: border-box; }
.evropat-offices__title {
margin: 0 0 18px;
font-size: 1.6rem;
font-weight: 700;
letter-spacing: -.01em;
color: var(--ev-blue-dark);
}
.evropat-offices__label {
display: block;
margin-bottom: 8px;
font-size: .78rem;
font-weight: 600;
letter-spacing: .06em;
text-transform: uppercase;
color: var(--ev-gray);
}
.evropat-offices__input {
width: 100%;
max-width: 460px;
padding: 13px 16px;
font-family: inherit;
font-size: 1rem;
color: var(--ev-ink);
background: #fff;
border: 1.5px solid var(--ev-border);
border-radius: var(--ev-radius-ui);
transition: border-color .15s ease, box-shadow .15s ease;
}
.evropat-offices__input:focus {
outline: none;
border-color: var(--ev-blue);
box-shadow: 0 0 0 3px rgba(16, 54, 131, .16);
}
.evropat-offices__input::placeholder { color: #9aa3b5; }
.evropat-offices__status {
margin-top: 12px;
font-size: .85rem;
color: var(--ev-gray);
min-height: 1.2em;
}
.evropat-offices__status.is-error { color: var(--ev-red); font-weight: 600; }
.evropat-offices__list {
margin-top: 16px;
display: grid;
grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
gap: 14px;
}
.evropat-offices__empty {
grid-column: 1 / -1;
padding: 16px;
color: var(--ev-gray);
background: var(--ev-blue-50);
border-radius: var(--ev-radius-card);
}
.evropat-offices__card {
padding: 18px;
background: #fff;
border: 1px solid var(--ev-border);
border-radius: var(--ev-radius-card);
}
.evropat-offices__name {
margin: 0 0 4px;
font-size: 1.02rem;
font-weight: 700;
color: var(--ev-blue-dark);
}
.evropat-offices__city {
font-size: .85rem;
font-weight: 600;
color: var(--ev-blue);
}
.evropat-offices__addr {
margin-top: 6px;
font-size: .92rem;
color: var(--ev-ink);
}
.evropat-offices__meta {
margin-top: 10px;
display: flex;
flex-wrap: wrap;
gap: 6px 16px;
font-size: .88rem;
}
.evropat-offices__phone {
color: var(--ev-ink);
text-decoration: none;
border-bottom: 1px solid var(--ev-border);
}
.evropat-offices__phone:hover { color: var(--ev-blue); }
.evropat-offices__hours { color: var(--ev-gray); }
.evropat-offices__hours::before {
content: "\0000a0"; }
.evropat-offices__map {
display: inline-block;
margin-top: 12px;
font-size: .85rem;
font-weight: 600;
color: var(--ev-blue);
text-decoration: none;
}
.evropat-offices__map::after { content: " →"; }
.evropat-offices__map:hover { text-decoration: underline; }
@media (max-width: 420px) {
.evropat-offices__list { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) {
.evropat-offices__input { transition: none; }
}