/*
 * Wspólna warstwa stylów bloków ACF przeniesionych z nomonday.
 * Wartości przeniesione 1:1 z dist/css/app.css (Bootstrap zastąpiony UIkitem
 * z motywu-rodzica; tu zostają tylko utilities, których UIkit nie ma,
 * oraz elementy marki: spacing bloków, dekory, przyciski).
 */

:root {
    --mcr-blue: #3600b9;
    --mcr-dark-blue: #1b005d;
    --mcr-green: #afeb00;
    --mcr-dark-green: #3c4c00;
    --mcr-gray-500: #b6b6b6;
    --mcr-dark-gray: #3d3d3d;
}

/* --- Spacing bloków (block_margin / block_padding_top / block_padding_bottom) --- */

.margin-none { margin-bottom: 0 !important; }
.margin-xs, .margin-sm { margin-bottom: 1.5rem !important; }
.margin-md { margin-bottom: 2rem !important; }
.margin-lg { margin-bottom: 2.5rem !important; }
.margin-xl { margin-bottom: 3rem !important; }
.margin-xxl { margin-bottom: 3.5rem !important; }
.margin-3xl { margin-bottom: 4rem !important; }

.padding-top-none { padding-top: 0 !important; }
.padding-top-xs, .padding-top-sm { padding-top: 1.5rem !important; }
.padding-top-md { padding-top: 2rem !important; }
.padding-top-lg { padding-top: 2.5rem !important; }
.padding-top-xl { padding-top: 3rem !important; }
.padding-top-xxl { padding-top: 3.5rem !important; }
.padding-top-3xl { padding-top: 4rem !important; }

.padding-bottom-none { padding-bottom: 0 !important; }
.padding-bottom-xs, .padding-bottom-sm { padding-bottom: 1.5rem !important; }
.padding-bottom-md { padding-bottom: 2rem !important; }
.padding-bottom-lg { padding-bottom: 2.5rem !important; }
.padding-bottom-xl { padding-bottom: 3rem !important; }
.padding-bottom-xxl { padding-bottom: 3.5rem !important; }
.padding-bottom-3xl { padding-bottom: 4rem !important; }

@media (min-width: 768px) {
    .margin-sm { margin-bottom: 2rem !important; }
    .margin-md { margin-bottom: 3rem !important; }
    .margin-lg { margin-bottom: 3.5rem !important; }
    .margin-xl { margin-bottom: 4rem !important; }
    .margin-xxl { margin-bottom: 4.5rem !important; }
    .margin-3xl { margin-bottom: 5.5rem !important; }

    .padding-top-sm { padding-top: 2rem !important; }
    .padding-top-md { padding-top: 3rem !important; }
    .padding-top-lg { padding-top: 3.5rem !important; }
    .padding-top-xl { padding-top: 4rem !important; }
    .padding-top-xxl { padding-top: 4.5rem !important; }
    .padding-top-3xl { padding-top: 5.5rem !important; }

    .padding-bottom-sm { padding-bottom: 2rem !important; }
    .padding-bottom-md { padding-bottom: 3rem !important; }
    .padding-bottom-lg { padding-bottom: 3.5rem !important; }
    .padding-bottom-xl { padding-bottom: 4rem !important; }
    .padding-bottom-xxl { padding-bottom: 4.5rem !important; }
    .padding-bottom-3xl { padding-bottom: 5.5rem !important; }
}

@media (min-width: 1200px) {
    .margin-lg { margin-bottom: 4rem !important; }
    .margin-xl { margin-bottom: 5rem !important; }
    .margin-xxl { margin-bottom: 5.5rem !important; }
    .margin-3xl { margin-bottom: 7rem !important; }

    .padding-top-lg { padding-top: 4rem !important; }
    .padding-top-xl { padding-top: 5rem !important; }
    .padding-top-xxl { padding-top: 5.5rem !important; }
    .padding-top-3xl { padding-top: 7rem !important; }

    .padding-bottom-lg { padding-bottom: 4rem !important; }
    .padding-bottom-xl { padding-bottom: 5rem !important; }
    .padding-bottom-xxl { padding-bottom: 5.5rem !important; }
    .padding-bottom-3xl { padding-bottom: 7rem !important; }
}

