/*!
==========================================================
 ECM - Elektronapędy Cookie Manager
 Stylesheet
 Version : 1.1.0
 Author  : Grzegorz Zając
==========================================================
*/

/* =======================================================
   COOKIE BANNER
======================================================= */

#cookie-banner{

    position:fixed;

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

    max-width:700px;

    margin:auto;

    padding:24px;

    background:#ffffff;

    border-radius:12px;

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

    font-family:Arial,Helvetica,sans-serif;

    z-index:999999;

    display:none;

}

#cookie-banner h3{

    margin:0 0 15px;

    color:#FF7B00;

    font-size:22px;

}

#cookie-banner p{

    margin:0 0 18px;

    line-height:1.6;

    color:#444;

}

.cookie-buttons{

    display:flex;

    gap:12px;

    flex-wrap:wrap;

}

.cookie-buttons button{

    cursor:pointer;

    border:none;

    border-radius:6px;

    padding:12px 22px;

    font-size:15px;

    transition:all .25s;

}

.cookie-buttons button:hover{

    opacity:.9;

}

#cookie-accept{

    background:#FF7B00;

    color:#ffffff;

}

#cookie-reject{

    background:#999999;

    color:#ffffff;

}

#cookie-settings{

    background:#ffffff;

    color:#FF7B00;

    border:1px solid #FF7B00;

}
#cookie-settings:hover{

    background:#FFF3E6;

    color:#FF7B00;

    border-color:#FF7B00;

}

/* =======================================================
   SETTINGS WINDOW
======================================================= */

.ecm-settings-overlay{

    position:fixed;

    inset:0;

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

    display:flex;

    justify-content:center;

    align-items:center;

    z-index:9999999;

}

.ecm-settings-box{

    width:90%;

    max-width:720px;

    max-height:85vh;

    overflow:auto;

    background:#ffffff;

    border-radius:12px;

    padding:30px;

    box-shadow:0 12px 45px rgba(0,0,0,.35);

    font-family:Arial,Helvetica,sans-serif;

}

.ecm-settings-box h2{

    margin-top:0;

    margin-bottom:20px;

    color:#276421;

}

.ecm-settings-box p{

    color:#555;

    line-height:1.6;

}

.ecm-settings-box hr{

    border:none;

    border-top:1px solid #dddddd;

    margin:22px 0;

}

.ecm-option{

    display:flex;

    align-items:center;

    gap:12px;

    font-size:17px;

}

.ecm-option input{

    transform:scale(1.2);

}

.ecm-buttons{

    display:flex;

    justify-content:flex-end;

    gap:12px;

    margin-top:25px;

    flex-wrap:wrap;

}

.ecm-buttons button{

    cursor:pointer;

    border:none;

    border-radius:6px;

    padding:12px 24px;

    font-size:15px;

    transition:.25s;

}

#ecm-save{

    background:#FF7B00;

    color:#ffffff;

}

#ecm-save:hover{

    background:#E86F00;

}

#ecm-close{

    background:#999999;

    color:#ffffff;

}

#ecm-close:hover{

    background:#777777;

}

/* =======================================================
   RESPONSIVE
======================================================= */

@media (max-width:768px){

    #cookie-banner{

        left:10px;

        right:10px;

        bottom:10px;

        padding:18px;

    }

    .cookie-buttons{

        flex-direction:column;

    }

    .cookie-buttons button{

        width:100%;

    }

    .ecm-settings-box{

        width:95%;

        padding:20px;

    }

    .ecm-buttons{

        flex-direction:column;

    }

    .ecm-buttons button{

        width:100%;

    }

}