/* ============================================================
   WEBLAB COOKIE CONSENT 4.1.0
   Banner modern, responsive și accesibil
   ============================================================ */

.weblab-cookie-banner {
    position: fixed;
    left: 0;
    right: 0;

    width: 100%;

    box-sizing: border-box;

    background: rgba(26, 26, 26, 0.97);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);

    color: #f0f0f0;

    z-index: 99999;

    padding: 28px 20px;

    box-shadow:
        0 -8px 40px rgba(0, 0, 0, 0.40);

    font-family:
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        Roboto,
        Helvetica,
        Arial,
        sans-serif;

    border-top: 3px solid #c9a03d;

    display: none;

    box-sizing: border-box;
}

.weblab-cookie-banner * {
    box-sizing: border-box;
}

/* ============================================================
   POZIȚIONARE
   ============================================================ */

.weblab-cookie-bottom {
    bottom: 0;

    border-top:
        3px solid #c9a03d;

    border-bottom: none;

    animation:
        weblabCookieSlideUp
        0.45s
        ease;
}

.weblab-cookie-top {
    top: 0;

    border-bottom:
        3px solid #c9a03d;

    border-top: none;

    animation:
        weblabCookieSlideDown
        0.45s
        ease;
}

/* ============================================================
   ANIMAȚII
   ============================================================ */

