/* =========================================================
   FOOTER 3C — COMPACT
   + CONTACT SIDENAV
========================================================= */


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

.footer-modern,
.contact-sidenav {
    --footer-blue: #4192ff;
    --footer-green: #46f484;
    --footer-yellow: #e1ff58;

    --footer-dark: #07111b;
    --footer-dark-2: #0b1722;

    --footer-white: #ffffff;

    --footer-line:
        rgba(255, 255, 255, .10);

    --footer-muted:
        rgba(255, 255, 255, .56);

    --footer-max: 1180px;
}


/* =========================================================
   FOOTER SIZE
   IMPORTANT:
   eliminăm min-height-urile vechi.
========================================================= */

.site-footer.footer-modern {
    position: relative;

    width: 100%;

    min-height: 0 !important;
    height: auto !important;

    overflow: hidden;

    background:
        var(--footer-dark);
}


.site-footer.footer-modern {
    min-height: 900px !important;
}


/* =========================================================
   OVERLAY
========================================================= */

.site-footer.footer-modern
.site-footer__carousel-overlay {
    background:
        linear-gradient(
            180deg,
            rgba(5, 13, 22, .71) 0%,
            rgba(5, 13, 22, .82) 48%,
            rgba(5, 13, 22, .95) 100%
        );
}


/* =========================================================
   INNER
========================================================= */

.footer-modern__inner {
    position: relative;

    z-index: 3;

    width:
        min(
            calc(100% - 48px),
            var(--footer-max)
        );

    min-height: 0 !important;

    margin:
        0
        auto;

    padding:
        44px
        0
        18px;
}

.footer-modern__inner {
    min-height: 470px !important;

    padding:
        70px
        0
        34px;
}


/* =========================================================
   MOTTO
========================================================= */

.footer-modern__statement {
    max-width: 720px;

    margin:
        0
        auto;

    text-align:
        center;
}


.footer-modern__statement-label {
    display: block;

    margin-bottom: 10px;

    color:
        rgba(255, 255, 255, .50);

    font-family:
        "Inter",
        sans-serif;

    font-size: .59rem;

    font-weight: 800;

    letter-spacing: .17em;

    line-height: 1.4;

    text-transform: uppercase;
}


.footer-modern__statement p {
    max-width: 720px;

    margin:
        0
        auto;

    color:
        rgba(255, 255, 255, .92);

    font-family:
        "Lora",
        serif;

    font-size:
        clamp(
            1.12rem,
            1.9vw,
            1.62rem
        );

    font-weight: 500;

    font-style: italic;

    line-height: 1.42;

    letter-spacing: -.012em;

    text-wrap: balance;
}


/* =========================================================
   LINIA 3C
========================================================= */

.footer-modern__statement-line {
    width: 68px;
    height: 2px;

    margin:
        17px
        auto
        0;

    border-radius:
        999px;

    background:
        linear-gradient(
            90deg,
            var(--footer-blue),
            var(--footer-green),
            var(--footer-yellow)
        );

    transform:
        scaleX(0);

    transform-origin:
        center;

    transition:
        transform .9s
        cubic-bezier(.22, 1, .36, 1);
}


.footer-modern__statement.is-visible
.footer-modern__statement-line {
    transform:
        scaleX(1);
}


/* =========================================================
   LEGAL
   toate linkurile CENTRATE și ORIZONTALE
========================================================= */

.footer-modern__legal {
    margin-top: 27px;

    padding:
        16px
        10px;

    display: flex;

    align-items: center;
    justify-content: center;

    flex-wrap: wrap;

    gap:
        8px
        24px;

    border-top:
        1px solid
        var(--footer-line);

    border-bottom:
        1px solid
        var(--footer-line);
}


/* linkuri + butonul Contact */

.footer-modern__legal a,
.footer-modern__legal-contact {
    position: relative;

    width: fit-content;

    margin: 0;
    padding: 0;

    border: 0;

    appearance: none;
    -webkit-appearance: none;

    background: transparent;

    color:
        rgba(255, 255, 255, .67);

    font-family:
        "Inter",
        sans-serif;

    font-size: .70rem;

    font-weight: 550;

    line-height: 1.5;

    text-decoration: none;

    cursor: pointer;

    transition:
        color .3s ease;
}


.footer-modern__legal a::after,
.footer-modern__legal-contact::after {
    content: "";

    position: absolute;

    left: 50%;
    bottom: -4px;

    width: 0;
    height: 1px;

    transform:
        translateX(-50%);

    background:
        linear-gradient(
            90deg,
            var(--footer-blue),
            var(--footer-green)
        );

    transition:
        width .35s
        cubic-bezier(.22, 1, .36, 1);
}


.footer-modern__legal a:focus-visible,
.footer-modern__legal-contact:focus-visible {
    outline:
        2px solid
        var(--footer-blue);

    outline-offset:
        6px;

    border-radius:
        2px;
}


