/* v_20260313 -> TESZT: v_20260313_1: repertoár oldalak */
/* == Card == */

.arch-card.nagyszinpados-eloadas {
    background: var(--purple);
    color: white;
}

.arch-card.studio-szinpadi-eloadas {
    background: var(--black-10);
}

.arch-card.kamaraszinhazi-eloadas {
    background: var(--card-bg);
}

.arch-card {
    height: 500px;
    padding: 40px 24px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-radius: 8px;
	position: relative;
}

.card-center {
    margin-top: 2rem;
}

.card-head p {
    margin: 0;
}

.card-center {
    text-transform: uppercase;
}

.arch-card h3 {
    margin-bottom: 1rem;
}

.card-footer span {
    font-weight: 600;
    gap: 1rem;
    display: inline-flex;
    align-items: center;
        font-family: Montserrat;
        cursor: pointer;
}

.arch-card.nagyszinpados-eloadas .card-footer svg path {
    stroke: white;
}

.arch-card.nagyszinpados-eloadas a:before,
.arch-card.nagyszinpados-eloadas button:before {
    background: var(--card-bg);
}

.arch-card.nagyszinpados-eloadas a,
.arch-card.nagyszinpados-eloadas a:hover,
.arch-card.nagyszinpados-eloadas button,
.arch-card.nagyszinpados-eloadas button:hover {
    color: white !important;
}

.card-footer a,
.card-footer button,
.eloadasok-repertoar .font-18 a {
    position: relative;
    color: var(--accent_nyil);
}

.card-footer a:before,
.card-footer button:before,
.eloadasok-repertoar .font-18 a:before {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 100%;
    height: 1px;
    background: var(--accent_nyil);
    opacity: 0;
    transition: opacity 0.3s ease;
}

.card-footer a:hover::before,
.card-footer button:hover::before,
.eloadasok-repertoar .font-18 a:hover::before {
    opacity: 1;
}

/* == Repertoár page == */

.repertoar-kep {
    padding: 0;
    overflow: hidden;
}

.rep-toolbar {
    display: flex;
    gap: 2rem;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 1.25rem
}

.eloadastipus-filter {
    display: flex;
    flex-wrap: wrap;
    gap: 1.25rem;
    margin: 0
}

#rep-grid {
    width: 90%;
    margin: 0 auto;
	padding:0;
}

#rep-grid[aria-busy="true"] {
    pointer-events: none;
}

.repertoar-top .col-1-3 {
    text-align: right;
}

/* == Pop up == */

.rep-modal-open {
    overflow: hidden;
}

.rep-popup[aria-hidden="true"] {
    display: none;
}

.rep-popup {
    position: fixed;
    inset: 0;
    z-index: 9999;
    display: grid;
    place-items: center;
}

.rep-popup__overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, .45);
    opacity: 0;
    animation: fadeInOverlay 0.4s forwards;
}

@keyframes fadeInOverlay {
    to {
        opacity: 1;
    }
}

.rep-popup__dialog {
    position: relative;
    min-height: 500px;
    width: 430px;
    background: var(--black-10);
    border-radius: 8px;
    padding: 40px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, .2);
    opacity: 0;
    transform: translateX(-80px);
    animation: slideInLeft 0.5s ease-out forwards;
}

