/**
 * Reset/general
 */
.klaro .cookie-modal p,
.klaro .cookie-modal h1,
.klaro .cookie-modal h2,
.klaro .cookie-modal ul,
.klaro .cookie-modal li,
.klaro .context-notice p,
.klaro .context-notice h1,
.klaro .context-notice h2,
.klaro .context-notice ul,
.klaro .context-notice li,
.klaro .cookie-notice p,
.klaro .cookie-notice h1,
.klaro .cookie-notice h2,
.klaro .cookie-notice ul,
.klaro .cookie-notice li { margin: 0; }

.klaro .cm-required { display: none !important; }

.klaro .cookie-modal .cm-modal .cm-header h1.title { padding-right: 0; }



/**
 * Fonts
 */
@font-face {
    font-family: 'Helvetica Neue';
    src: url('./fonts/HelveticaNeue-Bold.woff2') format('woff2'),
         url('./fonts/HelveticaNeue-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('./fonts/HelveticaNeue.woff2') format('woff2'),
         url('./fonts/HelveticaNeue.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}



/**
 * Vispārīgi
 */
/* Fonts */
.klaro {
    font-family: 'Helvetica Neue', sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: #005190;
}

.klaro .cookie-modal p,
.klaro .cookie-modal strong,
.klaro .cookie-modal h1,
.klaro .cookie-modal h2,
.klaro .cookie-modal ul,
.klaro .cookie-modal li,
.klaro .context-notice p,
.klaro .context-notice strong,
.klaro .context-notice h1,
.klaro .context-notice h2,
.klaro .context-notice ul,
.klaro .context-notice li,
.klaro .cookie-notice p,
.klaro .cookie-notice strong,
.klaro .cookie-notice h1,
.klaro .cookie-notice h2,
.klaro .cookie-notice ul,
.klaro .cookie-notice li { color: #55565A; }

/* Headinga stils */
.klaro .cookie-modal .cn-heading {
    margin-bottom: 26px;
    font-size: 22px;
    font-weight: 700;
    line-height: 28px;
    text-align: center;
    color: #005190;
}

/* Teksta paragrāfu atstarpe */
.klaro .cookie-modal .cn-body span p:not(.cn-heading):not(.list-heading):not(:last-child),
.klaro .cookie-modal .cm-header span p:not(.cn-heading):not(.list-heading):not(:last-child) { margin-bottom: 16px; }


/* Lists */
.klaro .cookie-modal .cn-body span .list-heading,
.klaro .cookie-modal .cm-header span .list-heading { margin-bottom: 5px; }

.klaro .cookie-modal .cn-body ol[type="a"],
.klaro .cookie-modal .cm-header ol[type="a"] {
    counter-reset: list;
    list-style-type: lower-alpha;
}
.klaro .cookie-modal .cn-body ol:not(:last-child),
.klaro .cookie-modal .cm-header ol:not(:last-child) { margin-bottom: 20px; }

.klaro .cookie-modal .cn-body ol li,
.klaro .cookie-modal .cm-header ol li {
    position: relative;
    padding-left: 20px;
    display: list-item;
    list-style: none;
}
.klaro .cookie-modal .cn-body ol li:not(:last-child),
.klaro .cookie-modal .cm-header ol li:not(:last-child) { margin-bottom: 6px; }

.klaro .cookie-modal .cn-body ol li:before,
.klaro .cookie-modal .cm-header ol li:before {
    position: absolute;
    top: -1px;
    left: 0;
    counter-increment: list;
    content: counter(list, lower-alpha) ") ";
}



/* Linki */
.klaro .cookie-modal a,
.klaro .context-notice a,
.klaro .cookie-notice a {
    color: #005190;
    text-decoration: underline;
}

.klaro .cookie-modal a:hover,
.klaro .context-notice a:hover,
.klaro .cookie-notice a:hover { text-decoration: underline; }

/* Pogas */
.klaro .cookie-modal .cm-btn,
.klaro .context-notice .cm-btn,
.klaro .cookie-notice .cm-btn,
.klaro .cookie-modal .cm-btn.cm-btn-info,
.klaro .context-notice .cm-btn.cm-btn-info,
.klaro .cookie-notice .cm-btn.cm-btn-info,
.klaro .cookie-modal .cm-btn.cm-btn-success,
.klaro .context-notice .cm-btn.cm-btn-success,
.klaro .cookie-notice .cm-btn.cm-btn-success,
.klaro .cookie-modal .cm-btn.cm-btn-success-var,
.klaro .context-notice .cm-btn.cm-btn-success-var,
.klaro .cookie-notice .cm-btn.cm-btn-success-var {
    display: inline-block;
    min-width: 200px;
    margin: 0;
    padding: 12px 16px;
    font-size: 16px;
    line-height: 1;
    color: #fff;
    background: #005EA7;
    border-radius: 20px;
    transition: all .2s;
}

.klaro .cookie-modal .cm-btn,
.klaro .context-notice .cm-btn,
.klaro .cookie-notice .cm-btn { margin-right: 16px; }

/* Pogas hover */
.klaro .cookie-modal .cm-btn:hover,
.klaro .context-notice .cm-btn:hover,
.klaro .cookie-notice .cm-btn:hover,
.klaro .cookie-modal .cm-btn.cm-btn-info:hover,
.klaro .context-notice .cm-btn.cm-btn-info:hover,
.klaro .cookie-notice .cm-btn.cm-btn-info:hover,
.klaro .cookie-modal .cm-btn.cm-btn-success:hover,
.klaro .context-notice .cm-btn.cm-btn-success:hover,
.klaro .cookie-notice .cm-btn.cm-btn-success:hover,
.klaro .cookie-modal .cm-btn.cm-btn-success-var:hover,
.klaro .context-notice .cm-btn.cm-btn-success-var:hover,
.klaro .cookie-notice .cm-btn.cm-btn-success-var:hover { background: #005190; }

/* Pogu izmērs (tablet) */
@media ( min-width: 768px ) and ( max-width: 1024px ) {
    .klaro .cookie-modal .cm-btn,
    .klaro .context-notice .cm-btn,
    .klaro .cookie-notice .cm-btn,
    .klaro .cookie-modal .cm-btn.cm-btn-info,
    .klaro .context-notice .cm-btn.cm-btn-info,
    .klaro .cookie-notice .cm-btn.cm-btn-info,
    .klaro .cookie-modal .cm-btn.cm-btn-success,
    .klaro .context-notice .cm-btn.cm-btn-success,
    .klaro .cookie-notice .cm-btn.cm-btn-success,
    .klaro .cookie-modal .cm-btn.cm-btn-success-var,
    .klaro .context-notice .cm-btn.cm-btn-success-var,
    .klaro .cookie-notice .cm-btn.cm-btn-success-var { min-width: 180px; }
}

/* Pogu izmērs (mobile) */
@media ( max-width: 767px ) {
    .klaro .cookie-modal .cm-btn,
    .klaro .context-notice .cm-btn,
    .klaro .cookie-notice .cm-btn,
    .klaro .cookie-modal .cm-btn.cm-btn-info,
    .klaro .context-notice .cm-btn.cm-btn-info,
    .klaro .cookie-notice .cm-btn.cm-btn-info,
    .klaro .cookie-modal .cm-btn.cm-btn-success,
    .klaro .context-notice .cm-btn.cm-btn-success,
    .klaro .cookie-notice .cm-btn.cm-btn-success,
    .klaro .cookie-modal .cm-btn.cm-btn-success-var,
    .klaro .context-notice .cm-btn.cm-btn-success-var,
    .klaro .cookie-notice .cm-btn.cm-btn-success-var {
        width: 100%;
        margin: 0 0 10px;
    }
}

/* Pogu izkārtojums (mobile) */
@media ( max-width: 767px ) {
    .klaro .cookie-modal-notice .cn-ok,
    .klaro .cookie-modal .cm-modal .cm-footer-buttons {
        display: block;
    }
}



/* Loga izmērs (desktop) */
@media ( min-width: 1025px ) {
    .klaro .cookie-modal-notice,
    .klaro .cookie-modal .cm-modal.cm-klaro { max-width: 800px; }
}

/* Loga izmērs (tablet) */
@media ( min-width: 768px ) and ( max-width: 1024px ) {
    .klaro .cookie-modal-notice,
    .klaro .cookie-modal .cm-modal.cm-klaro { max-width: 700px; }
}

/* Loga izmērs (mobile) */
@media ( max-width: 767px ) {
    .klaro .cookie-modal-notice,
    .klaro .cookie-modal .cm-modal.cm-klaro {
        left: 10px;
        right: 10px;
        width: auto;
    }
}



/**
 * Pirmais ekrāns
 */
.klaro .cookie-modal-notice { padding: 30px; }

/* Pirmā ekrāna atstarpe starp tekstu un pogām */
.klaro .cookie-modal-notice .cn-ok { margin-top: 30px; }

/* Loga atstarpes (mobile) */
@media ( max-width: 767px ) {
    .klaro .cookie-modal-notice { padding: 20px; }
}



/**
 * Izvērstais ekrāns
 */
.klaro .cookie-modal .cm-modal .cm-header,
.klaro .cookie-modal .cm-modal .cm-body,
.klaro .cookie-modal .cm-modal .cm-footer { padding: 30px; }
.klaro .cookie-modal .cm-modal .cm-header { padding-bottom: 0 !important; }
.klaro .cookie-modal .cm-modal .cm-body { padding-top: 0 !important; }

.klaro .cookie-modal .cm-modal .cm-header,
.klaro .cookie-modal .cm-modal .cm-body,
.klaro .cookie-modal .cm-modal .cm-footer { border: 0; }

/* Loga atstarpes (mobile) */
@media ( max-width: 767px ) {
    .klaro .cookie-modal .cm-modal .cm-header,
    .klaro .cookie-modal .cm-modal .cm-body,
    .klaro .cookie-modal .cm-modal .cm-footer { padding: 20px; }
}

.klaro .cookie-modal .cm-modal .cm-header > p { display: none; }

/** Toggle pogu ēna */
.klaro .cookie-modal .slider,
.klaro .context-notice .slider,
.klaro .cookie-notice .slider { box-shadow: none !important; }

/* Izvērstā ekrāna toggle switch atstarpe */
.klaro .cm-service:not(:last-child) { margin-bottom: 20px; }

/* Izvērstā ekrāna toggle switch apraksts */
.klaro .cm-service .cm-list-description {
    font-size: 14px;
    line-height: 20px;
}

/* Izvērstā skata toggle krāsas */
/* Default fons */
.klaro .cookie-modal .cm-list-label .slider,
.klaro .context-notice .cm-list-label .slider,
.klaro .cookie-notice .cm-list-label .slider { background-color: #D6D6D6; }

/* Default aplis */
.klaro .cookie-modal .cm-list-label .slider::before,
.klaro .context-notice .cm-list-label .slider::before,
.klaro .cookie-notice .cm-list-label .slider::before { background-color: #BBBBBB; }

/* Aktīvs */
/* Aktīvs fons */
.klaro .cookie-modal .cm-list-input.required:checked + .cm-list-label .slider,
.klaro .context-notice .cm-list-input.required:checked + .cm-list-label .slider,
.klaro .cookie-notice .cm-list-input.required:checked + .cm-list-label .slider,
.klaro .cookie-modal .cm-list-input:checked + .cm-list-label .slider,
.klaro .context-notice .cm-list-input:checked + .cm-list-label .slider,
.klaro .cookie-notice .cm-list-input:checked + .cm-list-label .slider { background-color: #F8AD38; }

/* Aktīvs aplis */
.klaro .cookie-modal .cm-list-input.required:checked + .cm-list-label .slider:before,
.klaro .context-notice .cm-list-input.required:checked + .cm-list-label .slider:before,
.klaro .cookie-notice .cm-list-input.required:checked + .cm-list-label .slider:before,
.klaro .cookie-modal .cm-list-input:checked + .cm-list-label .slider:before,
.klaro .context-notice .cm-list-input:checked + .cm-list-label .slider:before,
.klaro .cookie-notice .cm-list-input:checked + .cm-list-label .slider:before { background-color: #E39E32; }

/* Izvērstā ekrāna pogu izkārtojums ( desktop un tablet ) */
@media ( min-width: 768px ) {
    .klaro .cookie-modal .cm-modal .cm-footer-buttons { justify-content: center; }

    .klaro .cookie-modal .cm-modal .cm-footer-buttons .cm-btn {
        margin-left: 8px;
        margin-right: 8px;
    }
}



/**
 * Konteksta paziņojums
 */
/* Pogu izkārtojums */
.klaro .context-notice p.cm-buttons {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

/* Attālums no teksta līdz pogām */
.klaro .context-notice p.cm-buttons { margin-top: 30px; }

.klaro .context-notice p.cm-buttons .cm-btn {
    margin-left: 8px;
    margin-right: 8px;
}



/* Poga, kas izsauc cookies logu */
.klaro-config {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 999;
    width: 80px;
    height: 80px;
    padding: 0;
    color: #fff;
    background: transparent;
    outline: 0;
    border: 0;
    cursor: pointer;
}

.klaro-config:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 80px 0 0 80px;
    border-color: transparent transparent transparent #005EA7;
    content: '';
}

.klaro-config span {
    position: absolute;
    bottom: 10px;
    left: 10px;
    z-index: 1;
    font-family: 'Helvetica Neue', sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 1;
}