/* Hírek Frontend Stílusok */

/* Single Hírek Stílusok - pontosan ugyanaz, mint a Csoportoknál */
.type-hirek.ast-article-single,
body.single-hirek article,
body.single-hirek .ast-single-post-order {
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 40px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    padding-top: 0px !important;
}

body.single-hirek .entry-header,
body.single-hirek header.entry-header {
    margin-bottom: 40px !important;
}

body.single-hirek .entry-title,
body.single-hirek h1.entry-title,
body.single-hirek .post-title,
body.single-hirek article h1,
body.single-hirek .entry-header h1,
body.single-hirek h1 {
    font-family: var(--font-family-heading, "Cardo", Sans-serif) !important;
    font-size: var(--font-size-h1-desktop, 2.5rem) !important;
    margin: 0 0 15px 0 !important;
    color: var(--color-primary, #333) !important;
    font-weight: var(--font-weight-normal, 400) !important;
    line-height: var(--line-height-heading-desktop, 1.2) !important;
    letter-spacing: var(--letter-spacing-heading-desktop, 0.5px) !important;
}

@media (min-width: 768px) and (max-width: 1024px) {
    body.single-hirek .entry-title,
    body.single-hirek h1.entry-title,
    body.single-hirek .post-title,
    body.single-hirek article h1,
    body.single-hirek .entry-header h1,
    body.single-hirek h1 {
        font-size: var(--font-size-h1-tablet, 2rem) !important;
        line-height: var(--line-height-heading-tablet, 1.25) !important;
        letter-spacing: var(--letter-spacing-heading-tablet, 0.3px) !important;
    }
}

@media (max-width: 767px) {
    body.single-hirek .entry-title,
    body.single-hirek h1.entry-title,
    body.single-hirek .post-title,
    body.single-hirek article h1,
    body.single-hirek .entry-header h1,
    body.single-hirek h1 {
        font-size: var(--font-size-h1-mobile, 1.75rem) !important;
        line-height: var(--line-height-heading-mobile, 1.3) !important;
        letter-spacing: var(--letter-spacing-heading-mobile, 0.2px) !important;
    }
}

/* Csak a hírek shortcode wrapper-ét érinti */
.hirek-list-wrapper.e-con-inner {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 30px !important;
    margin: 20px 0 !important;
    flex-direction: row !important;
}

.hirek-list-wrapper .hirek-card-link .elementor-element[data-element_type="container"].e-con.e-child {
    flex: 1 1 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    display: flex !important;
    width: 100% !important;
    margin: 0 !important;
}

/* Kártya link stílus */
.hirek-list-wrapper .hirek-card-link {
    text-decoration: none;
    color: inherit;
    display: flex !important;
    flex: 1 1 300px !important;
    min-width: 300px !important;
    max-width: 100% !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.hirek-list-wrapper .hirek-card-link:hover {
    text-decoration: none;
    color: inherit;
}

/* Hover animáció a kártyára */
.hirek-list-wrapper .hirek-card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    cursor: pointer;
    border-radius: var(--border-radius-card, 8px);
    border: 2px solid #e7e7e7;
    overflow: hidden;
    max-height: 575px;
}

.hirek-list-wrapper .hirek-card-link:hover .hirek-card {
    transform: translateY(-10px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
    border: 2px solid #ffffff;
}

.hirek-list-wrapper .elementor-element[data-element_type="container"] .e-con-inner {
    display: flex !important;
    flex-direction: column !important;
    gap: 0;
    width: 100%;
}

/* Kép widget - csak a hírek shortcode-ban */
.hirek-list-wrapper .elementor-element[data-widget_type="image.default"] {
    width: 100%;
    height: 250px;
    overflow: hidden;
    border-radius: 8px 8px 8px 8px;
}

@media (min-width: 768px) and (max-width: 1024px) {
    .hirek-list-wrapper .elementor-element[data-widget_type="image.default"] {
        height: 220px;
    }
}

@media (max-width: 767px) {
    .hirek-list-wrapper .elementor-element[data-widget_type="image.default"] {
        height: 200px;
    }
}

.hirek-list-wrapper .elementor-element[data-widget_type="image.default"] .elementor-widget-container {
    width: 100%;
    height: 100%;
}

.hirek-list-wrapper .elementor-element[data-widget_type="image.default"] img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border: none;
    border-radius: 8px 8px 0 0;
    box-shadow: none;
    max-width: 100%;
}

/* Infocard widget - globális stílus */
.hfe-infocard {
    padding: 20px;
}

/* Infocard widget - csak a hírek shortcode-ban */
.hirek-list-wrapper .elementor-element[data-widget_type="hfe-infocard.default"] {
    width: 100%;
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
}

.hirek-list-wrapper .elementor-element[data-widget_type="hfe-infocard.default"] .elementor-widget-container {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
}

.hirek-list-wrapper .hfe-infocard {
    padding: 20px 0 0 0;
    display: flex !important;
    flex-direction: column !important;
    flex: 1 !important;
    height: 100% !important;
}

.hfe-infocard-title-wrap {
    margin-bottom: 15px;
}

.hfe-infocard-title {
    margin: 0;
    font-family: var(--font-family-heading, "Cardo", Sans-serif);
    font-size: var(--font-size-h3-desktop, 1.5rem);
    line-height: var(--line-height-heading-desktop, 1.3);
    letter-spacing: var(--letter-spacing-heading-desktop, 0.5px);
    color: var(--color-primary, #333);
    font-weight: var(--font-weight-normal, 400);
}

@media (min-width: 768px) and (max-width: 1024px) {
    .hfe-infocard-title {
        font-size: var(--font-size-h3-tablet, 1.375rem);
        line-height: var(--line-height-heading-tablet, 1.25);
        letter-spacing: var(--letter-spacing-heading-tablet, 0.3px);
    }
}

@media (max-width: 767px) {
    .hfe-infocard-title {
        font-size: var(--font-size-h3-mobile, 1.25rem);
        line-height: var(--line-height-heading-mobile, 1.3);
        letter-spacing: var(--letter-spacing-heading-mobile, 0.2px);
    }
}

/* Dátum */
.hirek-date-wrap {
    margin-bottom: 15px;
}

.hirek-date {
    font-family: var(--font-family-body);
    font-size: var(--font-size-small-desktop, 0.875rem);
    color: var(--color-secondary, #666);
    font-style: italic;
}

@media (min-width: 768px) and (max-width: 1024px) {
    .hirek-date {
        font-size: var(--font-size-small-tablet, 0.8125rem);
    }
}

@media (max-width: 767px) {
    .hirek-date {
        font-size: var(--font-size-small-mobile, 0.8125rem);
    }
}

.hfe-infocard-text-wrap {
    margin-top: 10px;
}

.hfe-infocard-text {
    font-family: var(--font-family-body);
    color: var(--color-text-light, #555);
    line-height: var(--line-height-body-desktop, 1.6);
    font-size: var(--font-size-body-desktop, 1rem);
}

@media (min-width: 768px) and (max-width: 1024px) {
    .hfe-infocard-text {
        font-size: var(--font-size-body-tablet, 0.9375rem);
        line-height: var(--line-height-body-tablet, 1.6);
    }
}

@media (max-width: 767px) {
    .hfe-infocard-text {
        font-size: var(--font-size-body-mobile, 0.9375rem);
        line-height: var(--line-height-body-mobile, 1.6);
    }
}

/* Gomb wrapper */
.hirek-button-wrap {
    margin-top: auto !important;
    padding-top: 15px;
    text-align: right;
}

/* Megtekintés gomb - Secondary stílus */
.hirek-button {
    display: inline-block;
    padding: 10px 24px;
    font-family: var(--font-family-body);
    font-size: var(--font-size-body-desktop, 1rem);
    font-weight: var(--font-weight-medium, 500);
    text-decoration: none;
    border-radius: var(--border-radius-button, 4px);
    transition: all 0.3s ease;
    text-align: center;
    cursor: pointer;
    border: 2px solid var(--color-button-secondary-border, #DD183B);
    background-color: var(--color-button-secondary-bg, transparent);
    color: var(--color-button-secondary-text, #DD183B);
}

.hirek-button-secondary {
    border: 2px solid var(--color-button-secondary-border, #DD183B);
    background-color: var(--color-button-secondary-bg, transparent);
    color: var(--color-button-secondary-text, #DD183B);
}

.hirek-card-link:hover .hirek-button-secondary {
    border-color: var(--color-button-secondary-hover-bg, #DD183B);
    background-color: var(--color-button-secondary-hover-bg, #DD183B);
    color: var(--color-button-secondary-hover-text, #ffffff);
    transform: translateY(-2px);
}

@media (min-width: 768px) and (max-width: 1024px) {
    .hirek-button {
        font-size: var(--font-size-body-tablet, 0.9375rem);
    }
}

@media (max-width: 767px) {
    .hirek-button {
        font-size: var(--font-size-body-mobile, 1rem);
        padding: 8px 20px;
    }
}

/* Nincs találat üzenet */
.hirek-no-results {
    text-align: center;
    padding: 40px 20px;
    font-family: var(--font-family-body);
    color: var(--color-secondary, #666);
    font-size: var(--font-size-large-desktop, 1.125rem);
    line-height: var(--line-height-body-desktop, 1.6);
}

@media (min-width: 768px) and (max-width: 1024px) {
    .hirek-no-results {
        font-size: var(--font-size-large-tablet, 1rem);
    }
}

@media (max-width: 767px) {
    .hirek-no-results {
        font-size: var(--font-size-large-mobile, 1rem);
    }
}

/* Single hír oldal stílusok */
.single-hirek .post-navigation .nav-previous a::before {
    content: "Előző hír: ";
}

.single-hirek .post-navigation .nav-next a::after {
    content: " :Következő hír";
}

/* Author elrejtése */
.single-hirek .entry-meta .byline,
.single-hirek .entry-meta .author,
.single-hirek .post-meta .author,
.single-hirek .by-author,
.single-hirek .entry-meta .by-author,
.single-hirek .post-meta .by-author {
    display: none !important;
}

/* "By /" szöveg elrejtése */
.single-hirek .entry-meta .by,
.single-hirek .post-meta .by,
.single-hirek .entry-meta .by-author,
.single-hirek .post-meta .by-author,
.single-hirek .entry-meta .posted-by,
.single-hirek .post-meta .posted-by {
    display: none !important;
}

.single-hirek .entry-meta .sep,
.single-hirek .post-meta .sep {
    display: none !important;
}

/* "By" szöveg elrejtése az entry-meta-ban - minden lehetséges formátum */
.single-hirek .entry-meta span[class*="author"],
.single-hirek .post-meta span[class*="author"],
.single-hirek .entry-meta span[class*="byline"],
.single-hirek .post-meta span[class*="byline"] {
    display: none !important;
}

/* Elválasztók elrejtése */
.single-hirek .entry-meta .meta-sep,
.single-hirek .post-meta .meta-sep,
.single-hirek .entry-meta .ast-separator,
.single-hirek .post-meta .ast-separator {
    display: none !important;
}

/* Ha a "By /" szöveg közvetlenül szövegként jelenik meg */
.single-hirek .entry-meta::before {
    content: "" !important;
}

/* Minden span, ami tartalmazza az author információt */
.single-hirek .entry-meta > span:first-child:not(.posted-on),
.single-hirek .post-meta > span:first-child:not(.posted-on) {
    display: none !important;
}

/* Alternatív megoldás: ha a "By /" szöveg szövegként jelenik meg */
.single-hirek .entry-meta {
    position: relative;
}

.single-hirek .entry-meta::after {
    content: "" !important;
}

/* "By /" szöveg elrejtése - minden lehetséges helyen */
.single-hirek .entry-meta *:contains("By /"),
.single-hirek .post-meta *:contains("By /"),
.single-hirek .entry-meta *:contains("by /"),
.single-hirek .post-meta *:contains("by /") {
    display: none !important;
    visibility: hidden !important;
    font-size: 0 !important;
    line-height: 0 !important;
    height: 0 !important;
    width: 0 !important;
    overflow: hidden !important;
}

/* CSS szabály a "By /" szöveg elrejtésére - text node-ok esetén */
.single-hirek .entry-meta,
.single-hirek .post-meta {
    font-size: 0;
}

.single-hirek .entry-meta > *,
.single-hirek .post-meta > * {
    font-size: 1rem;
}

/* Eltávolítjuk a "By /" szöveget CSS-sel is */
.single-hirek .entry-meta::before {
    content: "" !important;
    display: none !important;
}

/* Minden author-rel kapcsolatos elem elrejtése */
.single-hirek .entry-meta *[class*="author"],
.single-hirek .entry-meta *[class*="byline"],
.single-hirek .entry-meta *[class*="by-author"],
.single-hirek .post-meta *[class*="author"],
.single-hirek .post-meta *[class*="byline"],
.single-hirek .post-meta *[class*="by-author"] {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
}

/* Navigation "Previous Hír" elrejtése - ha még megjelenne */
.single-hirek .post-navigation .nav-previous a {
    text-decoration: none;
}

/* Ha a filter nem működik, CSS-sel elrejtjük a "Previous Hír" szöveget */
.single-hirek .post-navigation .nav-previous a {
    font-size: 0;
}

.single-hirek .post-navigation .nav-previous a .ast-left-arrow,
.single-hirek .post-navigation .nav-previous a::after {
    font-size: 1rem;
}

.single-hirek .post-navigation .nav-previous a::after {
    content: "Előző hír" !important;
    margin-left: 5px;
}

.single-hirek .post-navigation .nav-next a {
    text-decoration: none;
}

.single-hirek .post-navigation .nav-next a {
    font-size: 0;
}

.single-hirek .post-navigation .nav-next a .ast-right-arrow,
.single-hirek .post-navigation .nav-next a::before {
    font-size: 1rem;
}

.single-hirek .post-navigation .nav-next a::before {
    content: "Következő hír " !important;
    margin-right: 5px;
}

/* Csak dátum megjelenítése */
.single-hirek .entry-meta,
.single-hirek .post-meta {
    display: flex;
    align-items: center;
}

.single-hirek .entry-meta .posted-on,
.single-hirek .post-meta .posted-on {
    display: inline-block;
}

/* Responsive - mobilnézetben ne legyen display flex, ne logjon ki a szöveg */
@media (max-width: 768px) {
    .hirek-list-wrapper.e-con-inner {
        display: block !important;
        flex-direction: column !important;
    }
    
    .hirek-list-wrapper .hirek-card-link {
        display: block !important;
        flex: none !important;
        min-width: 100% !important;
        margin-bottom: 24px !important;
    }
    
    .hirek-list-wrapper .hirek-card-link:last-child {
        margin-bottom: 0 !important;
    }
    
    .hirek-list-wrapper .hirek-card-link .elementor-element[data-element_type="container"].e-con.e-child {
        display: block !important;
    }
    
    .hirek-list-wrapper .elementor-element[data-element_type="container"] .e-con-inner {
        display: block !important;
    }
}