@media (min-width: 1400px) {
    .margin-xxl { margin-bottom: 6.25rem !important; }
    .margin-3xl { margin-bottom: 8rem !important; }

    .padding-top-xxl { padding-top: 6.25rem !important; }
    .padding-top-3xl { padding-top: 8rem !important; }

    .padding-bottom-xxl { padding-bottom: 6.25rem !important; }
    .padding-bottom-3xl { padding-bottom: 8rem !important; }
}

/* --- Kotwice bloków (block_anchor) --- */

.anchor-primary { position: relative; top: -6.5rem; }

@media (min-width: 768px) {
    .anchor-primary { top: -9rem; }
}

@media (min-width: 1200px) {
    .anchor-primary { top: -10rem; }
}

/* --- Mikro-utilities bez odpowiednika w UIkit --- */

.order-0 { order: 0; }
.order-1 { order: 1; }
.order-2 { order: 2; }

@media (min-width: 960px) {
    .order-md-1 { order: 1; }
    .order-md-2 { order: 2; }
}

.lh-140 { line-height: 1.4; }
.fs-sm { font-size: 0.875rem !important; }
.fs-lg { font-size: 1.25rem !important; }
.fw-normal { font-weight: 400 !important; }
.fw-medium { font-weight: 500 !important; }
.fw-semibold { font-weight: 600 !important; }
.fw-bold { font-weight: 700 !important; }
.text-white { color: #fff !important; }
.text-secondary { color: var(--mcr-blue) !important; }
.text-success-900 { color: #007a36 !important; }
.text-error-900 { color: #b00020 !important; }
.bg-secondary-900 { background-color: var(--mcr-dark-blue) !important; }
.rounded-4 { border-radius: 0.9375rem !important; }
.rounded-5 { border-radius: 1.5rem !important; }
.z-2 { z-index: 2 !important; }
.gap-4 { gap: 1rem !important; }
.mt-2 { margin-top: 0.5rem !important; }
.mt-6 { margin-top: 1.5rem !important; }
.mb-6 { margin-bottom: 1.5rem !important; }
.mb-8 { margin-bottom: 2rem !important; }
.pb-3 { padding-bottom: 0.75rem !important; }

.h3 { font-size: calc(1.325rem + 0.9vw); font-weight: 600; }
.h4 { font-size: calc(1.275rem + 0.3vw); font-weight: 600; }

@media (min-width: 1200px) {
    .h3 { font-size: 2rem; }
    .h4 { font-size: 1.5rem; }
}

.visually-hidden {
    border: 0 !important;
    clip: rect(0, 0, 0, 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    white-space: nowrap !important;
    width: 1px !important;
}

/* --- Dekory (decor-blur-1, decor-x-1/2/3): przeniesione do custom.css
   (ładowany globalnie przez YOOtheme), żeby działały też w sekcjach
   składanych w builderze, nie tylko w blokach ACF. --- */

/* --- Nagłówek-bilet (decor-ticket): przeniesiony do custom.css (ładowany
   globalnie przez YOOtheme), żeby nie dublować reguł. --- */

/* --- Przyciski marki --- */

.btn {
    cursor: pointer;
    display: inline-block;
    text-align: center;
    text-decoration: none;
}

.btn:hover { text-decoration: none; }

.btn-primary,
.btn-secondary,
.btn-tertiary {
    border-radius: 0.9375rem;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.4;
    padding: 0.875rem 1.5rem;
    transition: all 0.3s ease-in;
    width: fit-content;
}

.btn-secondary {
    background-color: var(--mcr-blue);
    border: 0.0625rem solid var(--mcr-blue);
    color: #fff;
}

.btn-secondary:hover {
    background-color: #2e009d;
    border-color: #2b0094;
    color: #fff;
}

.btn-secondary:active,
.btn-secondary:focus-visible {
    background-color: #2b0094;
    border-color: #29008b;
    color: #fff;
}

.btn-tertiary {
    background-color: #fff;
    border: 0.0625rem solid var(--mcr-blue);
    color: var(--mcr-blue);
}

.btn-tertiary:active,
.btn-tertiary:focus-visible,
.btn-tertiary:hover {
    background-color: #ecebff !important;
    border: 0.0625rem solid var(--mcr-blue) !important;
    color: var(--mcr-blue) !important;
}

.btn-arrow-right-up {
    background-image: url(../gfx/icons/ico-arrow-right-up-blue.svg);
    background-position: right 1.25rem center;
    background-repeat: no-repeat;
    background-size: 1.5rem;
    padding-right: 3.25rem;
}