/* Vložená data */
@import url('https://fonts.googleapis.com/css?family=Work+Sans:300,700,900&display=swap&subset=latin-ext');

/* Lišta souhlasu s cookies */
#cookies-lista { width: 100%; position: fixed; bottom: 0; left: 0; z-index: 9000; font-family: 'Work Sans', sans-serif; text-align: center; visibility: hidden; opacity: 0; transform: translateY(40px); transition: opacity 0.45s ease-in-out, transform 0.45s ease-in-out, visibility 0.45s ease-in-out;}
#cookies-lista.cookies-open { visibility: visible; opacity: 1; transform: translateY(0);}

    /* Vlastní obsah */
    #cookies-lista .cookies-obsah { width: 1010px; position: relative; margin: 0 auto 30px auto; padding: 30px 20px 26px 20px; text-align: left; border: 1px solid rgba(181,155,118,.45); border-radius: 8px; background: rgba(34,38,41,.94); -webkit-backdrop-filter: blur(14px) saturate(120%); backdrop-filter: blur(14px) saturate(120%); box-shadow: 0 10px 40px rgba(0,0,0,.45);}

    /* Horní částice */
    #cookies-lista .cookies-toppier { width: 100%; height: 4px; position: absolute; top: -1px; left: 0;}
    #cookies-lista .cookies-toppier-lineas { width: 70px; height: 4px; position: absolute; left: calc(50% - 35px); background: #b59b76;}

    /* Texty */
    #cookies-lista .nadpis { margin: 0 0 10px 0; font-size: 22px; font-weight: 600; text-align: left; color: #efefef;}
    #cookies-lista .nadpis span { font-size: 22px; color: #b59b76;}
    #cookies-lista .classic-txt { margin: 0 0 0 0; font-size: 16px; font-weight: 300; text-align: justify; line-height: 1.5; color: rgba(239,239,239,.75);}
    #cookies-lista .classic-txt span { font-weight: 700; color: #efefef;}
    #cookies-lista a { color: #b59b76; text-decoration: none;}
    #cookies-lista a:hover { color: #efefef;}

    /* Podrobné nastavení */
    #cookies-lista .cookies-detail { display: none; margin: 22px 0 0 0; padding: 20px 0 4px 0; border-top: 1px solid rgba(239,239,239,.12);}
    #cookies-lista.cookies-detail-open .cookies-detail { display: block;}
    #cookies-lista .cookies-volba { width: calc(100% - 76px); position: relative; margin: 0 0 16px 0; padding: 0 0 0 76px; min-height: 30px;}
    #cookies-lista .cookies-volba .nadpis { margin: 0 0 2px 0; font-size: 17px;}
    #cookies-lista .cookies-volba .classic-txt { font-size: 14px; text-align: left;}

    /* Přepínač */
    #cookies-lista .cookies-prepinac { width: 52px; height: 26px; position: absolute; top: 2px; left: 0; padding: 0 0; border: none; border-radius: 25px; cursor: pointer; outline: none; background: rgba(239,239,239,.18); transition: all 0.35s ease-in-out;}
    #cookies-lista .cookies-prepinac:after { width: 18px; height: 18px; position: absolute; top: 4px; left: 4px; content: ""; border-radius: 50%; background: #efefef; transition: all 0.35s ease-in-out;}
    #cookies-lista .cookies-prepinac[aria-checked="true"] { background: #b59b76;}
    #cookies-lista .cookies-prepinac[aria-checked="true"]:after { left: 30px; background: #222629;}
    #cookies-lista .cookies-prepinac[disabled] { cursor: default; background: rgba(181,155,118,.45);}
    #cookies-lista .cookies-prepinac[disabled]:after { left: 30px; background: rgba(34,38,41,.75);}

    /* Tlačítka */
    #cookies-lista .cookies-buttons { margin: 24px 0 0 0; text-align: right;}
    #cookies-lista .cookies-button { display: inline-block; margin: 0 0 0 12px; padding: 11px 30px 11px 30px; font-size: 15px; font-weight: 900; letter-spacing: 1px; text-align: center; text-transform: uppercase; text-decoration: none; border-radius: 25px; cursor: pointer; transition: all 0.35s ease-in-out;}
    #cookies-lista a.cookies-button-prijmout { color: #222629; border: 3px solid #b59b76; background: #b59b76;}
    #cookies-lista a.cookies-button-prijmout:hover { color: #efefef; background: none;}
    #cookies-lista a.cookies-button-odmitnout { color: #efefef; border: 3px solid rgba(181,155,118,.45); background: none;}
    #cookies-lista a.cookies-button-odmitnout:hover { color: #b59b76; border: 3px solid #b59b76;}
    #cookies-lista a.cookies-button-ulozit { display: none; color: #efefef; border: 3px solid rgba(181,155,118,.45); background: none;}
    #cookies-lista a.cookies-button-ulozit:hover { color: #b59b76; border: 3px solid #b59b76;}
    #cookies-lista.cookies-detail-open a.cookies-button-ulozit { display: inline-block;}
    #cookies-lista a.cookies-button-detail { float: left; margin: 14px 0 0 0; padding: 0 0; font-size: 15px; font-weight: 300; letter-spacing: 0; text-transform: none; border: none; background: none;}
    #cookies-lista a.cookies-button-detail:hover { text-decoration: underline;}
    #cookies-lista.cookies-detail-open a.cookies-button-detail .cookies-button-detail-open { display: none;}
    #cookies-lista a.cookies-button-detail .cookies-button-detail-close { display: none;}
    #cookies-lista.cookies-detail-open a.cookies-button-detail .cookies-button-detail-close { display: inline;}