@media (hover: hover) {

    .footer-modern__legal a:hover,
    .footer-modern__legal-contact:hover {
        color:
            #fff;
    }


    .footer-modern__legal a:hover::after,
    .footer-modern__legal-contact:hover::after {
        width:
            100%;
    }

}


/* =========================================================
   DATE OPERATOR ECONOMIC
========================================================= */

.footer-modern__business {
    margin-top: 16px;

    display: flex;

    justify-content: center;
}


.footer-modern__business-details {
    width: 100%;

    max-width: 930px;

    margin:
        0
        auto;
}


/* =========================================================
   BUSINESS SUMMARY
========================================================= */

.footer-modern__business-details summary {
    width:
        fit-content;

    margin:
        0
        auto;

    display:
        flex;

    align-items:
        center;

    gap: 8px;

    list-style:
        none;

    color:
        rgba(255, 255, 255, .55);

    font-family:
        "Inter",
        sans-serif;

    font-size:
        .65rem;

    font-weight:
        650;

    line-height:
        1.4;

    cursor:
        pointer;

    user-select:
        none;

    transition:
        color .3s ease;
}


.footer-modern__business-details
summary::-webkit-details-marker {
    display: none;
}


.footer-modern__business-summary {
    display:
        inline-flex;

    align-items:
        center;

    gap: 7px;
}


.footer-modern__business-summary i {
    color:
        var(--footer-green);

    font-size:
        .95rem;
}


/* =========================================================
   SĂGEATĂ EMAIL
========================================================= */

.contact-sidenav__email-arrow {
    color:
        rgba(255, 255, 255, .49);

    font-size:
        1.05rem;

    transform: rotate(0deg);

    transition:
        transform .80s cubic-bezier(.22, 1, .36, 1);
}


.contact-sidenav__email.is-open
.contact-sidenav__email-arrow {
    transform: rotate(180deg);
}


.footer-modern__business-details
summary:focus-visible {
    outline:
        2px solid
        var(--footer-blue);

    outline-offset:
        6px;

    border-radius:
        2px;
}


@media (hover: hover) {

    .footer-modern__business-details
    summary:hover {
        color:
            rgba(255, 255, 255, .84);
    }

}


/* =========================================================
   BUSINESS — ELEMENT ANIMAT
========================================================= */

.footer-modern__business-content {
    display: block !important;

    height: 0;

    overflow: hidden;

    margin-top: 0;

    padding: 0;

    border: 0;

    background:
        transparent;

    opacity: 0;

    transition:
        height .60s
            cubic-bezier(.22, 1, .36, 1),
        margin-top .60s
            cubic-bezier(.22, 1, .36, 1),
        opacity .40s ease;

    will-change:
        height,
        margin-top,
        opacity;
}


.footer-modern__business-details.is-open
.footer-modern__business-content {
    margin-top:
        14px;

    opacity:
        1;
}


/* =========================================================
   BUSINESS CARD
========================================================= */

.footer-modern__business-content-inner {
    width: 100%;

    display: grid;

    grid-template-columns:
        repeat(
            4,
            minmax(0, 1fr)
        );

    gap:
        14px
        24px;

    padding:
        15px
        18px;

    border:
        1px solid
        rgba(255, 255, 255, .09);

    border-radius:
        10px;

    background:
        rgba(4, 13, 20, .37);

    backdrop-filter:
        blur(10px);

    -webkit-backdrop-filter:
        blur(10px);

    box-shadow:
        0
        14px
        30px
        rgba(0, 0, 0, .11);
}


.footer-modern__business-content-inner
span,
.footer-modern__business-content-inner
strong {
    display: block;

    font-family:
        "Inter",
        sans-serif;
}


.footer-modern__business-content-inner
span {
    margin-bottom:
        4px;

    color:
        rgba(255, 255, 255, .37);

    font-size:
        .53rem;

    font-weight:
        700;

    letter-spacing:
        .08em;

    line-height:
        1.4;

    text-transform:
        uppercase;
}


.footer-modern__business-content-inner
strong {
    color:
        rgba(255, 255, 255, .76);

    font-size:
        .64rem;

    font-weight:
        550;

    line-height:
        1.48;
}


/* =========================================================
   TRUST — ANPC + NETOPIA
========================================================= */

.footer-modern__trust {
    margin-top:
        17px;

    padding:
        16px
        0;

    display: grid;

    grid-template-columns:
        repeat(
            2,
            minmax(0, 190px)
        );

    justify-content:
        center;

    align-items:
        start;

    gap:
        clamp(
            28px,
            6vw,
            70px
        );
}


.footer-modern__trust-item {
    min-width:
        0;

    display: flex;

    flex-direction:
        column;

    align-items:
        center;

    justify-content:
        flex-start;

    gap:
        8px;

    text-align:
        center;
}


.footer-modern__trust-label {
    color:
        rgba(255, 255, 255, .43);

    font-family:
        "Inter",
        sans-serif;

    font-size:
        .55rem;

    font-weight:
        700;

    line-height:
        1.4;

    letter-spacing:
        .075em;

    text-transform:
        uppercase;
}


