.evropat-schedule {
--ev-blue:#103683; --ev-blue-dark:#0B245C; --ev-red:#A80504;
--ev-ink:#14213D; --ev-gray:#5A667E; --ev-blue-50:#EEF3FC;
--ev-border:#DDE3EE; --ev-success:#16A46B;
--ev-radius-ui:8px; --ev-radius-card:16px; --ev-pin: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C8.1 2 5 5.1 5 9c0 5.2 7 13 7 13s7-7.8 7-13c0-3.9-3.1-7-7-7zm0 9.5A2.5 2.5 0 1 1 12 6.5a2.5 2.5 0 0 1 0 5z'/%3E%3C/svg%3E");
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-schedule *,
.evropat-schedule *::before,
.evropat-schedule *::after { box-sizing: border-box; }
.evropat-schedule__title {
margin: 0 0 18px;
font-size: 1.6rem;
font-weight: 700;
letter-spacing: -.01em;
color: var(--ev-blue-dark);
}
.evropat-schedule__label {
display: block;
margin-bottom: 8px;
font-size: .78rem;
font-weight: 600;
letter-spacing: .06em;
text-transform: uppercase;
color: var(--ev-gray);
}
.evropat-schedule__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-schedule__input:focus {
outline: none;
border-color: var(--ev-blue);
box-shadow: 0 0 0 3px rgba(16, 54, 131, .16);
}
.evropat-schedule__input::placeholder { color: #9aa3b5; }
.evropat-schedule__status {
margin-top: 12px;
font-size: .88rem;
color: var(--ev-gray);
min-height: 1.2em;
}
.evropat-schedule__status strong { color: var(--ev-blue); font-weight: 700; }
.evropat-schedule__status.is-error { color: var(--ev-red); font-weight: 600; } .evropat-schedule__tablewrap {
margin-top: 14px;
overflow-x: auto;
background: #fff;
border: 1px solid var(--ev-border);
border-radius: var(--ev-radius-card);
}
.evropat-schedule__table {
width: 100%;
border-collapse: collapse;
font-size: .92rem;
}
.evropat-schedule__table thead th {
padding: 14px 16px;
font-size: .76rem;
font-weight: 600;
letter-spacing: .05em;
text-transform: uppercase;
text-align: left;
white-space: nowrap;
color: #fff;
background: var(--ev-blue-dark);
}
.evropat-schedule__table thead th:first-child { border-top-left-radius: var(--ev-radius-card); }
.evropat-schedule__table thead th:last-child  { border-top-right-radius: var(--ev-radius-card); }
.evropat-schedule__table td {
padding: 14px 16px;
vertical-align: middle;
border-top: 1px solid var(--ev-border);
}
.evropat-schedule__row:nth-child(even) { background: #FAFBFE; }
.evropat-schedule__post {
font-variant-numeric: tabular-nums;
color: var(--ev-gray);
white-space: nowrap;
}
.evropat-schedule__name {
font-weight: 700;
color: var(--ev-blue-dark);
}
.evropat-schedule__pallet {
display: inline-block;
margin-left: 8px;
padding: 1px 9px;
font-size: .68rem;
font-weight: 600;
letter-spacing: .04em;
text-transform: uppercase;
color: var(--ev-blue);
background: var(--ev-blue-50);
border-radius: 999px; vertical-align: middle;
}
.evropat-schedule__province {
color: var(--ev-gray);
text-transform: uppercase;
font-size: .82rem;
}
.evropat-schedule__zone {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 30px;
height: 26px;
padding: 0 9px;
font-size: .8rem;
font-weight: 700;
color: var(--ev-blue);
background: var(--ev-blue-50);
border: 1px solid #D5E0F5;
border-radius: 999px;
} .evropat-schedule__days {
display: flex;
gap: 4px;
}
.evropat-schedule__day {
display: inline-flex;
align-items: center;
justify-content: center;
width: 26px;
height: 26px;
font-size: .76rem;
font-weight: 600;
color: #AEB5C4;
background: #F2F4F8;
border-radius: 6px;
cursor: default;
}
.evropat-schedule__day.is-on {
color: #0E7A50;
background: #E3F6EE; box-shadow: inset 0 0 0 1px rgba(22, 164, 107, .35);
} .evropat-schedule__office-name {
display: block;
font-weight: 600;
color: var(--ev-ink);
}
.evropat-schedule__office-meta {
display: block;
margin-top: 2px;
font-size: .82rem;
color: var(--ev-gray);
}
.evropat-schedule__phone {
color: var(--ev-gray);
text-decoration: none;
border-bottom: 1px solid var(--ev-border);
}
.evropat-schedule__phone:hover { color: var(--ev-blue); }
.evropat-schedule__addr { display: block; } .evropat-schedule__addr--link {
color: var(--ev-gray);
text-decoration: none;
transition: color .15s ease;
}
.evropat-schedule__addr--link::before {
content: "";
display: inline-block;
width: 11px;
height: 11px;
margin-right: 5px;
vertical-align: -1px;
background-color: currentColor;
-webkit-mask: var(--ev-pin) center / contain no-repeat;
mask: var(--ev-pin) center / contain no-repeat;
}
.evropat-schedule__addr--link:hover,
.evropat-schedule__addr--link:focus-visible {
color: var(--ev-blue);
text-decoration: underline;
}
.evropat-schedule__addr--link:focus-visible {
outline: 2px solid rgba(16, 54, 131, .4);
outline-offset: 2px;
border-radius: 3px;
}  .evropat-schedule__legend {
margin: 14px 0 0;
padding: 14px 16px;
background: #FAFBFE;
border: 1px solid var(--ev-border);
border-radius: var(--ev-radius-ui);
}
.evropat-schedule__legend-title {
display: block;
margin-bottom: 8px;
font-size: .72rem;
font-weight: 600;
letter-spacing: .06em;
color: var(--ev-gray);
}
.evropat-schedule__legend-items {
margin: 0;
padding: 0;
list-style: none;
display: flex;
flex-direction: column;
gap: 7px;
}
.evropat-schedule__legend-item {
display: flex;
align-items: flex-start;
gap: 9px;
font-size: .82rem;
line-height: 1.45;
color: var(--ev-gray);
} .evropat-schedule__legend-item > .evropat-schedule__day,
.evropat-schedule__legend-item > .evropat-schedule__pallet {
flex: 0 0 auto;
margin-left: 0;
}
.evropat-schedule__legend-item > .evropat-schedule__day { margin-top: -1px; }
.evropat-schedule__legend-item > .evropat-schedule__pallet { margin-top: 1px; }
.evropat-schedule__empty {
margin-top: 14px;
padding: 16px;
color: var(--ev-gray);
background: var(--ev-blue-50);
border-radius: var(--ev-radius-card);
} @media (max-width: 780px) {
.evropat-schedule__tablewrap {
background: transparent;
border: none;
border-radius: 0;
overflow-x: visible;
}
.evropat-schedule__table,
.evropat-schedule__table tbody,
.evropat-schedule__table tr,
.evropat-schedule__table td { display: block; width: 100%; }
.evropat-schedule__table thead { display: none; }
.evropat-schedule__row {
margin-bottom: 12px;
background: #fff !important;
border: 1px solid var(--ev-border);
border-radius: var(--ev-radius-card);
overflow: hidden;
}
.evropat-schedule__table td {
display: flex;
justify-content: space-between;
align-items: center;
gap: 16px;
padding: 10px 16px;
border-top: none;
border-bottom: 1px solid #EEF1F7;
}
.evropat-schedule__table td:last-child { border-bottom: none; }
.evropat-schedule__table td::before {
content: attr(data-label);
flex: 0 0 auto;
font-size: .72rem;
font-weight: 600;
letter-spacing: .04em;
text-transform: uppercase;
color: var(--ev-gray);
} .evropat-schedule__table td { flex-wrap: wrap; } .evropat-schedule__sched {
flex-direction: column;
align-items: flex-start;
gap: 8px;
}
.evropat-schedule__days {
flex: 0 0 auto;
flex-wrap: wrap; width: 100%;
}
.evropat-schedule__day { flex: 0 0 auto; } .evropat-schedule__office {
flex-direction: column;
align-items: flex-start;
gap: 4px;
}
.evropat-schedule__office-name,
.evropat-schedule__office-meta { text-align: left; }
} .evropat-schedule--on-dark .evropat-schedule__title {
color: #fff;
text-shadow: 0 1px 3px rgba(0, 0, 0, .45);
}
.evropat-schedule--on-dark .evropat-schedule__label,
.evropat-schedule--on-dark .evropat-schedule__status {
color: rgba(255, 255, 255, .9);
text-shadow: 0 1px 2px rgba(0, 0, 0, .45);
}
.evropat-schedule--on-dark .evropat-schedule__status strong { color: #fff; }
@media (prefers-reduced-motion: reduce) {
.evropat-schedule__input { transition: none; }
}