@keyframes weblabCookieSlideUp {

    from {
        transform: translateY(100%);
        opacity: 0;
    }

    to {
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes weblabCookieSlideDown {

    from {
        transform: translateY(-100%);
        opacity: 0;
    }

    to {
        transform: translateY(0);
        opacity: 1;
    }
}

/* ============================================================
   CONTENT
   ============================================================ */

.weblab-cookie-content {

    width: 100%;
    max-width: 1120px;

    margin: 0 auto;

    display: flex;

    flex-direction: column;

    gap: 18px;
}

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

.weblab-cookie-header h3 {

    margin: 0 0 7px;

    font-size: 23px;
    line-height: 1.25;

    font-weight: 700;

    color: #ffffff;

    letter-spacing:
        -0.35px;
}

.weblab-cookie-header p {

    margin: 0;

    font-size: 15px;

    line-height: 1.65;

    color: #cccccc;

    max-width: 920px;
}

/* ============================================================
   OPTIONS
   ============================================================ */

.weblab-cookie-options {

    display: grid;

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

    gap: 12px;

    margin: 0;
}

.weblab-cookie-option {

    display: flex;

    align-items: center;

    gap: 11px;

    min-width: 0;

    padding: 12px 13px;

    border:
        1px solid rgba(255,255,255,0.09);

    border-radius: 10px;

    background:
        rgba(255,255,255,0.035);

    transition:
        background 0.2s ease,
        border-color 0.2s ease;
}

.weblab-cookie-option:hover {

    background:
        rgba(255,255,255,0.06);

    border-color:
        rgba(201,160,61,0.32);
}

.weblab-cookie-option-info {

    display: flex;

    flex-direction: column;

    gap: 3px;

    min-width: 0;
}

.weblab-cookie-option-label {

    display: block;

    font-size: 14px;

    line-height: 1.3;

    font-weight: 700;

    color: #ffffff;
}

.weblab-cookie-option-desc {

    display: block;

    font-size: 12px;

    line-height: 1.4;

    color: #a9a9a9;
}

/* ============================================================
   SWITCH
   ============================================================ */

.weblab-cookie-switch {

    position: relative;

    display: inline-block;

    width: 46px;
    min-width: 46px;

    height: 26px;

    flex-shrink: 0;

    cursor: pointer;
}

.weblab-cookie-switch input {

    opacity: 0;

    width: 0;
    height: 0;

    position: absolute;
}

.weblab-cookie-slider {

    position: absolute;

    inset: 0;

    background:
        #555555;

    border-radius: 26px;

    transition:
        background 0.25s ease,
        box-shadow 0.25s ease;
}

.weblab-cookie-slider::before {

    content: "";

    position: absolute;

    width: 20px;
    height: 20px;

    left: 3px;
    top: 3px;

    background: #ffffff;

    border-radius: 50%;

    transition:
        transform 0.25s ease;
}

/* checked */

.weblab-cookie-switch input:checked
+ .weblab-cookie-slider {

    background:
        #c9a03d;

    box-shadow:
        0 0 0 2px
        rgba(201,160,61,0.12);
}

.weblab-cookie-switch input:checked
+ .weblab-cookie-slider::before {

    transform:
        translateX(20px);
}

/* disabled */

.weblab-cookie-switch input:disabled
+ .weblab-cookie-slider {

    opacity: 0.55;

    cursor:
        not-allowed;
}

.weblab-cookie-switch input:disabled
+ .weblab-cookie-slider::before {

    background:
        #d0d0d0;
}

/* ============================================================
   ACTIONS
   ============================================================ */

.weblab-cookie-actions {

    display: flex;

    flex-wrap: wrap;

    gap: 10px;

    align-items: center;

    margin-top: 2px;
}

.weblab-cookie-btn {

    appearance: none;

    border: none;

    min-height: 44px;

    padding:
        10px 24px;

    border-radius: 999px;

    font-family: inherit;

    font-size: 14px;

    line-height: 1.2;

    font-weight: 700;

    cursor: pointer;

    text-decoration: none;

    transition:
        transform 0.2s ease,
        background 0.2s ease,
        border-color 0.2s ease,
        opacity 0.2s ease;

    white-space: nowrap;
}

.weblab-cookie-btn:hover {

    transform:
        translateY(-1px);
}

.weblab-cookie-btn:active {

    transform:
        translateY(0);
}

.weblab-cookie-btn:focus-visible {

    outline:
        2px solid #ffffff;

    outline-offset:
        3px;
}

/* ============================================================
   ACCEPT
   ============================================================ */

.weblab-cookie-btn-accept {

    background:
        #c9a03d;

    color:
        #ffffff;

    box-shadow:
        0 4px 14px
        rgba(201,160,61,0.20);
}

.weblab-cookie-btn-accept:hover {

    background:
        #b0892e;
}

/* ============================================================
   SELECTED
   ============================================================ */

.weblab-cookie-btn-selected {

    background:
        #4a6a8a;

    color:
        #ffffff;
}

.weblab-cookie-btn-selected:hover {

    background:
        #3a5a7a;
}

/* ============================================================
   REJECT
   ============================================================ */

.weblab-cookie-btn-reject {

    background:
        transparent;

    color:
        #cccccc;

    border:
        1px solid #666666;
}

.weblab-cookie-btn-reject:hover {

    background:
        rgba(255,255,255,0.08);

    color:
        #ffffff;

    border-color:
        #777777;
}

/* disabled */

.weblab-cookie-btn:disabled {

    opacity:
        0.60;

    cursor:
        wait;

    transform:
        none;
}

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

.weblab-cookie-footer {

    display: flex;

    flex-wrap: wrap;

    align-items: center;

    gap: 6px 11px;

    font-size: 12px;

    line-height: 1.5;

    color:
        #878787;
}

.weblab-cookie-footer a {

    color:
        #c9a03d;

    text-decoration:
        none;

    transition:
        color 0.2s ease;
}

.weblab-cookie-footer a:hover {

    color:
        #e0ba58;

    text-decoration:
        underline;
}

.weblab-cookie-footer a:focus-visible {

    outline:
        2px solid #c9a03d;

    outline-offset:
        2px;
}

.weblab-cookie-separator {

    color:
        #555555;
}

/* ============================================================
   MANAGEMENT BUTTON
   ============================================================ */

.weblab-cookie-manage-btn {

    position: fixed;

    right: 24px;
    bottom: 24px;

    display: inline-flex;

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

    min-height: 44px;

    padding:
        10px 20px;

    border:
        1px solid #555555;

    border-radius: 999px;

    background:
        rgba(26,26,26,0.94);

    backdrop-filter:
        blur(8px);

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

    color:
        #ffffff;

    font-family:
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        Roboto,
        Helvetica,
        Arial,
        sans-serif;

    font-size:
        14px;

    line-height:
        1.2;

    font-weight:
        600;

    cursor:
        pointer;

    z-index:
        99998;

    box-shadow:
        0 4px 20px
        rgba(0,0,0,0.30);

    transition:
        transform 0.2s ease,
        background 0.2s ease,
        border-color 0.2s ease;

    white-space:
        nowrap;
}

.weblab-cookie-manage-btn:hover {

    background:
        #c9a03d;

    border-color:
        #c9a03d;

    transform:
        translateY(-1px);
}

.weblab-cookie-manage-btn:focus-visible {

    outline:
        2px solid #ffffff;

    outline-offset:
        3px;
}

/* ============================================================
   CÂND BANNERUL ESTE DESCHIS
   ============================================================ */

.weblab-cookie-banner[style*="display: block"] {

    display:
        block !important;
}

/* ============================================================
   TABLET
   ============================================================ */

@media (max-width: 980px) {

    .weblab-cookie-options {

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

}

/* ============================================================
   MOBILE
   ============================================================ */

@media (max-width: 768px) {

    .weblab-cookie-banner {

        padding:
            20px 14px;

        max-height:
            85vh;

        overflow-y:
            auto;
    }

    .weblab-cookie-content {

        gap:
            14px;
    }

    .weblab-cookie-header h3 {

        font-size:
            19px;
    }

    .weblab-cookie-header p {

        font-size:
            13px;

        line-height:
            1.55;
    }

    .weblab-cookie-options {

        grid-template-columns:
            1fr;

        gap:
            8px;
    }

    .weblab-cookie-option {

        padding:
            11px;
    }

    .weblab-cookie-actions {

        flex-direction:
            column;

        align-items:
            stretch;

        gap:
            8px;
    }

    .weblab-cookie-btn {

        width:
            100%;

        min-height:
            45px;

        text-align:
            center;

        padding:
            11px 14px;

        white-space:
            normal;
    }

    .weblab-cookie-footer {

        justify-content:
            center;

        text-align:
            center;

        font-size:
            11px;
    }

    .weblab-cookie-manage-btn {

        right:
            14px;

        bottom:
            14px;

        min-height:
            42px;

        padding:
            9px 15px;

        font-size:
            12px;
    }
}

/* ============================================================
   TELEFOANE FOARTE MICI
   ============================================================ */

@media (max-width: 420px) {

    .weblab-cookie-banner {

        padding:
            16px 11px;
    }

    .weblab-cookie-header h3 {

        font-size:
            18px;
    }

    .weblab-cookie-option {

        gap:
            9px;
    }

    .weblab-cookie-option-label {

        font-size:
            13px;
    }

    .weblab-cookie-option-desc {

        font-size:
            11px;
    }

    .weblab-cookie-manage-btn {

        right:
            10px;

        bottom:
            10px;
    }
}

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

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

    .weblab-cookie-banner,
    .weblab-cookie-bottom,
    .weblab-cookie-top {

        animation:
            none !important;
    }

    .weblab-cookie-btn,
    .weblab-cookie-manage-btn,
    .weblab-cookie-slider,
    .weblab-cookie-slider::before {

        transition:
            none !important;
    }
}
/* ============================================================
   V4.1 - TEMĂ LIGHT + BUTON "DOAR ESENȚIALE"
   ============================================================ */

/* --- Temă light --- */
.weblab-cookie-banner.weblab-cookie-theme-light {
    background: rgba(255, 255, 255, 0.98);
    color: #1a1a1a;
    border-top-color: #c9a03d;
    box-shadow: 0 -8px 40px rgba(0, 0, 0, 0.15);
}

.weblab-cookie-theme-light.weblab-cookie-top {
    border-bottom-color: #c9a03d;
    border-top: none;
}

.weblab-cookie-theme-light .weblab-cookie-header h3 {
    color: #1a1a1a;
}

.weblab-cookie-theme-light .weblab-cookie-header p {
    color: #555;
}

.weblab-cookie-theme-light .weblab-cookie-option {
    background: rgba(0, 0, 0, 0.025);
    border-color: rgba(0, 0, 0, 0.08);
}

.weblab-cookie-theme-light .weblab-cookie-option:hover {
    background: rgba(0, 0, 0, 0.05);
    border-color: rgba(201, 160, 61, 0.4);
}

.weblab-cookie-theme-light .weblab-cookie-option-label {
    color: #1a1a1a;
}

.weblab-cookie-theme-light .weblab-cookie-option-desc {
    color: #666;
}

.weblab-cookie-theme-light .weblab-cookie-slider {
    background: #d0d0d0;
}

.weblab-cookie-theme-light .weblab-cookie-btn-reject {
    color: #555;
    border-color: #c0c0c0;
}

.weblab-cookie-theme-light .weblab-cookie-btn-reject:hover {
    background: rgba(0, 0, 0, 0.05);
    color: #1a1a1a;
    border-color: #999;
}

.weblab-cookie-theme-light .weblab-cookie-footer {
    color: #777;
}

.weblab-cookie-theme-light .weblab-cookie-separator {
    color: #c0c0c0;
}

/* --- Buton "Doar esențiale" --- */
.weblab-cookie-btn-essential {
    background: transparent;
    color: #c9a03d;
    border: 1px solid #c9a03d;
}

.weblab-cookie-btn-essential:hover {
    background: rgba(201, 160, 61, 0.12);
    color: #b0892e;
}

.weblab-cookie-theme-light .weblab-cookie-btn-essential {
    color: #b0892e;
    border-color: #b0892e;
}

.weblab-cookie-theme-light .weblab-cookie-btn-essential:hover {
    background: rgba(201, 160, 61, 0.15);
    color: #8a6e1e;
}