/* =========================================================
   ANPC
========================================================= */

.footer-modern__sal-logo {
    display:
        inline-flex;

    align-items:
        center;
    justify-content:
        center;

    width:
        fit-content;

    opacity:
        .88;

    transition:
        opacity .3s ease,
        transform .3s ease;
}


.footer-modern__sal-logo img {
    display:
        block;

    width:
        auto;

    max-width:
        145px;

    height:
        auto;

    border-radius:
        5px;
}


@media (hover: hover) {

    .footer-modern__sal-logo:hover {
        opacity: 1;

        transform:
            translateY(-2px);
    }

}


/* =========================================================
   NETOPIA
========================================================= */

.footer-modern__netopia {
    min-width: 0;
    display: block;
    align-items: flex-end;
    justify-content: left;
    position: relative;
    left: 0%;
    top: -5px;
}


.footer-modern__netopia-fallback {
    width:
        145px;

    max-width:
        100%;
}


.footer-modern__netopia img {
    display:
        block;

    width:
        auto !important;

    max-width:
        75px;

    height:
        auto !important;

    margin:
        0
        auto;
}


/*
 * Badge fallback ascuns.
 */

.footer-modern__netopia .none {
    display:
        none !important;
}


/* =========================================================
   COPYRIGHT
========================================================= */

.footer-modern__bottom {
    padding:
        13px
        10px
        0;

    display: flex;

    align-items:
        center;
    justify-content:
        center;

    flex-wrap:
        wrap;

    gap:
        6px;

    border-top:
        1px solid
        rgba(255, 255, 255, .07);

    color:
        rgba(255, 255, 255, .41);

    font-family:
        "Inter",
        sans-serif;

    font-size:
        .59rem;

    line-height:
        1.5;

    text-align:
        center;
}


.footer-modern__bottom a {
    color:
        rgba(255, 255, 255, .69);

    text-decoration:
        none;

    transition:
        color .3s ease;
}


.footer-modern__bottom a:hover {
    color:
        #fff;
}


.footer-modern__bottom-dot {
    color:
        var(--footer-green);
}


/* =========================================================
   FOOTER REVEAL
========================================================= */

.footer-modern__inner
[data-footer-reveal] {
    opacity: 1;

    transform:
        translateY(14px);

    transition:
        opacity .7s
            cubic-bezier(.22, 1, .36, 1),
        transform .75s
            cubic-bezier(.22, 1, .36, 1);
}


.footer-modern__inner
[data-footer-reveal].is-visible {
    transform:
        translateY(0);
}


/* =========================================================
   CONTACT SIDENAV — BODY LOCK
========================================================= */

body.contact-sidenav-open {
    overflow:
        hidden;
}


/* =========================================================
   SIDENAV BACKDROP
========================================================= */

.contact-sidenav-backdrop {
    position:
        fixed;

    inset:
        0;

    z-index:
        19990;

    opacity:
        0;

    visibility:
        hidden;

    pointer-events:
        none;

    background:
        rgba(4, 10, 16, .59);

    backdrop-filter:
        blur(3px);

    -webkit-backdrop-filter:
        blur(3px);

    transition:
        opacity .45s ease,
        visibility .45s ease;
}


body.contact-sidenav-open
.contact-sidenav-backdrop {
    opacity:
        1;

    visibility:
        visible;

    pointer-events:
        auto;
}


/* =========================================================
   CONTACT SIDENAV
========================================================= */

.contact-sidenav {
    position:
        fixed;

    z-index:
        20000;

    top:
        0;

    right:
        0;

    width:
        min(
            440px,
            calc(100vw - 24px)
        );

    height:
        100dvh;

    display: flex;

    flex-direction:
        column;

    overflow:
        hidden;

    border-left:
        1px solid
        rgba(255, 255, 255, .08);

    background:
        radial-gradient(
            circle at 105% 4%,
            rgba(65, 146, 255, .17),
            transparent 29%
        ),
        radial-gradient(
            circle at -10% 78%,
            rgba(70, 244, 132, .10),
            transparent 27%
        ),
        #0b1722;

    color:
        #fff;

    box-shadow:
        -22px
        0
        60px
        rgba(0, 0, 0, .25);

    transform:
        translateX(105%);

    transition:
        transform .55s
        cubic-bezier(.22, 1, .36, 1);
}


body.contact-sidenav-open
.contact-sidenav {
    transform:
        translateX(0);
}


/* =========================================================
   SIDENAV ACCENT
========================================================= */

.contact-sidenav__accent {
    flex:
        0 0 3px;

    width:
        100%;

    height:
        3px;

    background:
        linear-gradient(
            90deg,
            var(--footer-blue),
            var(--footer-green),
            var(--footer-yellow)
        );
}


/* =========================================================
   SIDENAV HEADER
========================================================= */

