/* Network-wide typography: match the established Kärnten site without
   relying on third-party font services. The existing theme ships Roboto. */
@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("/wp-content/themes/sp-ktn/fonts/roboto/Roboto-Regular.ttf") format("truetype");
}

@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("/wp-content/themes/sp-ktn/fonts/roboto/Roboto-Bold.ttf") format("truetype");
}

@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url("/wp-content/themes/sp-ktn/fonts/roboto/Roboto-Black.ttf") format("truetype");
}

html body,
html body h1,
html body h2,
html body h3,
html body h4,
html body h5,
html body h6,
html body p,
html body a,
html body li,
html body summary,
html body label,
html body small,
html body strong,
html body em,
html body blockquote,
html body figcaption,
html body table,
html body th,
html body td,
html body button,
html body input,
html body select,
html body textarea,
html body option,
html body .elementor-heading-title,
html body .spoe-root-chrome,
html body .spoe-root-landing,
html body .spoe-root-page,
html body .spoe-app-landing,
html body .spoe-legacy-page {
    font-family: "Roboto", Arial, sans-serif !important;
}

/* Inline store marks deliberately inherit colour and size from their button. */
.spoe-inline-brand-icon {
    display: block;
    flex: 0 0 auto;
    height: 1em;
    overflow: visible;
    width: 1em;
}

/* App-store buttons: white mark on SPÖ red; outlined red on hover/focus. */
.elementor-icon.elementor-social-icon-apple,
.elementor-icon.elementor-social-icon-android {
    align-items: center;
    background-color: #e30613 !important;
    border: 2px solid #e30613 !important;
    border-radius: 50% !important;
    box-sizing: border-box;
    color: #fff !important;
    display: inline-flex;
    justify-content: center;
    transition: background-color 180ms ease, border-color 180ms ease, color 180ms ease !important;
}

.elementor-icon.elementor-social-icon-apple .spoe-inline-brand-icon,
.elementor-icon.elementor-social-icon-android .spoe-inline-brand-icon {
    color: inherit !important;
    fill: currentColor !important;
}

.elementor-icon.elementor-social-icon-apple:hover,
.elementor-icon.elementor-social-icon-apple:focus-visible,
.elementor-icon.elementor-social-icon-android:hover,
.elementor-icon.elementor-social-icon-android:focus-visible {
    background-color: transparent !important;
    border-color: #e30613 !important;
    color: #e30613 !important;
}