/* == Naptár == */

details.honap-szakasz summary,
body .faq-label {
    transition: background 0.3s ease;
}

details.honap-szakasz[open] summary,
body .faq-label.active,
body .wp-block-cb-faqs .faq-label.active:hover {
    background: var(--accent_card-bg);
}

details.honap-szakasz[open] summary span,
body .faq-label.active h3 {
    font-size: clamp(20px, 1.5vw, 1.625rem);
    font-weight: 500;
}

.honap-szakasz {
    margin-top: 2rem;
}

#havi-musor-szuro {
    margin-bottom: 4rem;
}

.szuro-koztes-tartalom .col-1-4 p {
    text-align: right;
}

#havi-musor-szuro,
.eloadas-szuro {
    /*display: flex;*/
    align-items: center;
    justify-content: space-between;
}

.eloadas-kartya-racs {
    width: 90%;
    margin: 3rem auto;
}

summary.honap-szakasz-fejlec {
    list-style: none;
    cursor: pointer;
    position: relative;
    padding: 20px;
    border-bottom: 0.5px solid var(--black-30);
    transition: background-color 0.3s ease, color 0.3s ease;

}

summary.honap-szakasz-fejlec::-webkit-details-marker {
    display: none;
    /* Chrome, Safari marker eltüntetése */
}

summary.honap-szakasz-fejlec::before {
    content: "";
    position: absolute;
    right: 5rem;
    top: 50%;
    transform: translateY(-50%) rotate(0deg);
    width: 20px;
    height: 20px;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M19.8398 14.6211C19.8398 14.789 19.7734 14.9609 19.6445 15.0898C19.3867 15.3477 18.9648 15.3477 18.707 15.0898L9.88281 6.26562L1.1875 14.9609C0.929688 15.2188 0.507812 15.2188 0.25 14.9609C-0.0078125 14.7031 -0.0078125 14.2813 0.25 14.0234L9.41406 4.85547C9.67188 4.59766 10.0938 4.59766 10.3516 4.85547L19.6445 14.1484C19.7773 14.2812 19.8398 14.4492 19.8398 14.6211Z" fill="%230D0D0D"/></svg>');
    transition: transform 0.3s ease;
}

details[open]>summary.honap-szakasz-fejlec::before {
    transform: translateY(-50%) rotate(180deg);
    /* lenyitáskor lefordítjuk */
}

.honap-szakasz-fejlec span,
body .faq-label h2,
body .faq-label h3 {
    font-size: clamp(18px, 1.4vw, 1.425rem);
    transition: font-size 0.3s ease, color 0.3s ease;
    margin: 0;
}

.honap-szakasz-fejlec:hover,
body .wp-block-cb-faqs .faq-label:hover {
    background: var(--card-bg);
}


.honap-szakasz-fejlec:hover span,
body .faq-label.active h2,
body .faq-label.active h3,
body .faq-label:hover h3 {
    font-size: clamp(20px, 1.5vw, 1.625rem);
    font-weight: 500;
    margin: 0;
}

#eloadas-results {
    width: 100%;
}

#eloadas-results p {
    text-transform: uppercase;
}

/**/

.honap-fejlec {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin: 1.25rem 0;
    width: 60%;
    margin: 0 auto;
}

.honap-fejlec-kozep .ev {
    margin-bottom: 1rem;
    text-align: center;
}

.honap-fejlec-kozep .nyil {
    width: 43px;
    height: 43px;
}

.honap-fejlec-oldal a {
    color: var(--black-30);
    margin-top: 40px;
    display: block;
}

.nyilak {
    display: flex;
    gap: .75rem;
    justify-content: center;
    margin-top: 1.5rem;
    gap: 1.5rem;
}

.nyil {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border: 2px solid #a379b5;
    border-radius: 999px;
    text-decoration: none;
    font-size: 16px
}

.nyil:hover {
    transform: translateY(-1px)
}


/* == Kereső == */

#eloadas-search-form.eloadas-search {
    width: 350px;
    top: 6rem;
    right: 0;
    padding: 10px;
    background: #fff;
    border-radius: 8px;
    border: 1px solid var(--black-30);
    position: absolute;
    transform: translateY(-100%);
    opacity: 0;
    transition: transform .4s ease, opacity .4s ease;
}

#eloadas-search-box.open {
    position: relative;
}

#eloadas-search-box.open #eloadas-search-form.eloadas-search {
    opacity: 1;
    z-index: 10000;
}

#eloadas-search-form input[type="search"] {
    box-shadow: none;
    border: none;
    margin-bottom: 0;
}

#havimusor-search {
    display: flex;
    gap: 10px;
    cursor: pointer;
}

/* csak a felugró kereső inputjára célozva */
#eloadas-search-form input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none;
    appearance: none;
}

#eloadas-search-form input[type="search"]::-ms-clear,
#eloadas-search-form input[type="search"]::-ms-reveal {
    display: none;
    width: 0;
    height: 0;
}


/* == Form == */

#havi-musor-szuro select[name="berletszerint"] {
    min-width: auto !important;
    width: 120px;
    cursor: pointer;
}

#havi-musor-szuro select[name="szineszszerint"] {
    min-width: auto;
    width: 130px;
    cursor: pointer;
}

#havi-musor-szuro select[name="mufajszerint"],
#arch-filter select {
    min-width: auto !important;
    width: 115px;
    cursor: pointer;
}

#havi-musor-szuro select,
#arch-filter select {
    padding: 0 0.75rem;
    color: inherit;
    height: auto;
    line-height: 1;
    margin: 0;
    font-family: inherit;
    border-radius: none;
    -webkit-border-radius: none;
    -moz-border-radius: none;
    background-color: none;
    box-shadow: none;
    border: none;
    margin-bottom: none;
    text-transform: uppercase;
}

select option {
    font-size: 16px;
    text-transform: none;
}

.szuro-link {
    margin-right: 20px;
}

.eloadas-szuro-form {
    margin-right: 10px;
    display: flex;
}

/* == Kiemelt post == */

.kiemelt-label {
    color: var(--black-70);
    margin-bottom: 15px;
}

.kiemelt-media img {
    border-radius: 8px;
    width: 100%;
}

.kiemelt-meta {
    text-align: right;
}

.kiemelt-meta h3 {
    margin: 20px 0 5px 0;
    color: var(--black-100);
}

.kiemelt-meta h3 a {
    font-weight: 500;
}

.kiemelt-sub {
    margin-bottom: 20px;
    font-size: 16px;
    color: var(--black-70);
    text-transform: uppercase;
}

.eloadas-search-note {
    width: 100%;
}

.eloadas-info a.infogomb,
.eloadas-info a.infogomb:hover,
.eloadas-info:hover a.infogomb span {
    color: var(--black-30) !important;
    pointer-events: none;
cursor: not-allowed !important;
}
.eloadas-info a.infogomb svg path,
.eloadas-info a.infogomb:hover svg path {
    stroke: var(--black-30) !important;
}

.ingyenes-inaktiv .wp-block-button__link,
.ingyenes-inaktiv .wp-block-button__link:hover,
.ingyenes-inaktiv:hover .wp-block-button__link,
.jegyvasarlas-inaktiv .wp-block-button__link,
.jegyvasarlas-inaktiv .wp-block-button__link:hover,
.jegyvasarlas-inaktiv:hover .wp-block-button__link{
        background: var(--black-30) !important;
            pointer-events: none;
  cursor:not-allowed !important;
}

.eloadas-empty-note{
 /* border-bottom: 1px solid var(--black-30);*/
    padding-bottom: 1rem;
    margin-top: 3rem !important;
    margin: 3rem auto;
}