.contact-sidenav__header {
    flex:
        0 0 auto;

    padding:
        25px
        26px
        20px;

    display:
        flex;

    align-items:
        flex-start;
    justify-content:
        space-between;

    gap:
        20px;

    border-bottom:
        1px solid
        rgba(255, 255, 255, .07);
}


.contact-sidenav__eyebrow {
    display:
        block;

    margin-bottom:
        7px;

    color:
        var(--footer-blue);

    font-family:
        "Inter",
        sans-serif;

    font-size:
        .58rem;

    font-weight:
        800;

    line-height:
        1.4;

    letter-spacing:
        .16em;

    text-transform:
        uppercase;
}


.contact-sidenav__header h2 {
    margin:
        0;

    color:
        #fff;

    font-family:
        "Manrope",
        sans-serif;

    font-size:
        clamp(
            1.45rem,
            3vw,
            1.9rem
        );

    font-weight:
        750;

    line-height:
        1.15;

    letter-spacing:
        -.025em;
}


/* =========================================================
   CLOSE
========================================================= */

.contact-sidenav__close {
    width:
        39px;

    height:
        39px;

    flex:
        0 0 39px;

    display:
        inline-flex;

    align-items:
        center;
    justify-content:
        center;

    margin:
        0;

    padding:
        0;

    border:
        1px solid
        rgba(255, 255, 255, .10);

    border-radius:
        50%;

    background:
        rgba(255, 255, 255, .04);

    color:
        rgba(255, 255, 255, .78);

    cursor:
        pointer;

    transition:
        color .3s ease,
        border-color .3s ease,
        background-color .3s ease,
        transform .3s ease;
}


.contact-sidenav__close i {
    font-size:
        1.45rem;
}


.contact-sidenav__close:focus-visible {
    outline:
        2px solid
        var(--footer-blue);

    outline-offset:
        3px;
}


@media (hover: hover) {

    .contact-sidenav__close:hover {
        color:
            #fff;

        border-color:
            rgba(255, 255, 255, .20);

        background:
            rgba(255, 255, 255, .08);

        transform:
            rotate(4deg);
    }

}


/* =========================================================
   SIDENAV BODY
========================================================= */

.contact-sidenav__body {
    flex:
        1 1 auto;

    min-height:
        0;

    overflow-y:
        auto;

    overscroll-behavior:
        contain;

    padding:
        23px
        26px
        28px;

    scrollbar-width:
        thin;

    scrollbar-color:
        rgba(255, 255, 255, .17)
        transparent;
}


.contact-sidenav__body::-webkit-scrollbar {
    width:
        6px;
}


.contact-sidenav__body::-webkit-scrollbar-thumb {
    border-radius:
        999px;

    background:
        rgba(255, 255, 255, .15);
}


/* =========================================================
   SIDENAV INTRO
========================================================= */

.contact-sidenav__intro {
    max-width:
        350px;

    margin:
        0
        0
        20px;

    color:
        rgba(255, 255, 255, .59);

    font-family:
        "Inter",
        sans-serif;

    font-size:
        .80rem;

    line-height:
        1.65;
}


/* =========================================================
   WHATSAPP PRIMARY
========================================================= */

.contact-sidenav__primary {
    width:
        100%;

    min-height:
        68px;

    display:
        grid;

    grid-template-columns:
        42px
        1fr
        24px;

    align-items:
        center;

    gap:
        12px;

    padding:
        11px
        14px;

    border:
        1px solid
        rgba(65, 146, 255, .27);

    border-radius:
        10px;

    background:
        linear-gradient(
            135deg,
            rgba(65, 146, 255, .18),
            rgba(65, 146, 255, .08)
        );

    color:
        #fff;

    text-decoration:
        none;

    box-shadow:
        8px
        12px
        25px
        rgba(0, 0, 0, .10);

    transition:
        transform .3s
            cubic-bezier(.22, 1, .36, 1),
        border-color .3s ease,
        background-color .3s ease;
}


.contact-sidenav__primary-icon {
    width:
        42px;

    height:
        42px;

    display:
        inline-flex;

    align-items:
        center;
    justify-content:
        center;

    border-radius:
        50%;

    background:
        rgba(70, 244, 132, .10);

    color:
        var(--footer-green);

    font-size:
        1.35rem;
}


.contact-sidenav__primary-copy
small,
.contact-sidenav__primary-copy
strong {
    display:
        block;
}


.contact-sidenav__primary-copy
small {
    margin-bottom:
        2px;

    color:
        rgba(255, 255, 255, .46);

    font-family:
        "Inter",
        sans-serif;

    font-size:
        .56rem;

    font-weight:
        700;

    letter-spacing:
        .08em;

    text-transform:
        uppercase;
}


.contact-sidenav__primary-copy
strong {
    color:
        rgba(255, 255, 255, .92);

    font-family:
        "Manrope",
        sans-serif;

    font-size:
        .83rem;

    font-weight:
        700;
}


