/* =========================================================
   NAC GLOBAL UI — GLOBAL STYLES
========================================================= */


/* =========================================================
   GLOBAL FIX — убрать горизонтальный скролл
========================================================= */

html,
body {
    width: 100%;
    overflow-x: hidden;
}


/* =========================================================
   STOCK STATUS — стиль наличия
========================================================= */

.stock {
    font-size: 14px !important;
    font-weight: 500 !important;
}


/* =========================================================
   ASTRA — убрать текст "Доступность:"
========================================================= */

.ast-stock-avail {
    display: none !important;
}


/* =========================================================
   GLOBAL VARIATION STYLES
========================================================= */

/* Скрываем технические labels */
dl.variation dt {
    display: none !important;
}

/* Общий блок variation */
dl.variation {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
}

/* Каждая строка */
dl.variation dd {
    margin: 0 0 2px 0 !important;
    padding: 0 !important;
    line-height: 1.2 !important;
}

/* Основной текст */
dl.variation dd p {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.25 !important;
    font-size: 12px !important;
    color: #555 !important;
    word-break: break-word;
}


/* =========================================================
   PREMIUM BREATHING LOADER
========================================================= */

.woocommerce .blockUI.blockOverlay {

    background: rgba(
        255,
        255,
        255,
        var(--nac-overlay-opacity)
    ) !important;

    opacity: 1 !important;
}

.woocommerce .blockUI.blockOverlay::before {

    content: "" !important;

    position: absolute !important;

    top: 50% !important;
    left: 50% !important;

    width: var(--nac-loader-size) !important;
    height: var(--nac-loader-size) !important;

    margin-left: calc(var(--nac-loader-size) / -2) !important;
    margin-top: calc(var(--nac-loader-size) / -2) !important;

    border-radius: 50% !important;

    background: rgba(
        118,
        128,
        102,
        var(--nac-loader-fill)
    ) !important;

    border: 1px solid rgba(
        118,
        128,
        102,
        var(--nac-loader-border)
    ) !important;

    box-shadow:
        0 0 0 12px rgba(
            118,
            128,
            102,
            var(--nac-glow-soft)
        ),
        0 0 34px rgba(
            118,
            128,
            102,
            var(--nac-glow-main)
        ),
        0 0 60px rgba(
            118,
            128,
            102,
            var(--nac-glow-wide)
        );

    animation: nac-breathing 1.7s ease-in-out infinite !important;

    z-index: 999999 !important;
}

@keyframes nac-breathing {

    0% {

        transform: scale(0.78);

        opacity: 0.5;

        box-shadow:
            0 0 0 rgba(118,128,102,0.05),
            0 0 14px rgba(118,128,102,0.08),
            0 0 26px rgba(118,128,102,0.04);
    }

    50% {

        transform: scale(1);

        opacity: 1;

        box-shadow:
            0 0 0 12px rgba(
                118,
                128,
                102,
                var(--nac-glow-soft)
            ),
            0 0 34px rgba(
                118,
                128,
                102,
                var(--nac-glow-main)
            ),
            0 0 60px rgba(
                118,
                128,
                102,
                var(--nac-glow-wide)
            );
    }

    100% {

        transform: scale(0.78);

        opacity: 0.5;

        box-shadow:
            0 0 0 rgba(118,128,102,0.05),
            0 0 14px rgba(118,128,102,0.08),
            0 0 26px rgba(118,128,102,0.04);
    }
}

:root {

    --nac-loader-size: 26px;
    --nac-overlay-opacity: 0.75;

    --nac-loader-fill: 0.52;
    --nac-loader-border: 0.98;

    --nac-glow-soft: 0.28;
    --nac-glow-main: 0.28;
    --nac-glow-wide: 0.22;
}


/* =========================================================
   SCROLL TO TOP
========================================================= */

.eael-ext-scroll-to-top-button {
    display: none !important;
}