/* Base styles */
@import url('/static/css/base.css');


	/* Dynamic styles */
    .cookiezilla {
        
            bottom: 0px;
            left: 0;
            right: 0;
        

        background-color: rgba(255, 255, 255, 0.9);
        color: #212e36;
    }

    .cookiezilla__content {
        
            text-align: right;
        
    }

    .cookiezilla__buttons {
        
            justify-content: flex-end;
        
    }

    .cookiezilla *:not(a):not(button) {
        color: #212e36;
    }

    .cookiezilla a {
        color: #bf3600;
    }

    .cookiezilla a:hover {
        color: #bf3600;
        opacity: 0.8;
    }

    .cookiezilla button {
        background-color: #bf3600;
        color: #ffffff ;
        border-radius: 8px;
    }

    .cookiezilla button:hover {
        background-color: #bf3600;
        opacity: 0.9;
    }

     .cookiezilla-modal {
        color: #212e36;
     }

    .cookiezilla-modal__content {
        background-color: rgba(255, 255, 255, 0.9);
        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5);
    }

    .cookiezilla-modal__content h2 {
        color: #212e36;
    }

	.cookiezilla-modal__header {
        background-color: rgba(255, 255, 255, 0.9);
	}

    .cookiezilla-modal__item strong {
        color: #bf3600;
    }

    .cookiezilla-modal__item span {
        color: #212e36;
        opacity: 0.8;
    }

    .cookiezilla-modal__close {
        background-color: #bf3600;
        color: #ffffff;
        border-radius: 8px;
    }

    .cookiezilla-modal__close:hover {
        background-color: #bf3600;
        opacity: 0.9;
    }

    /* Media */
    @media screen and (max-width: 767px) {
        .cookiezilla {
            
        }

        .cookiezilla__buttons {
            justify-content: center;
        }

        .cookiezilla__content {
            text-align: center;
        }
    }