.contact-sidenav__primary-arrow {
    color:
        rgba(255, 255, 255, .63);

    font-size:
        1.2rem;

    transition:
        transform .3s
        cubic-bezier(.22, 1, .36, 1);
}


@media (hover: hover) {

    .contact-sidenav__primary:hover {
        transform:
            translateY(-2px);

        border-color:
            rgba(65, 146, 255, .45);
    }


    .contact-sidenav__primary:hover
    .contact-sidenav__primary-arrow {
        transform:
            translateX(3px);
    }

}


/* =========================================================
   SOCIAL SECTION
========================================================= */

.contact-sidenav__social-section {
    margin-top:
        25px;
}


.contact-sidenav__section-label {
    display:
        block;

    margin-bottom:
        10px;

    color:
        rgba(255, 255, 255, .42);

    font-family:
        "Inter",
        sans-serif;

    font-size:
        .57rem;

    font-weight:
        700;

    letter-spacing:
        .10em;

    text-transform:
        uppercase;
}


.contact-sidenav__socials {
    display:
        grid;

    grid-template-columns:
        repeat(
            2,
            minmax(0, 1fr)
        );

    gap:
        8px;
}


.contact-sidenav__socials a {
    min-height:
        47px;

    display:
        flex;

    align-items:
        center;

    gap:
        9px;

    padding:
        9px
        11px;

    border:
        1px solid
        rgba(255, 255, 255, .08);

    border-radius:
        8px;

    background:
        rgba(255, 255, 255, .025);

    color:
        rgba(255, 255, 255, .70);

    font-family:
        "Inter",
        sans-serif;

    font-size:
        .68rem;

    font-weight:
        600;

    text-decoration:
        none;

    transition:
        color .3s ease,
        border-color .3s ease,
        background-color .3s ease,
        transform .3s
            cubic-bezier(.22, 1, .36, 1);
}


.contact-sidenav__socials a i {
    color:
        var(--footer-blue);

    font-size:
        1.08rem;
}


@media (hover: hover) {

    .contact-sidenav__socials a:hover {
        color:
            #fff;

        border-color:
            rgba(255, 255, 255, .15);

        background:
            rgba(255, 255, 255, .05);

        transform:
            translateY(-1px);
    }

}


/* =========================================================
   SEPARATOR
========================================================= */

.contact-sidenav__separator {
    margin:
        25px
        0;

    display:
        grid;

    grid-template-columns:
        1fr
        auto
        1fr;

    align-items:
        center;

    gap:
        11px;
}


.contact-sidenav__separator
span {
    height:
        1px;

    background:
        rgba(255, 255, 255, .08);
}


.contact-sidenav__separator
small {
    color:
        rgba(255, 255, 255, .34);

    font-family:
        "Inter",
        sans-serif;

    font-size:
        .59rem;
}


/* =========================================================
   EMAIL DETAILS
========================================================= */

.contact-sidenav__email {
    width:
        100%;
}


.contact-sidenav__email
summary {
    width:
        100%;

    min-height:
        62px;

    display:
        grid;

    grid-template-columns:
        38px
        1fr
        23px;

    align-items:
        center;

    gap:
        11px;

    padding:
        10px
        12px;

    list-style:
        none;

    border:
        1px solid
        rgba(255, 255, 255, .09);

    border-radius:
        10px;

    background:
        rgba(255, 255, 255, .035);

    cursor:
        pointer;

    transition:
        border-color .3s ease,
        background-color .3s ease;
}


.contact-sidenav__email
summary::-webkit-details-marker {
    display:
        none;
}


.contact-sidenav__email
summary:focus-visible {
    outline:
        2px solid
        var(--footer-blue);

    outline-offset:
        3px;
}


.contact-sidenav__email-icon {
    width:
        38px;

    height:
        38px;

    display:
        inline-flex;

    align-items:
        center;
    justify-content:
        center;

    border-radius:
        50%;

    background:
        rgba(225, 255, 88, .08);

    color:
        var(--footer-yellow);

    font-size:
        1.05rem;
}


.contact-sidenav__email-copy
small,
.contact-sidenav__email-copy
strong {
    display:
        block;
}


.contact-sidenav__email-copy
small {
    margin-bottom:
        2px;

    color:
        rgba(255, 255, 255, .42);

    font-family:
        "Inter",
        sans-serif;

    font-size:
        .56rem;

    font-weight:
        600;
}


.contact-sidenav__email-copy
strong {
    color:
        rgba(255, 255, 255, .86);

    font-family:
        "Manrope",
        sans-serif;

    font-size:
        .76rem;

    font-weight:
        700;
}


.contact-sidenav__email-arrow {
    color:
        rgba(255, 255, 255, .49);

    font-size:
        1.05rem;

    transition:
        transform .4s
        cubic-bezier(.22, 1, .36, 1);
}


.contact-sidenav__email[open]
.contact-sidenav__email-arrow {
    transform:
        rotate(180deg);
}


