/* =========================================================
   PROPERASPORT — GLOBAL DESIGN SYSTEM
========================================================= */


/* =========================================================
   FONTS
========================================================= */

@font-face {
    font-family: 'PROXIMA';
    src: url('https://properasport.at/wp-content/uploads/2026/10/ProximaSoft-Bold-1.woff')
         format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}


/* =========================================================
   ROOT VARIABLES
========================================================= */

```css
:root {
    /* Brand colors */
    --ps-color-primary: #063F63;
    --ps-color-dark: #062D45;
    --ps-color-white: #FFFFFF;

    /* Accent colors */
    --ps-color-accent: #8F2A91;
    --ps-color-accent-hover: #762078;
    --ps-color-accent-secondary: #8E3FA9;

    /* Text */
    --ps-color-text: #063F63;
    --ps-color-text-muted: rgba(6, 63, 99, 0.68);

    /* Backgrounds */
    --ps-color-background: #FFFFFF;
    --ps-color-background-soft: #F7F9F8;
    --ps-color-accent-soft: #FAF7FA;

    /* Borders */
    --ps-color-border: #DFE5E8;

    /* Layout */
    --ps-container-width: 1280px;
    --ps-container-narrow: 1180px;
    --ps-container-gutter: 40px;

    /* Corners */
    --ps-radius-small: 6px;
    --ps-radius-card: 18px;
    --ps-radius-button: 100px;

    /* Transitions */
    --ps-transition: 0.25s ease;

    /* Typography */
    --ps-font-heading: 'MULTIROUND', sans-serif;
    --ps-font-body: 'Nunito', sans-serif;
}
```


/* =========================================================
   BOX SIZING
========================================================= */

html {
    box-sizing: border-box;
}

*,
*::before,
*::after {
    box-sizing: inherit;
}


/* =========================================================
   BASE PAGE STYLES
========================================================= */

body {
    font-family: var(--ps-font-body);
    color: var(--ps-color-text);
}


/* =========================================================
   HEADINGS
========================================================= */

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--ps-font-heading);
}


/* =========================================================
   MAIN CONTAINER
========================================================= */

.ps-container {
    width: min(
        var(--ps-container-width),
        calc(100% - var(--ps-container-gutter) * 2)
    );

    margin-inline: auto;
}


/* =========================================================
   NARROW CONTAINER
========================================================= */

.ps-container--narrow {
    width: min(
        var(--ps-container-narrow),
        calc(100% - var(--ps-container-gutter) * 2)
    );

    margin-inline: auto;
}


/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 900px) {
    :root {
        --ps-container-gutter: 24px;
    }
}

@media (max-width: 600px) {
    :root {
        --ps-container-gutter: 18px;
    }
}




/* =========================================================
   CONTACT FORM 7 — HONEYPOT
   Скрываем поля защиты от спама на всём сайте
   ========================================================= */

.wpcf7 .wpcf7-honeypot,
.wpcf7 .wpcf7-form-control-wrap:has(.wpcf7-honeypot),
.wpcf7 input[name="_wpcf7_honeypot"],
.wpcf7 input[name="honeypot"] {
    position: absolute !important;
    left: -10000px !important;
    top: auto !important;

    width: 1px !important;
    height: 1px !important;
    min-height: 0 !important;

    overflow: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}








/* =========================================================
   CONTACT FORM 7 APPS — HONEYPOT
   Скрываем антиспам-поля на всём сайте
   ========================================================= */

.wpcf7 .cf7apps-honeypot-wrap,
.wpcf7 .cf7apps-honeypot-wrap label,
.wpcf7 .cf7apps-honeypot-wrap input,
.wpcf7 .cf7apps-honeypot-wrap textarea,
.wpcf7 .cf7apps-honeypot-wrap select {
    position: absolute !important;

    width: 1px !important;
    height: 1px !important;
    min-height: 0 !important;

    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;

    overflow: hidden !important;
    clip-path: inset(50%) !important;
    white-space: nowrap !important;

    opacity: 0 !important;
    pointer-events: none !important;
}





/* =========================================================
   MY ACCOUNT — TYPOGRAPHY FIX
========================================================= */

.propera-my-account,
.propera-my-account * {
    font-family: "Nunito", sans-serif !important;
}








/* =========================================================
   PROPERĀ — GLOBAL TYPOGRAPHY FIX
========================================================= */

/* Основной шрифт сайта */
:root {
    --ps-font-body: "Nunito", sans-serif;
    --ps-font-heading: "Nunito", sans-serif;
}

/* Основной текст */
html,
body,
button,
input,
select,
textarea {
    font-family: var(--ps-font-body) !important;
}

/* Все заголовки */
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--ps-font-heading) !important;
}

/* Ссылки и элементы управления */
a,
button,
input,
select,
textarea {
    font-family: var(--ps-font-body) !important;
}

/* Контент WordPress */
.entry-content,
.entry-content p,
.entry-content li,
.entry-content blockquote,
.wp-block-post-content,
.site-content {
    font-family: var(--ps-font-body) !important;
}

/* Страницы блога */
.propera-blog-archive,
.propera-blog-category,
.propera-blog-single {
    font-family: var(--ps-font-body) !important;
}

.propera-blog-archive h1,
.propera-blog-archive h2,
.propera-blog-archive h3,
.propera-blog-category h1,
.propera-blog-category h2,
.propera-blog-category h3,
.propera-blog-single h1,
.propera-blog-single h2,
.propera-blog-single h3 {
    font-family: var(--ps-font-heading) !important;
}

/* Страница 404 */
.custom-404,
.custom-404 * {
    font-family: var(--ps-font-body) !important;
}

.custom-404 h1,
.custom-404 h2,
.custom-404 h3 {
    font-family: var(--ps-font-heading) !important;
}

/* Личный кабинет */
.propera-my-account,
.propera-my-account * {
    font-family: var(--ps-font-body) !important;
}

.propera-my-account h1,
.propera-my-account h2,
.propera-my-account h3,
.propera-my-account h4 {
    font-family: var(--ps-font-heading) !important;
}