/*Admin css
 * Description: Horizontalni akordeon
 * Version: 1.25.1
 * Updated: 2026-01-13 16:49:00
*/

.accordion-container {width: 100%;height: 80vh;max-height: 800px;min-height: 500px;display: flex;position: relative;overflow: hidden;border-radius: 16px;}
.hza-panel {flex: 1;height: calc(100% - 2px);position: relative;transition: flex 0.6s cubic-bezier(0.23, 1, 0.32, 1);overflow: hidden;cursor: pointer;background-color: blue;border-radius: 16px;}
.hza-panel.hza-active {flex: calc(100% - 300px);cursor: default;z-index: 20;background-color: var(--stnd-bila);}

/*Idea*/
.hza-panel:nth-child(1) {background-color: var(--stnd-bila);border: solid 1px var(--stnd-cerna);}
.hza-panel:nth-child(1) .hzpt, .hza-panel:nth-child(1) .hzptp {color: var(--stnd-cerna);}
.hza-panel:nth-child(1).hza-active {background-color: var(--stnd-bila);}
.hza-panel:nth-child(1).hza-active .hzpt, .hza-panel:nth-child(1).hza-active .hzptp {color: var(--stnd-cerna);}

/* PR a Marketing */
.hza-panel:nth-child(2) {background-color: var(--stnd-cerna);}
.hza-panel:nth-child(2) .hzpt, .hza-panel:nth-child(2) .hzptp {color: var(--stnd-bila);}
.hza-panel:nth-child(2).hza-active {background-color: var(--stnd-cerna);color: var(--stnd-bila);}
.hza-panel:nth-child(2).hza-active .hzp-pozadi {background-repeat: no-repeat; background-size: cover; }
.hza-panel:nth-child(2).hza-active .hzp-obsah {background:linear-gradient(130deg, var(--stnd-cerna) 45%, var(--stnd-cerna-hs));}

/* Archizoom */
.hza-panel:nth-child(3) .hzpt, .hza-panel:nth-child(3) .hzptp {color: #000;}
.hza-panel:nth-child(3) {background-color: #D0FF00;}
.hza-panel:nth-child(3).hza-active {background-color: #D0FF00;color: #000;}
.hza-panel:nth-child(3).hza-active .hzp-pozadi {background-repeat: no-repeat; background-size: cover; }
.hza-panel:nth-child(3).hza-active .hzp-obsah {background:linear-gradient(130deg, #D0FF00 45%, rgba(208, 255, 0, 0) 95%);}

/* Archizoom Books */
.hza-panel:nth-child(4) {background-color: #FF5E36;}
.hza-panel:nth-child(4).hza-active {background-color: #FF5E36;}
.hza-panel:nth-child(4).hza-active {color: #fff;}
.hza-panel:nth-child(4).hza-active .hzp-pozadi {background-repeat: no-repeat; background-size: cover; }
.hza-panel:nth-child(4).hza-active .hzp-obsah {background:linear-gradient(130deg, #FF5E36 45%, rgba(255, 94, 54, 0) 95%);}

/* Podcasty */
.hza-panel:nth-child(5) {background-color: #01655C;}
.hza-panel:nth-child(5).hza-active {background-color: #01655C;}
.hza-panel:nth-child(5).hza-active {color: #fff;}
.hza-panel:nth-child(5).hza-active .hzp-pozadi {background-repeat: no-repeat; background-size: cover; }
.hza-panel:nth-child(5).hza-active .hzp-obsah {background:linear-gradient(130deg, #01655C 45%, rgba(1, 101, 92, 0) 95%);}

/* Events */
.hza-panel:nth-child(6) .hzpt, .hza-panel:nth-child(6) .hzptp {color: #000;}
.hza-panel:nth-child(6) {background-color: #DBC4F8;}
.hza-panel:nth-child(6).hza-active {background-color: #DBC4F8;}
.hza-panel:nth-child(6).hza-active {color: #000;}
.hza-panel:nth-child(6).hza-active .hzp-pozadi {background-repeat: no-repeat; background-size: cover;}
.hza-panel:nth-child(6).hza-active .hzp-obsah {background:linear-gradient(130deg, #DBC4F8 45%, rgba(219, 196, 248, 0) 95%);}

.hza-panel-content {position: absolute;top: 0;left: 0;right: 0;z-index: 2;height: 100%;opacity: 0;transform: translateY(20px);transition: opacity 0.3s ease, transform 0.5s ease;}
.hzp-pozadi, .hzp-obsah {position: absolute;top: 0;left: 0;}
.hzp-pozadi {z-index: 3;width: 100%;height: 100%;}
.hzp-obsah {z-index: 4;padding: 50px 20px 20px 80px;width: 100%;height: 100%;}
.hza-panel.hza-active .hza-panel-content {opacity: 1;transform: translateY(0);padding-left: 50px;}
.hzpt, .hzptp {writing-mode: vertical-rl;text-orientation: mixed;position: absolute;left: 50%;transform: translate(-50%, 0) rotate(180deg);z-index: 5;color: white;transition: opacity 0.3s ease, transform 0.5s ease;white-space: nowrap;}
.hzpt {bottom: 30px;}
.hzptp {top: 30px;}
.hza-panel.hza-active .hzpt, .hza-panel.hza-active .hzptp {left: 25px;}

@media (max-width: 991px) {
	.accordion-container {flex-direction: column;height: auto;max-height: unset;min-height: unset;}
	.hza-panel {width: calc(100% - 2px); flex: none;height: auto;position: relative;}
	.hzpt {writing-mode: horizontal-tb;transform: none;position: relative;left: 0;top: 0;padding: 10px 20px;display: block;}
	.hzptp {position: absolute;right: 20px;top: 50%;transform: translate(0, -50%);}
	.hza-panel-content {overflow: hidden;opacity: 0;position: relative;max-height: 0px;transition:max-height 0.5s ease,opacity 0.4s ease,padding 0.4s ease;}
	.hzp-pozadi {background-position-y: bottom !important; background-size: auto !important;}
	.hza-panel:nth-child(3).hza-active .hzp-pozadi {background-position-x: left !important;}
	.hzp-obsah {position: relative;padding: 0 20px 20px 20px;height: auto;width: 100%;}
	.hza-panel.hza-active .hza-panel-content {max-height: 1200px;opacity: 1;padding: 0;}
	.hza-panel.hza-active .hzpt, .hza-panel.hza-active .hzptp {left: 0;opacity: 1;pointer-events: auto;display: block;}
	.hza-panel.hza-active .hzpt {top: 3px;}
	.hza-panel.hza-active .hzptp {top: 23px;}
}

/*@media (max-width: 480px) {
	.accordion-container {height: 600px;}
	.hza-panel-content {padding: 15px;}
}*/

@keyframes fadeIn {
	from {
		opacity: 0;
		transform: translateY(20px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}