@media (hover: hover) {

    .contact-sidenav__email
    summary:hover {
        border-color:
            rgba(255, 255, 255, .15);

        background:
            rgba(255, 255, 255, .05);
    }

}


/* =========================================================
   EMAIL — DESCHIDERE LENTĂ
========================================================= */

.contact-sidenav__email-content {
    height: 0;
    overflow: hidden;

    margin-top: 0;
    padding: 0 1px;

    opacity: 0;

    transform: translateY(-8px);

    transition:
        height .80s cubic-bezier(.22, 1, .36, 1),
        margin-top .80s cubic-bezier(.22, 1, .36, 1),
        opacity .50s ease,
        transform .80s cubic-bezier(.22, 1, .36, 1);

    will-change:
        height,
        margin-top,
        opacity,
        transform;
}


.contact-sidenav__email.is-open
.contact-sidenav__email-content {
    margin-top: 16px;

    opacity: 1;

    transform: translateY(0);
}


/* textul din interior */

.contact-sidenav__email-content > p {
    margin:
        0
        0
        13px;

    color:
        rgba(255, 255, 255, .50);

    font-family:
        "Inter",
        sans-serif;

    font-size:
        .67rem;

    line-height:
        1.6;
}

/* =========================================================
   FORMULAR
========================================================= */

.contact-sidenav__form {
    width:
        100%;

    display:
        grid;

    grid-template-columns:
        1fr;

    gap:
        9px;
}


.footer-modern__field {
    width:
        100%;

    min-width:
        0;
}


.footer-modern__field
input,
.footer-modern__field
textarea {
    width:
        100%;

    max-width:
        100%;

    box-sizing:
        border-box;

    border:
        1px solid
        rgba(255, 255, 255, .11);

    outline:
        none;

    border-radius:
        9px;

    background:
        rgba(4, 12, 19, .45);

    color:
        #fff;

    font-family:
        "Inter",
        sans-serif;

    font-size:
        .73rem;

    transition:
        border-color .25s ease,
        background-color .25s ease,
        box-shadow .25s ease;
}


.footer-modern__field
input {
    height:
        44px;

    padding:
        0
        12px;
}


.footer-modern__field
textarea {
    min-height:
        105px;

    padding:
        11px
        12px;

    resize:
        vertical;

    line-height:
        1.5;
}


.footer-modern__field
input::placeholder,
.footer-modern__field
textarea::placeholder {
    color:
        rgba(255, 255, 255, .35);
}


.footer-modern__field
input:focus,
.footer-modern__field
textarea:focus {
    border-color:
        rgba(65, 146, 255, .52);

    background:
        rgba(4, 12, 19, .60);

    box-shadow:
        0
        0
        0
        3px
        rgba(65, 146, 255, .07);
}


/* =========================================================
   SUBMIT
========================================================= */

.footer-modern__submit {
    width:
        100%;

    min-height:
        45px;

    display:
        inline-flex;

    align-items:
        center;
    justify-content:
        center;

    gap:
        8px;

    padding:
        10px
        15px;

    border:
        0;

    border-radius:
        10px;

    background:
        var(--footer-blue);

    color:
        #fff;

    font-family:
        "Inter",
        sans-serif;

    font-size:
        .73rem;

    font-weight:
        750;

    cursor:
        pointer;

    box-shadow:
        7px
        11px
        23px
        rgba(65, 146, 255, .17);

    transition:
        transform .3s
            cubic-bezier(.22, 1, .36, 1),
        box-shadow .3s ease,
        filter .3s ease;
}


.footer-modern__submit i {
    font-size:
        .98rem;
}


@media (hover: hover) {

    .footer-modern__submit:hover {
        transform:
            translateY(-2px);

        box-shadow:
            9px
            14px
            27px
            rgba(65, 146, 255, .22);
    }

}


/* =========================================================
   FORM MESSAGE
========================================================= */

.footer-modern__form-message {
    min-height:
        0;

    color:
        rgba(255, 255, 255, .68);

    font-family:
        "Inter",
        sans-serif;

    font-size:
        .65rem;

    line-height:
        1.5;
}


/* =========================================================
   HONEYPOT
========================================================= */

.hp-field {
    position:
        absolute !important;

    left:
        -10000px !important;

    width:
        1px !important;

    height:
        1px !important;

    overflow:
        hidden !important;
}


/* =========================================================
   SR ONLY
========================================================= */

.sr-only {
    position:
        absolute !important;

    width:
        1px !important;

    height:
        1px !important;

    padding:
        0 !important;

    margin:
        -1px !important;

    overflow:
        hidden !important;

    clip:
        rect(0, 0, 0, 0) !important;

    white-space:
        nowrap !important;

    border:
        0 !important;
}


/* =========================================================
   SIDENAV FOOTER
========================================================= */

