/**********************************/
/* Cookies & Privacy panel by HAP */
/**********************************/
/*          v 2.2 pro eneergy     */
/**********************************/

/* reset pro HP cook */
#CPrivacy-Modal h5,
#CPrivacy-Modal ul,
#CPrivacy-Modal li,
#CPrivacy-Modal p,
#CPrivacy-Modal a,
#CPrivacy-Modal input,
#CPrivacy-Panel p,
#CPrivacy-Panel a
{ margin:0; padding:0;}



/* HP tlačítka */
.CPrivacy-Buttons {text-align: right;}
.CPrivacy-Buttons button { line-height: 1em; background-color: white; border-color: #41a5fd; color: #41a5fd; background-color: #ffffff; border: none; font-size: 16px; border-radius: .25em; font-weight: 400; justify-content: center; padding: 10px 20px; user-select: none; width: auto; cursor: pointer; margin:.5em; white-space:nowrap}
.CPrivacy-Buttons button span { display: inline-block; border-style: solid; border-width: .15em .15em 0 0; height: .5em; transform: rotate(45deg); width: .5em; margin: .1em .5em;}
.CPrivacy-Buttons button.CP-allowAll { background-color: #41a5fd; color:white}


/* HP switcher + switch */
.CPrivacy-switcher button { color: #505050; border: 1px solid #d9d9d9; border-radius: .25em; justify-content: center; padding: .5em; user-select: none; width: auto; cursor: pointer; margin: .25em; background: #fafafa; font-size: .85em; line-height: 1em}

.CPrivacy-switcher [class*="CPagree"].selected {color:#00ab00; background: #bfffc1;}
.CPrivacy-switcher [class*="CPnotAgree"].selected {color:#ea0000; background: #ffbfc1;}


.CPrivacy-switch { display: flex; justify-content: center;	align-items: center }
.CPrivacy-switch input{	height: 0;	width: 0;	visibility: hidden; display:none}
.CPrivacy-switch label {	background: #ccc;	color:  #888; cursor: pointer;	text-indent: -9999px;	width: 4em;	height: 2em;	display: block;	border-radius: 1em;	position: relative;box-shadow: 0 0 0.25em inset;}
.CPrivacy-switch label:after {	content: '';	position: absolute;	top: .2em;	left: .2em;	width: 1.6em;	height: 1.6em;	background: #fff;	color:  #888;border-radius: .8em;	transition: 0.3s;box-shadow: 0 0 0.25em}
.CPrivacy-switch input:checked + label {	background: #41a5fd; color:#003e74}
.CPrivacy-switch input:checked + label:after {	left: calc(4em - .2em);	transform: translateX(-100%);color:#003e74}
.CPrivacy-switch label:active:after {	width: 2.3em;}
.CPrivacy-switch input:disabled + label,
.CPrivacy-switcher button:disabled,
.CPrivacy-switcher button[disabled] {opacity:.5; cursor:not-allowed}


/* HP modal */
#CPrivacy-Modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.2); z-index: 9999; /*font-size: 14px;*/}
#CPrivacy-Modal > div { width: 100%; max-width:800px; min-height: 50%; max-height: 90vh; position: relative; margin: 5vh auto; padding: 15px; border-radius: 10px; background: #3e4d5b; box-shadow: 0 32px 68px rgba(0,0,0,.3);display: flex; flex-direction: column}
#CPrivacy-Modal-Main { overflow-x: auto; min-height: 50vh;}


/* HP záložky */
#CPrivacy-Modal .CPrivacy-tab-nav { list-style: none; margin: 0; padding: 0; position: relative; z-index:6 }
#CPrivacy-Modal .CPrivacy-tab-nav li { list-style:none; display: list-item}
#CPrivacy-Modal .CPrivacy-tab-nav li:first-child a { border-right: 0; border-top-left-radius: 6px}
#CPrivacy-Modal .CPrivacy-tab-nav li:last-child a { border-top-right-radius: 6px}
#CPrivacy-Modal .CPrivacy-tab-nav .CPrivacy-tab-active a { background: #86a1bb; border-bottom-color: white; color: white; cursor: default}
#CPrivacy-Modal .CPrivacy-tab-nav a { background: #5f7283; color: #afd2c3; display: block; font-weight: bold; padding: .5em 2em; text-decoration: none;}
#CPrivacy-Modal .CPrivacy-tab-nav a:hover { color: white}
#CPrivacy-Modal .CPrivacy-tab-nav li { float: left;}
#CPrivacy-Modal .CPrivacy-tab-stage { border: 1px solid #697a89; border-radius: 0 6px 6px 6px; clear: both; margin-bottom: 2em; position: relative; z-index:5; top: -1px;  width: 100%; padding:1em;}


/* HP obsah záložek */
#CPrivacy-Modal summary { border: none; outline: none; padding: .85em 1em 0 2.2em; display: block; position: relative; cursor: pointer; font-size: 15px;}
#CPrivacy-Modal details:not(:last-child) { margin-top: 5px; border-bottom: 1px solid #4a6177}
#CPrivacy-Modal details summary::-webkit-details-marker { display:none}
#CPrivacy-Modal details[open] > summary:before { transform: rotate(90deg)}
#CPrivacy-Modal summary:before { content: ''; border-width: .4rem; border-style: solid; border-color: transparent transparent transparent #afd2c3; position: absolute; top: 1.2rem; left: 1rem; transform: rotate(0); transform-origin: .2rem 50%; transition: .25s transform ease;}
#CPrivacy-Modal summary > div {display:flex; width:100%}
#CPrivacy-Modal summary .CPrivacy-switcher {margin:0 1em 0 auto;}
#CPrivacy-Modal summary h5 { margin: .4em 0;font-size: 1em; font-weight: 600;}
#CPrivacy-Modal summary h5 span { font-weight: 500; padding: 0 0 0 .25em; color: #888}
#CPrivacy-Modal summary p {padding: 1em 0; font-size: 15px;}
#CPrivacy-Modal details ul { list-style:none; padding:0 2.2em;}
#CPrivacy-Modal details li {  margin-bottom:.25em; padding: 0 .25em .5em .25em}
#CPrivacy-Modal details li:not(:last-child) { border-bottom:1px solid #eee}
#CPrivacy-Modal details li:before { content: "Autor: "; opacity: .5}

#CPrivacy-Modal aside { margin: .5em; opacity: .85; font-size: 15px;}
#CPrivacy-Modal aside.CP-small {font-size:.85em;}
#CPrivacy-Modal aside.CP-right {text-align:right}

#CPrivacy-tab2 h4 {margin:.5em 0 .25em; font-size:1.125em;}
#CPrivacy-tab2 h5 {margin:.5em 0 .25em; font-size:1.075em;}
#CPrivacy-tab2 p {padding:0 0 .5em; font-size: 15px;}
#CPrivacy-tab2 a {text-decoration:underline}


/* HP spodní panel */
/*#CPrivacy-Panel:before { content:""; position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.2); z-index: -1}*/
#CPrivacy-Panel { position:fixed; z-index: 9998; bottom: 0; width: 100%; max-width: 700px; left: 0; /*font-size: 14px;*/}
#CPrivacy-Panel > div { width: 100%; max-width: 1200px; margin: 0 auto; border: none; background: #1e2a35f0; box-shadow: 12px -14px 32px rgba(0, 0, 0, .3); backdrop-filter: blur(10px);border-right: 10px solid #101e29;  border-radius: 0 5px 0 0; }
#CPrivacy-Panel > div > div { padding:1em;}
#CPrivacy-Panel > div > div h5 { font-size: 20px; margin: 0 0 6px;}
#CPrivacy-Panel > div > div p { margin-bottom:.5em; font-size: 14px}
#CPrivacy-Panel > div > div p a {text-decoration:underline; color: #41a5fd}
#CPrivacy-Panel .CPrivacy-Buttons { margin-top: -1em;}
#CPrivacy-Panel button.CPanel-close { position: absolute; right: 0; border: none; background: no-repeat; padding: 0.5em;}

/*@media screen and (min-width: 601px) {
  #CPrivacy-Panel > div {display:flex}
  #CPrivacy-Panel > div > div {display:flex; flex-direction:column; justify-content: center;}
}*/