@keyframes slideInLeft {
    from {
        opacity: 0;
        transform: translateX(-80px);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}

.rep-popup__close {
    position: absolute;
    top: 10px;
    right: 12px;
    background: transparent;
    color: var(--black-100);
    font-size: 35px;
    cursor: pointer;
    padding: 0;
    font-weight: 400;
    font-family: Montserrat;
    transition: all 0.25s ease-in-out;
}

.rep-popup__close:hover {
    background: transparent;
    color: var(--black-100);
    transform: scale(1.2);
}

.rep-popup__lead {
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.rep-popup__title,
.rep-popup__meta {
    color: var(--black-30)
}

.rep-popup__bemutato {
    margin: 0 0 3rem 0;
}

.rep-popup__bemutato p {
    text-transform: uppercase;
    color: var(--black-30);
    margin: 0;
}

.popup-center {
    margin: 1.5rem 0;
}

.popup-center p {
    line-height: 22px;
}

#rep-popup-title {
    margin-top: 2rem;
}

.rep-popup__body {
    width: 80%;
}

#rep-filter,
.kiemelt-repertoar p,
.jet-checkboxes-list__button{
    text-transform: uppercase;
}

.kiemelt-repertoar p {
    margin: 0;
}

.repertoar-footer .content-box>.wp-block-columns {
    width: 90%;
    margin: 0 auto;
    gap: 4rem;
}

.repertoar-footer hr {
    width: 90%;
}

/* --- extend --- */
#rep-grid .repertoar-kep,
.grid_list .wp-block-post-template .repertoar-kep > div {
    display: grid;
    grid-template: 50% 50% / 100%;
}
.card-center {
    margin-top: 0;
}
.post-type-archive h1 {
    padding-bottom: 0;
}
.rep-toolbar{
    padding-top: 10px;
}
.repertoar-kep > div:not(.repertoar-thumb),
.grid_list .wp-block-post-template .repertoar-kep .wp-block-group > div{   
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
#rep-grid .repertoar-kep > div:not(.repertoar-thumb),
.grid_list .wp-block-post-template .repertoar-kep .wp-block-group > div{
	 padding: 20px 20px 0 20px;
}

.repertoar-thumb {
    height: 250px;
    display: flex;
    justify-content: center;
}
.repertoar-thumb a {
    display: flex;
    margin: 0;
    justify-content: center;
}
.repertoar-thumb img.wp-post-image,
.grid_list .wp-block-post-template .repertoar-kep img{
    object-fit: contain;
    max-width: 240%;
    height: 100%;
    display: flex;
}
.card-head {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-bottom: 20px;
}
.arch-card h3, .arch-card p, .arch-card .wp-block-post-excerpt__excerpt {
	margin:3px 0;
	line-height: 1 !important;
}
.rep-meta a{
    position: absolute;
    z-index: 10;
    bottom: 10px;
    right: 10px;
	color: var(--card-bg);
    background-color: var(--button);
    border-radius: 4px;
    box-shadow: none;
    text-decoration: none;
    padding: 15px 30px;
}
.rep-meta a:hover{
	color:#ffffff !important;
}
.repertoar-top,
.rep-meta.rep-mufaj {
    display: none;
}
.card-center a {
    line-height: 1.1;
}
p.card-footer {
    display: none;
}
.arch-card .wp-block-button__link {
    padding: 15px 20px;
}
/* --- városházi, repertoár oldalak -- */
.grid_list .wp-block-post-template .repertoar-kep > div {
	height:100%;
}
.grid_list .wp-block-post-template {
    display: grid;
    grid-template: auto / 24% 24% 24% 24%;
    gap: 2%;
    margin: 0;
}
.grid_list .wp-block-post-template li {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.jet-listing-dynamic-field-block.cb-a9g7ryjo {
    width: calc(100% - 176px);
    line-height: 1.2;
}
.jet-listing-dynamic-field-block.cb-xkwwtgag {
    justify-content: right;
    display: flex;
    width: 50%;
    position: absolute;
    right: 20px;
    bottom: 20px;
}
.jet-listing-dynamic-field-block.cb-a9g7ryjo {
    width: calc(100% - 166px);
    line-height: 1.2;
    position: absolute;
    bottom: 22px;
}
a.info_a {
    position: absolute;
    z-index: 100;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    padding: 20px;
	margin: 0;
    justify-content: end;
    align-items: end;
    display: flex;
}
@media (max-width:1439px){
	.grid_list .wp-block-post-template {
grid-template: auto / 32% 32% 32%;
}}
@media (max-width:767px){
	.grid_list .wp-block-post-template {
grid-template: auto / 48% 48%;
		gap:20px 4%;
}
@media (max-width:639px){
	.grid_list .wp-block-post-template {
grid-template: auto / 100%;
		gap:20px 0;
}}