.contact-sidenav__footer {
    flex:
        0 0 auto;

    padding:
        13px
        24px;

    display:
        flex;

    align-items:
        center;
    justify-content:
        center;

    flex-wrap:
        wrap;

    gap:
        5px;

    border-top:
        1px solid
        rgba(255, 255, 255, .06);

    color:
        rgba(255, 255, 255, .32);

    font-family:
        "Inter",
        sans-serif;

    font-size:
        .55rem;

    line-height:
        1.4;

    text-align:
        center;
}

/* =========================================================
   CONTROALE PLUTITOARE 3C
========================================================= */

.floating-3c-controls {
    position:
        fixed;

    right:
        24px;

    bottom:
        calc(
            24px +
            env(safe-area-inset-bottom, 0px)
        );

    z-index:
        1200;

    display:
        flex;

    flex-direction:
        column-reverse;

    align-items:
        center;

    gap:
        9px;

    padding:
        6px;

    border:
        1px solid
        rgba(255, 255, 255, .72);

    border-radius:
        999px;

    background:
        rgba(255, 255, 255, .76);

    box-shadow:
        7px
        12px
        30px
        rgba(20, 39, 61, .16);

    backdrop-filter:
        blur(16px);

    -webkit-backdrop-filter:
        blur(16px);

    isolation:
        isolate;
}


/* accent 3C foarte discret */

