/* Webfont supplied in docs/themes; served locally with the registered theme. */
@font-face {
    font-family: "Segoe UI"/*"Frutiger Light"*/;
    /*src: url("../../fonts/vysocina/frutiger-light.woff2") format("woff");*/
    font-style: normal;
    font-weight: 300;
    font-display: swap;
}

html[data-portal-theme="vysocina"] {
    --portal-primary: #1d418c;
    --portal-primary-hover: #15316c;
    --portal-accent: #4dbd38;
    --portal-text: #142b52;
    --portal-muted: #68717e;
    --portal-border: #e2e6eb;
    --portal-canvas: #f3f5f6;
    --portal-surface-soft: #f0f3f7;
    --portal-focus-ring: #1d418c80;
    --portal-radius: 6px;
    --portal-shadow: 0 2px 10px #142b5208;
    --portal-weight-strong: 500;
    --portal-font-family: /*"Frutiger Light", */"Segoe UI", Arial, sans-serif;
    --portal-price-size: 20px;
    --proc-green: #28772d;
    --proc-green-soft: #eef8eb;
}

html[data-portal-theme="vysocina"] body {
    font-family: var(--portal-font-family);
    font-weight: 300;
    background: var(--portal-canvas);
}

/* Full-width regional banner above the white application header. */
html[data-portal-theme="vysocina"] .proc-theme-banner {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    min-height: 32px;
    padding: 4px clamp(16px, 2vw, 30px);
    background: var(--portal-primary);
}
html[data-portal-theme="vysocina"] .proc-theme-banner img { display: block; width: auto; height: 24px; }
html[data-portal-theme="vysocina"] .proc-app .proc-header {
    margin: 0;
    padding-inline: clamp(16px, 2vw, 30px);
    border: 0;
    border-bottom: 1px solid var(--portal-border);
    border-radius: 0;
    background: #fff;
    box-shadow: none;
}
html[data-portal-theme="vysocina"] .proc-app .proc-brand-name { color: var(--portal-primary); }
html[data-portal-theme="vysocina"] .proc-app .proc-nav-shell {
    margin: 0;
    border: 0;
    border-bottom: 1px solid var(--portal-border);
    border-radius: 0;
    box-shadow: none;
}
html[data-portal-theme="vysocina"] .proc-app .proc-main-nav-item { font-family: var(--portal-font-family); }
html[data-portal-theme="vysocina"] .proc-app .proc-main-nav-item:is(.active, .menu-open) {
    color: var(--portal-primary);
    background: transparent;
    border-radius: 0;
}
html[data-portal-theme="vysocina"] .proc-app .proc-main-nav-item:is(.active, .menu-open)::after {
    background: var(--portal-accent);
    border-radius: 0;
}
html[data-portal-theme="vysocina"] .proc-main-nav:not([data-compact="true"]) .proc-main-nav-item:is(.active, .menu-open)::after { height: 3px; }
html[data-portal-theme="vysocina"] .proc-app .proc-view-content.custom-page:has(.proc-catalog-page) { background-image: none; }
html[data-portal-theme="vysocina"] .proc-product-card:hover { border-color: #c5ced9; }
html[data-portal-theme="vysocina"] .proc-product-card .proc-product-card-action:hover:not(:disabled) { background: var(--portal-primary-hover); }
html[data-portal-theme="vysocina"] .proc-product-card .proc-product-card-action.central:hover:not(:disabled) { background: #205e25; }