/* ==========================================================
   MAMBORA GROUP
   Cookie Consent Banner
   Version: 1.0
   ========================================================== */

/* ---------- Container ---------- */

#mambora-cookie-banner {
    position: fixed;
    left: 50%;
    bottom: 24px;
    transform: translateX(-50%);
    width: min(92%, 760px);

    background: #0A2F5A;
    color: #ffffff;

    border-radius: 12px;
    box-shadow:
        0 16px 40px rgba(0,0,0,.25);

    padding: 22px 26px;

    z-index: 999999;

    display: flex;
    flex-direction: column;
    gap: 18px;

    opacity: 0;
    visibility: hidden;

    transition:
        opacity .30s ease,
        transform .30s ease,
        visibility .30s ease;
}

/* ---------- Visible ---------- */

#mambora-cookie-banner.show {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}

/* ---------- Title ---------- */

#mambora-cookie-banner h3 {
    margin: 0;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.3;
}

/* ---------- Text ---------- */

#mambora-cookie-banner p {
    margin: 0;
    font-size: 15px;
    line-height: 1.7;
    color: rgba(255,255,255,.92);
}

/* ---------- Link ---------- */

#mambora-cookie-banner a {
    color: #58A83F;
    text-decoration: none;
    font-weight: 600;
}

#mambora-cookie-banner a:hover {
    text-decoration: underline;
}

/* ---------- Buttons ---------- */

.mambora-cookie-buttons {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

/* ---------- Base Button ---------- */

.mambora-cookie-btn {
    appearance: none;
    border: none;
    cursor: pointer;

    padding: 12px 24px;

    font-size: 15px;
    font-weight: 600;

    border-radius: 8px;

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

/* ---------- Accept ---------- */

.mambora-cookie-accept {

    background: #58A83F;
    color: #ffffff;

}

.mambora-cookie-accept:hover {

    background: #4b9335;
    transform: translateY(-1px);

}

/* ---------- Reject ---------- */

.mambora-cookie-reject {

    background: transparent;

    border: 2px solid rgba(255,255,255,.35);

    color: #ffffff;

}

.mambora-cookie-reject:hover {

    border-color: #ffffff;

    transform: translateY(-1px);

}

/* ---------- Focus ---------- */

.mambora-cookie-btn:focus-visible {

    outline: 3px solid #ffffff;
    outline-offset: 2px;

}

/* ---------- Mobile ---------- */

@media (max-width:768px){

    #mambora-cookie-banner{

        width: calc(100% - 24px);

        left:12px;
        right:12px;

        transform:none;

        bottom:12px;

        padding:18px;

    }

    #mambora-cookie-banner.show{

        transform:none;

    }

    #mambora-cookie-banner h3{

        font-size:20px;

    }

    .mambora-cookie-buttons{

        flex-direction:column;

    }

    .mambora-cookie-btn{

        width:100%;

    }

}

/* ---------- Reduced Motion ---------- */

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

    #mambora-cookie-banner,
    .mambora-cookie-btn{

        transition:none;

    }

}