/* Rozhraní pro tablety */
@media screen and (min-width: 768px) and (max-width: 1099px) {
    #cookies-lista .cookies-obsah { width: calc(100% - 100px); margin: 0 auto 25px auto;}
}

/* Rozhraní pro smartphone */
@media screen and (min-width: 480px) and (max-width: 767px) {
    #cookies-lista .cookies-obsah { width: calc(100% - 60px); margin: 0 auto 15px auto; padding: 26px 15px 22px 15px;}
    #cookies-lista .nadpis, #cookies-lista .nadpis span { font-size: 19px;}
    #cookies-lista .classic-txt { font-size: 14px; text-align: left;}
    #cookies-lista .cookies-buttons { text-align: center;}
    #cookies-lista .cookies-button { display: block; margin: 0 0 10px 0; padding: 12px 20px 12px 20px;}
    #cookies-lista a.cookies-button-ulozit { display: none;}
    #cookies-lista.cookies-detail-open a.cookies-button-ulozit { display: block;}
    #cookies-lista a.cookies-button-detail { float: none; display: block; margin: 6px 0 0 0;}
}

/* Rozhraní pro mobil */
@media screen and (max-width: 479px) {
    #cookies-lista .cookies-obsah { width: calc(100% - 30px); max-height: 80vh; overflow-y: auto; margin: 0 auto 0 auto; padding: 24px 15px 20px 15px; border-radius: 8px 8px 0 0;}
    #cookies-lista .nadpis, #cookies-lista .nadpis span { font-size: 18px;}
    #cookies-lista .classic-txt { font-size: 13px; text-align: left;}
    #cookies-lista .cookies-volba { width: calc(100% - 68px); padding: 0 0 0 68px;}
    #cookies-lista .cookies-buttons { text-align: center;}
    #cookies-lista .cookies-button { display: block; margin: 0 0 10px 0; padding: 12px 15px 12px 15px; font-size: 14px;}
    #cookies-lista a.cookies-button-ulozit { display: none;}
    #cookies-lista.cookies-detail-open a.cookies-button-ulozit { display: block;}
    #cookies-lista a.cookies-button-detail { float: none; display: block; margin: 6px 0 0 0;}
}

/* Omezení animací dle nastavení systému */
@media (prefers-reduced-motion: reduce) {
    #cookies-lista { transform: none; transition: opacity 0.2s linear, visibility 0.2s linear;}
    #cookies-lista.cookies-open { transform: none;}
    #cookies-lista .cookies-button, #cookies-lista .cookies-prepinac, #cookies-lista .cookies-prepinac:after { transition: none;}
}