/* =====================================
   COYCRUISIN COOKIE CONSENT
===================================== */

.cookie-consent {

    position:fixed;

    left:20px;
    right:20px;
    bottom:20px;

    max-width:900px;

    margin:auto;

    background:#111;

    color:#fff;

    border-radius:18px;

    padding:25px 28px;

    box-shadow:
        0 15px 45px rgba(0,0,0,.30);

    z-index:99999;

    display:none;

}


.cookie-consent.show {

    display:block;

}


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

.cookie-consent h2 {

    margin:0 0 10px;

    color:#82BE21;

    font-size:22px;

}


.cookie-consent p {

    margin:0 0 20px;

    color:#ddd;

    font-size:14px;

    line-height:1.6;

}


/* =====================================
   BUTTONS
===================================== */

.cookie-buttons {

    display:flex;

    flex-wrap:wrap;

    gap:10px;

}


.cookie-btn {

    border:0;

    border-radius:8px;

    padding:11px 20px;

    font-size:14px;

    font-weight:700;

    cursor:pointer;

    transition:.2s ease;

}


.cookie-accept {

    background:#82BE21;

    color:#fff;

}


.cookie-accept:hover {

    background:#6fa719;

}


.cookie-reject {

    background:#333;

    color:#fff;

}


.cookie-reject:hover {

    background:#444;

}


.cookie-settings-btn {

    background:transparent;

    color:#fff;

    border:1px solid #555;

}


.cookie-settings-btn:hover {

    border-color:#82BE21;

    color:#82BE21;

}


/* =====================================
   SETTINGS PANEL
===================================== */

.cookie-settings {

    position:fixed;

    left:20px;
    right:20px;
    top:50%;

    transform:translateY(-50%);

    max-width:650px;

    margin:auto;

    background:#fff;

    color:#111;

    border-radius:18px;

    padding:30px;

    box-shadow:
        0 20px 60px rgba(0,0,0,.35);

    z-index:100000;

    display:none;

}


.cookie-settings.show {

    display:block;

}


.cookie-settings h2 {

    margin:0 0 10px;

    font-size:25px;

}


.cookie-settings-intro {

    color:#666;

    font-size:14px;

    line-height:1.6;

    margin-bottom:25px;

}


/* =====================================
   COOKIE OPTION
===================================== */

.cookie-option {

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:20px;

    padding:18px 0;

    border-top:1px solid #eee;

}


.cookie-option-info {

    flex:1;

}


.cookie-option-title {

    font-weight:700;

    margin-bottom:5px;

}


.cookie-option-description {

    color:#666;

    font-size:13px;

    line-height:1.5;

}


/* =====================================
   TOGGLE
===================================== */

.cookie-toggle {

    position:relative;

    width:48px;

    height:26px;

    flex:0 0 48px;

}


.cookie-toggle input {

    opacity:0;

    width:0;

    height:0;

}


.cookie-toggle-slider {

    position:absolute;

    inset:0;

    background:#ccc;

    border-radius:30px;

    cursor:pointer;

    transition:.2s;

}


.cookie-toggle-slider:before {

    content:"";

    position:absolute;

    width:20px;

    height:20px;

    left:3px;

    top:3px;

    background:#fff;

    border-radius:50%;

    transition:.2s;

}


.cookie-toggle input:checked + .cookie-toggle-slider {

    background:#82BE21;

}


.cookie-toggle input:checked + .cookie-toggle-slider:before {

    transform:translateX(22px);

}


/* =====================================
   ALWAYS ON
===================================== */

.cookie-always-on {

    color:#82BE21;

    font-size:13px;

    font-weight:700;

}


/* =====================================
   SETTINGS BUTTONS
===================================== */

.cookie-settings-buttons {

    display:flex;

    justify-content:flex-end;

    gap:10px;

    margin-top:25px;

}


.cookie-save {

    background:#82BE21;

    color:#fff;

}


.cookie-save:hover {

    background:#6fa719;

}


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

.cookie-backdrop {

    position:fixed;

    inset:0;

    background:rgba(0,0,0,.45);

    z-index:99998;

    display:none;

}


.cookie-backdrop.show {

    display:block;

}


/* =====================================
   COOKIE SETTINGS FOOTER LINK
===================================== */

.cookie-settings-link {

    cursor:pointer;

}

/* =====================================
   COOKIE CONSENT ORANGE BORDER
===================================== */

.cookie-consent,
.cookie-settings {

    border:1px solid #ff7b00;

}


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

@media(max-width:600px){

    .cookie-consent {

        left:10px;

        right:10px;

        bottom:10px;

        padding:22px;

    }


    .cookie-consent h2 {

        font-size:20px;

    }


    .cookie-buttons {

        flex-direction:column;

    }


    .cookie-btn {

        width:100%;

    }


    .cookie-settings {

        left:10px;

        right:10px;

        padding:24px;

        max-height:90vh;

        overflow-y:auto;

    }


    .cookie-settings-buttons {

        flex-direction:column;

    }


    .cookie-settings-buttons .cookie-btn {

        width:100%;

    }

}