.floating-3c-controls::before {
    content: "";

    position:
        absolute;

    inset:
        -1px;

    z-index:
        -1;

    padding:
        1px;

    border-radius:
        inherit;

    background:
        linear-gradient(
            145deg,
            rgba(65, 146, 255, .55),
            rgba(70, 244, 132, .45),
            rgba(225, 255, 88, .48)
        );

    -webkit-mask:
        linear-gradient(#fff 0 0)
        content-box,
        linear-gradient(#fff 0 0);

    -webkit-mask-composite:
        xor;

    mask-composite:
        exclude;

    pointer-events:
        none;
}


/* =========================================================
   BUTON
========================================================= */

.floating-3c-btn {
    position:
        relative;

    width:
        44px;

    height:
        44px;

    flex:
        0 0 44px;

    margin:
        0;

    padding:
        0;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    border:
        0;

    border-radius:
        50%;

    background:
        transparent;

    cursor:
        pointer;

    -webkit-appearance:
        none;

    appearance:
        none;

    -webkit-tap-highlight-color:
        transparent;
}


/* cerc interior */

.floating-3c-btn__icon {
    width:
        40px;

    height:
        40px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    border:
        1px solid
        rgba(23, 35, 52, .07);

    border-radius:
        50%;

    background:
        rgba(255, 255, 255, .92);

    box-shadow:
        3px
        6px
        15px
        rgba(23, 35, 52, .09);

    transition:
        transform .38s
            cubic-bezier(.22, 1, .36, 1),
        background .30s ease,
        box-shadow .30s ease;
}


/* =========================================================
   ICONIȚE
========================================================= */

.floating-3c-btn i {
    display:
        block;

    color:
        #172334;

    font-size:
        1.35rem;

    line-height:
        1;

    transition:
        transform .35s
            cubic-bezier(.22, 1, .36, 1),
        color .30s ease;
}


/* =========================================================
   MUZICĂ
========================================================= */

.floating-3c-audio
.floating-3c-btn__icon {
    background:
        linear-gradient(
            145deg,
            rgba(65, 146, 255, .13),
            rgba(255, 255, 255, .96)
        );
}


.floating-3c-audio i {
    color:
        #2f77d8;

    font-size:
        1.28rem;
}


/* =========================================================
   SCROLL SUS
========================================================= */

.floating-3c-scroll
.floating-3c-btn__icon {
    background:
        linear-gradient(
            145deg,
            rgba(70, 244, 132, .20),
            rgba(255, 255, 255, .96)
        );
}


.floating-3c-scroll i {
    color:
        #167945;

    font-size:
        1.45rem;
}


/* =========================================================
   HOVER
========================================================= */

@media (hover: hover) {

    .floating-3c-btn:hover
    .floating-3c-btn__icon {
        transform:
            translateY(-2px)
            scale(1.04);

        box-shadow:
            4px
            9px
            19px
            rgba(23, 35, 52, .14);
    }


    .floating-3c-audio:hover i {
        transform:
            scale(1.08);

        color:
            #1f68c9;
    }


    .floating-3c-scroll:hover i {
        transform:
            translateY(-2px);

        color:
            #0d6838;
    }

}


/* =========================================================
   CLICK
========================================================= */

.floating-3c-btn:active
.floating-3c-btn__icon {
    transform:
        scale(.94);
}


/* =========================================================
   FOCUS ACCESSIBIL
========================================================= */

.floating-3c-btn:focus {
    outline:
        none;
}


.floating-3c-btn:focus-visible
.floating-3c-btn__icon {
    outline:
        3px solid
        rgba(65, 146, 255, .24);

    outline-offset:
        3px;
}



/* =========================================================
   TABLETĂ — FOOTER
========================================================= */

@media (max-width: 991.98px) {

    .footer-modern__inner {
        width:
            min(
                calc(100% - 38px),
                760px
            );

        padding:
            40px
            0
            18px;
    }


    .footer-modern__business-content-inner {
        grid-template-columns:
            repeat(
                2,
                minmax(0, 1fr)
            );
    }
	    .site-footer.footer-modern {
        min-height: 700px !important;
    }

    .footer-modern__inner {
        min-height: 500px !important;

        padding:
            64px
            0
            32px;
    }

}


/* =========================================================
   TELEFON
========================================================= */

@media (max-width: 680px) {

    .footer-modern__inner {
        width:
            calc(100% - 28px);

        padding:
            35px
            0
            15px;
    }


    .footer-modern__statement-label {
        font-size:
            .55rem;
    }


    .footer-modern__statement p {
        font-size:
            clamp(
                1.05rem,
                5vw,
                1.35rem
            );
    }


    .footer-modern__statement-line {
        margin-top:
            14px;
    }


    /*
     * Linkurile rămân CENTRATE,
     * dar pot trece pe mai multe rânduri.
     */

    .footer-modern__legal {
        margin-top:
            22px;

        padding:
            14px
            5px;

        gap:
            9px
            18px;
    }


    .footer-modern__legal a,
    .footer-modern__legal-contact {
        font-size:
            .66rem;
    }


    .footer-modern__business {
        margin-top:
            14px;
    }


    .footer-modern__business-content-inner {
        grid-template-columns:
            1fr;

        gap:
            12px;

        padding:
            14px;
    }


    .footer-modern__trust {
        margin-top:
            13px;

        padding:
            14px
            0;

        grid-template-columns:
            repeat(
                2,
                minmax(0, 1fr)
            );

        gap:
            14px;
    }


    .footer-modern__trust-label {
        font-size:
            .50rem;
    }


    .footer-modern__sal-logo img {
        max-width:
            125px;
    }


    .footer-modern__netopia img {
        max-width:
            125px;
    }


    .footer-modern__bottom {
        font-size:
            .56rem;

        row-gap:
            3px;
    }


    /* SIDENAV */

    .contact-sidenav {
        width:
            100%;

        max-width:
            none;

        border-left:
            0;
    }


    .contact-sidenav__header {
        padding:
            20px
            18px
            17px;
    }


    .contact-sidenav__body {
        padding:
            19px
            18px
            25px;
    }


    .contact-sidenav__header h2 {
        font-size:
            1.45rem;
    }


    .contact-sidenav__socials {
        grid-template-columns:
            repeat(
                2,
                minmax(0, 1fr)
            );
    }


    .contact-sidenav__footer {
        padding:
            11px
            16px;
    }

    .site-footer.footer-modern {
        min-height: 600px !important;
    }

    .footer-modern__inner {
        min-height: 540px !important;

        padding:
            58px
            0
            30px;
    }


    .floating-3c-controls {
        right:
            14px;

        bottom:
            calc(
                18px +
                env(safe-area-inset-bottom, 0px)
            );

        gap:
            7px;

        padding:
            5px;
    }


    .floating-3c-btn {
        width:
            42px;

        height:
            42px;

        flex-basis:
            42px;
    }


    .floating-3c-btn__icon {
        width:
            38px;

        height:
            38px;
    }


    .floating-3c-btn i {
        font-size:
            1.28rem;
    }


    .floating-3c-scroll i {
        font-size:
            1.40rem;
    }

}




/* =========================================================
   TELEFON FOARTE ÎNGUST
========================================================= */

@media (max-width: 359.98px) {

    .footer-modern__inner {
        width:
            calc(100% - 20px);
    }


    .footer-modern__legal {
        column-gap:
            13px;
    }


    .footer-modern__trust {
        gap:
            8px;
    }


    .footer-modern__sal-logo img,
    .footer-modern__netopia img {
        max-width:
            112px;
    }


    .footer-modern__bottom-dot {
        display:
            none;
    }


    .footer-modern__bottom {
        flex-direction:
            column;

        gap:
            2px;
    }


    .contact-sidenav__socials {
        grid-template-columns:
            1fr;
    }


    .site-footer.footer-modern {
        min-height: 560px !important;
    }

    .footer-modern__inner {
        min-height: 560px !important;

        padding:
            54px
            0
            28px;
    }


    .floating-3c-controls {
        right:
            10px;

        bottom:
            calc(
                14px +
                env(safe-area-inset-bottom, 0px)
            );
    }

}



/* =========================================================
   REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion: reduce) {

    .footer-modern *,
    .footer-modern *::before,
    .footer-modern *::after,
    .contact-sidenav,
    .contact-sidenav *,
    .contact-sidenav-backdrop {
        transition-duration:
            .01ms !important;

        animation-duration:
            .01ms !important;
    }


    .floating-3c-btn__icon,
    .floating-3c-btn i {
        transition:
            none;
    }

}