/**
 * Cikkoldalak és Infinite Scroll stílusok
 * 
 * Ez a fájl a cikkoldalak és infinite scroll oldalakhoz használt összes stílust tartalmazza,
 * beleértve a videólejátszót, az elrendezést és az egyéb speciális elemeket.
 * 
 * Version: 3.7.1
 *
 * @package Liner Hu
 */

/*--------------------------------------------------------------
# 1. Font definíciók
--------------------------------------------------------------*/
@font-face {
    font-family: 'lfont';
    src: url('/wp-content/themes/liner/fonts/lfont.ttf') format('truetype');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
    font-variation-settings: "wght" 400;
}

@font-face {
    font-family: 'lfont';
    src: url('/wp-content/themes/liner/fonts/lfont.ttf') format('truetype');
    font-style: italic;
    font-weight: 100 900;
    font-display: swap;
    font-variation-settings: "wght" 400;
}

@font-face {
    font-family: 'foundersGrotesk';
    src: url('/wp-content/themes/liner/fonts/founders-grotesk-condensed-medium.otf') format('opentype'),
         url('/wp-content/themes/liner/fonts/founders-grotesk-condensed-medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'foundersGrotesk';
    src: url('/wp-content/themes/liner/fonts/founders-grotesk-condensed-bold.otf') format('opentype'),
         url('/wp-content/themes/liner/fonts/founders-grotesk-condensed-bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Founders Grotesk Condensed';
    src: url('/wp-content/themes/liner/fonts/founders-grotesk-condensed-medium.otf') format('opentype'),
         url('/wp-content/themes/liner/fonts/founders-grotesk-condensed-medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Founders Grotesk Condensed';
    src: url('/wp-content/themes/liner/fonts/founders-grotesk-condensed-bold.otf') format('opentype'),
         url('/wp-content/themes/liner/fonts/founders-grotesk-condensed-bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Founders Grotesk Condensed';
    src: url('/wp-content/themes/liner/fonts/founders-grotesk-condensed-regular.otf') format('opentype'),
         url('/wp-content/themes/liner/fonts/founders-grotesk-condensed-regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'PP Right Grotesk';
    src: url('/wp-content/themes/liner/fonts/PPRightGroteskText-Regular.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Barlow';
    src: url('/wp-content/themes/liner/fonts/Barlow-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Barlow';
    src: url('/wp-content/themes/liner/fonts/Barlow-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Barlow';
    src: url('/wp-content/themes/liner/fonts/Barlow-Italic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

/*--------------------------------------------------------------
# 2. Mobil cikk fejléc
--------------------------------------------------------------*/
.mobile-article-header {
    background-color: #000;
    color: #fff;
    padding: 20px 15px 25px;
    margin: 0 -15px 0;
    position: relative;
}

.mobile-header-categories {
    text-transform: uppercase;
    font-size: 12px;
    margin-bottom: 12px;
    color: rgba(255, 255, 255, 0.9);
    font-family: 'Founders Grotesk', sans-serif !important;
    font-weight: normal;
}

.mobile-header-categories a {
    color: #fff;
    text-decoration: none;
    font-weight: normal;
    font-family: 'Founders Grotesk', sans-serif !important;
}

.mobile-article-title {
    font-family: 'Founders Grotesk Condensed', 'foundersGrotesk', sans-serif !important;
    font-weight: 700 !important;
    font-size: 28px;
    line-height: 1;
    margin-bottom: 15px;
    color: #fff !important;
    position: relative;
    padding-bottom: 15px;
}

.mobile-article-title:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #ffffff;
}

.mobile-header-meta {
    display: flex;
    font-size: 12px;
    font-family: 'Founders Grotesk', sans-serif !important;
    color: #fff;
    text-transform: uppercase;
    margin-top: 5px;
}

.mobile-article-author {
    margin-right: 15px;
    font-weight: normal;
    color: #fff;
}

.mobile-article-author:after {
    content: '|';
    margin-left: 15px;
    opacity: 0.5;
    color: #fff;
}

.mobile-article-date {
    color: #fff;
}

.mobile-featured-image {
    margin: 0 -15px;
    width: calc(100% + 30px);
}

.img-responsive {
    width: 100%;
    height: auto;
    display: block;
    aspect-ratio: attr(width) / attr(height);
}

/*--------------------------------------------------------------
# 3. Layout struktúra
--------------------------------------------------------------*/

/* Layout Structure */
.article-main-content {
    flex: 1;
    min-width: 0;
}

.article-header {
    margin-bottom: 30px;
    position: relative;
}

.article-header:before {
    content: '';
    position: absolute;
    top: 20px;
    left: 0;
    width: 270px;
    height: 1.5px;
    background-color: #000;
}

.article-header .d-flex {
    gap: 20px;
}

.article-header-meta {
    width: 270px;
    padding-right: 0;
    flex-shrink: 0;
    text-transform: uppercase;
    font-size: 13px;
    line-height: 1.7;
}

.article-meta-info {
    margin-top: 10px;
}

.article-main-title {
    font-size: 44px !important;
    line-height: 0.95;
    flex: 1;
    min-width: 0;
    margin-top: 10px;
    font-family: 'Founders Grotesk Condensed', 'foundersGrotesk', sans-serif !important;
    font-weight: 600 !important;
    letter-spacing: -0.02em;
    text-transform: none;
}

/* Biztosítjuk, hogy a font-family minden bizonnyal alkalmazásra kerüljön */
h1.article-main-title {
    font-family: 'Founders Grotesk Condensed', 'foundersGrotesk', sans-serif !important;
    font-weight: 600 !important;
}

.breadcrumb {
    padding-left: 0;
    padding-top: 30px;
    padding-bottom: 8px;
    margin-bottom: 0;
    border-bottom: none;
    position: relative;
}

.page_banner {
    margin-bottom: 30px;
    width: 98%;
    min-height: 200px;
    background-color: #f0f0f0; /* Placeholder háttér, amíg a kép betöltődik */
}

/*--------------------------------------------------------------
# 4. Videólejátszó stílusok
--------------------------------------------------------------*/

/* Alapvető videólejátszó stílusok */
.video-player-wrapper {
    margin-top: 10px !important;
    background: #f8f8f8;
    border-radius: 5px !important;
    position: relative;
}

.video-player-wrapper h3 {
    font-family: 'Founders Grotesk Condensed', sans-serif;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 15px;
}

.video-container, #video-container {
    position: relative;
    max-width: 100%;
}

.ad-container, #ad-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Alapértelmezett alacsony érték */
    background: transparent; /* Nincs elsötétítés alapból */
}

.ad-container.active, #ad-container.active {
    background: rgba(0, 0, 0, 0.5); /* Csak hirdetés idejére */
    z-index: 10;
}

.ad-unmute-button {
    position: absolute;
    bottom: 20px;
    left: 20px;
    z-index: 101;
    background: rgba(0,0,0,0.7);
    color: white;
    border: none;
    border-radius: 4px;
    padding: 8px 12px;
    cursor: pointer;
    display: none;
    align-items: center;
}
/* Ensure visibility during active ads */
.video-container.ad-active .ad-unmute-button,
#video-container.ad-active .ad-unmute-button {
    display: flex !important;
    z-index: 1001 !important;
}

#player {
    max-width: 100%;
    border-radius: 5px;
    z-index: 5;
}

/* Dark mode support */
body.darkmode .video-player-wrapper {
    background: #23252b;
    color: #fff;
}

body.darkmode .video-player-wrapper h3 {
    color: #fff;
}

body.darkmode .ad-container.active,
body.darkmode #ad-container.active {
    background: rgba(0, 0, 0, 0.7);
}

/* Plyr lejátszó gombjainak javítása - felülírjuk a cikkgombok stílusait */
.single_news .editor_content .plyr__controls button,
.single_news .editor_content .plyr__controls button:active,
.single_news .editor_content .plyr__controls button:focus,
.single_news .editor_content .plyr__controls button:hover,
.single_news .editor_content .plyr__control--overlaid,
.single_news .editor_content .plyr__control--overlaid:active,
.single_news .editor_content .plyr__control--overlaid:focus,
.single_news .editor_content .plyr__control--overlaid:hover,
.plyr__controls button,
.plyr__controls button:active,
.plyr__controls button:focus,
.plyr__controls button:hover,
.plyr__control--overlaid,
.plyr__control--overlaid:active,
.plyr__control--overlaid:focus,
.plyr__control--overlaid:hover {
    background-color: transparent !important;
    background-image: none !important;
    padding: 0 !important;
    border: none !important;
    font: inherit !important;
    color: inherit !important;
    box-shadow: none !important;
    border-radius: 3px !important;
    margin: 0 !important;
    width: auto !important;
    max-width: none !important;
    outline: none !important;
    display: inline-flex !important;
}

/* Plyr nagygomb javítása */
.plyr__control--overlaid {
    background: rgba(0, 0, 0, 0.6) !important;
    color: #fff !important;
    border-radius: 100% !important;
    padding: 15px !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    z-index: 2 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 60px !important;
    height: 60px !important;
}

.plyr__control--overlaid:hover {
    background: rgba(0, 0, 0, 0.8) !important;
}

.plyr__control--overlaid svg {
    width: 20px !important;
    height: 20px !important;
    fill: currentColor !important;
}

/* Plyr videólejátszó ikon stílusainak javítása */
.plyr__controls button svg {
    width: 18px !important;
    height: 18px !important;
    fill: currentColor !important;
}

/*--------------------------------------------------------------
# 5. Cikk elrendezés és tartalom stílusok
--------------------------------------------------------------*/

/* Hirdetési zónák stílusai */
.ad-zone {
    min-height: 250px;
    margin: 30px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #f8f8f8;
    border: 1px solid #e0e0e0;
}

/* Felülírjuk a Bootstrap mt-5 osztály nagy margóját */
.mt-5 {
    margin-top: 0 !important;
}

/* Soron kívül szekció stílusai */
.soron-kivul-blokk {
    margin: 20px 0;
}

/* Dark mode támogatás */
body.darkmode .ad-zone {
    background: #23252b;
    border-color: #444;
}

/* Reszponzív viselkedés */
@media (max-width: 767px) {
    /* Remove dark overlay during ads on mobile for clearer UI */
    .ad-container.active,
    #ad-container.active {
        background: transparent !important;
    }
    /* Soften and disable controls interaction while ad is active to avoid confusion */
    .plyr__controls.ad-disabled {
        opacity: 0.7;
        pointer-events: none;
    }
}

/* Cikk elrendezés */
.article-content-layout {
    display: flex;
    gap: 50px;
}

.topics-sidebar {
    width: 210px;
    flex-shrink: 0;
}

.article-content {
    flex: 1;
    min-width: 0;
}

.article-main-content {
    flex: 1;
    min-width: 0;
}

.article-sidebar-wrapper {
    width: 300px;
    flex-shrink: 0;
    margin-left: 30px;
}

/* Kiemelt kép konténer */
.featured-image-container {
    margin-bottom: 30px;
}

.featured-image-container img {
    width: 100%;
    height: auto;
    display: block;
}

/* Reszponzív elrendezés */
@media (max-width: 991px) {
    .article-content-layout {
        flex-direction: column;
    }
    
    .topics-sidebar {
        width: 100%;
        order: 2;
        margin-top: 30px;
    }
    
    .article-content {
        order: 1;
    }
    
    .article-sidebar-wrapper {
        width: 100%;
        margin-left: 0;
        margin-top: 30px;
    }
}

/*--------------------------------------------------------------
# 6. Desktop ajánlott cikkek stílusok
--------------------------------------------------------------*/

/* Desktop ajánlott cikk a topics-sidebar-ban */
.desktop-recommended-wrapper {
    position: relative;
    margin: 30px 0;
    background: #fff;
    border: 1px solid #e0e0e0;
    width: calc(100% + 0px);
    margin-left: 0px;
}

.desktop-recommended-wrapper:before {
    content: '';
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    height: 1px;
    background: #268d83;
    z-index: 1;
}

.desktop-recommended-wrapper .desktop-section-title h3 {
    font-family: 'Founders Grotesk Condensed', sans-serif !important;
    font-size: 18px;
    font-weight: 600;
    color: #000;
    margin: 0;
    padding: 15px;
    border-bottom: 1px solid #e0e0e0;
}

.desktop-recommended-wrapper .desktop-recommended-item {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.desktop-recommended-wrapper .desktop-article-image {
    width: 100%;
    position: relative;
    overflow: hidden;
    padding-top: 56.25%; /* 16:9 képarány */
}

.desktop-recommended-wrapper .desktop-article-image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.desktop-recommended-wrapper .desktop-recommended-item:hover .desktop-article-image img {
    transform: scale(1.05);
}

.desktop-recommended-wrapper .desktop-article-content {
    padding: 15px;
    border-top: 1px solid #e0e0e0;
    display: flex;
    flex-direction: column;
}

.desktop-recommended-wrapper .desktop-article-category {
    font-size: 12px;
    color: #268d83;
    text-transform: uppercase;
    margin-bottom: 8px;
    display: block;
    text-decoration: none;
}

.desktop-recommended-wrapper .desktop-article-category:hover {
    color: #1a6158;
    text-decoration: none;
}

.desktop-recommended-wrapper .desktop-recommended-article-title {
    font-family: 'Founders Grotesk Condensed', sans-serif !important;
    font-size: 20px;
    line-height: 1.1;
    color: #000;
    display: block;
    text-decoration: none;
    margin: 0;
}

.desktop-recommended-wrapper .desktop-recommended-article-title:hover {
    color: #268d83;
    text-decoration: none;
}

/* Dark mode támogatás */
body.darkmode .desktop-recommended-wrapper {
    background: #23252b;
    border-color: #444;
    border-top-color: #58ceb6;
}

body.darkmode .desktop-recommended-wrapper:before {
    background: #58ceb6;
}

body.darkmode .desktop-recommended-wrapper .desktop-section-title h3 {
    color: #fff;
    border-bottom-color: #444;
}

body.darkmode .desktop-recommended-wrapper .desktop-article-content {
    border-top-color: #444;
}

body.darkmode .desktop-recommended-wrapper .desktop-article-category {
    color: #58ceb6;
}

body.darkmode .desktop-recommended-wrapper .desktop-article-category:hover {
    color: #7edecb;
}

body.darkmode .desktop-recommended-wrapper .desktop-recommended-article-title {
    color: #fff;
}

body.darkmode .desktop-recommended-wrapper .desktop-recommended-article-title:hover {
    color: #58ceb6;
}

@media (max-width: 991px) {
    .desktop-recommended-wrapper {
        width: 100%;
        margin-left: 0;
    }
}

/*--------------------------------------------------------------
# 7. Mobil ajánlott cikkek stílusok
--------------------------------------------------------------*/
/* Ne hagyd ki szekció mobilra optimalizálása */
.mobile-recommended-notice {
    background: #f8f8f8;
    color: #333;
    padding: 10px 15px;
    font-size: 14px;
    font-weight: 500;
    margin: 20px -15px 0;
    font-family: 'Founders Grotesk', sans-serif;
}

.mobile-recommended-articles {
    background: #fff;
    margin: 35px -15px;
    padding: 10px;
    border-bottom: 1px solid rgba(0,0,0,0.1);
}

.mobile-section-title h3 {
    font-family: 'Founders Grotesk Condensed', sans-serif !important; 
    font-size: 22px;
    font-weight: 600;
    color: #000;
    margin: 0;
    padding-bottom: 10px;
    border-bottom: 2px solid rgba(0,0,0,0.1);
    margin: 0px 0px 20px 0px !important;
}

.mobile-recommended-item {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(0,0,0,0.1);
}

.mobile-recommended-item:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

.mobile-article-number {
    font-family: 'Founders Grotesk Condensed', sans-serif;
    font-size: 18px;
    font-weight: 600;
    color: #268d83;
    margin-right: 12px;
    line-height: 1.2;
}

/* Ajánlott cikk címe - Ne hagyd ki szekcióban */
.mobile-recommended-article-title {
    font-family: 'Founders Grotesk Condensed', sans-serif !important;
    font-size: 18px;
    line-height: 1.3;
    font-weight: 500;
    color: #000;
    display: block;
    text-decoration: none;
}

.mobile-recommended-article-title:hover {
    color: #555;
    text-decoration: none;
}

/* Dark mode stílusok a Ne hagyd ki szekcióhoz */
body.darkmode .mobile-recommended-notice {
    background: #000;
    color: #fff;
}

body.darkmode .mobile-recommended-articles {
    background: #1a1a1a;
    border-bottom: 1px solid rgba(255,255,255,0.1);
}

body.darkmode .mobile-section-title h3 {
    color: #fff;
    border-bottom: 2px solid rgba(255,255,255,0.1);
}

body.darkmode .mobile-recommended-item {
    border-bottom: 1px solid rgba(255,255,255,0.1);
}

body.darkmode .mobile-recommended-article-title {
    color: #fff;
}

body.darkmode .mobile-recommended-article-title:hover {
    color: rgba(255,255,255,0.8);
}

/*--------------------------------------------------------------
# 8. Cikk tartalom stílusok
--------------------------------------------------------------*/

.article-textbody {
    font-family: 'Barlow', sans-serif;
    font-size: 18px;
    line-height: 1.8;
    color: #333;
}

.article-textbody p {
    margin-bottom: 1.5em;
}

/* Lista stílusok */
.article-textbody ul,
.article-textbody ol,
.single_news .editor_content ul,
.single_news .editor_content ol {
    padding-left: 2em;
    margin-bottom: 1.5em;
}

.article-textbody ul,
.single_news .editor_content ul {
    list-style-type: none;
}

.article-textbody ol,
.single_news .editor_content ol {
    list-style-type: decimal;
}

.article-textbody ul li:not(:last-child),
.single_news .editor_content ul li:not(:last-child) {
    margin-bottom: 15px;
}

.article-textbody ul li,
.single_news .editor_content ul li {
    font: 400 18px / 22px 'Barlow', sans-serif;
    position: relative;
    padding-left: 26px;
}

.article-textbody ul li::before,
.single_news .editor_content ul li::before {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 2px;
    background: #268d83;
    position: absolute;
    left: 0;
    top: 12px;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.article-textbody h2,
.article-textbody h3,
.article-textbody h4 {
    font-family: 'Founders Grotesk Condensed', sans-serif;
    font-weight: 600;
    margin-top: 40px;
    margin-bottom: 20px;
}

.article-textbody h2 {
    font-size: 28px;
}

.article-textbody h3 {
    font-size: 24px;
}

.article-textbody h4 {
    font-size: 20px;
}

.article-textbody img {
    max-width: 100%;
    height: auto;
    margin: 30px 0;
    border-radius: 5px;
}

/* Idézetek új dizájnja - Kibővített kártya elhalványuló háttérrel */
blockquote,
.wp-block-pullquote blockquote,
figure.wp-block-pullquote blockquote,
.blockquote,
.article-textbody blockquote {
  margin: 20px 0;
  padding: 16px 24px;
  font-style: italic;
  font-size: 19px;
  line-height: 1.6;
  color: #333;
  background: #fff;
  border-left: 4px solid #268d83;
  border-radius: 4px;
  border-right: none;
  border-top: none;
  border-bottom: none;
}

blockquote p,
.wp-block-pullquote blockquote p,
figure.wp-block-pullquote blockquote p,
.blockquote p,
.article-textbody blockquote p {
  margin: 0;
  color: #333;
}

blockquote cite,
.wp-block-pullquote blockquote cite,
figure.wp-block-pullquote blockquote cite,
.blockquote cite,
.article-textbody blockquote cite {
  display: block;
  margin-top: 15px;
  font-size: 16px;
  color: #888;
  font-style: normal;
  text-align: right;
}

body.darkmode blockquote,
body.darkmode .wp-block-pullquote blockquote,
body.darkmode figure.wp-block-pullquote blockquote,
body.darkmode .blockquote,
body.darkmode .article-textbody blockquote {
  background: #22252b;
  color: #e0e0e0;
  border-left: 4px solid #58ceb6;
}

body.darkmode blockquote p,
body.darkmode .wp-block-pullquote blockquote p,
body.darkmode figure.wp-block-pullquote blockquote p,
body.darkmode .blockquote p,
body.darkmode .article-textbody blockquote p {
  color: #e0e0e0;
}

body.darkmode blockquote cite,
body.darkmode .wp-block-pullquote blockquote cite,
body.darkmode figure.wp-block-pullquote blockquote cite,
body.darkmode .blockquote cite,
body.darkmode .article-textbody blockquote cite {
  color: #aaa;
}

/* WordPress blokkszerkesztő pullquote elemek kezelése */
.wp-block-pullquote,
figure.wp-block-pullquote {
  border: none;
  padding: 0;
  margin: 35px 0;
}

div.article-excerpt > p.kivonat-p,
.article-excerpt > p.kivonat-p {
    font-family: 'Barlow', sans-serif !important;
    font-size: 20px !important;
    line-height: 1.4 !important;
    font-weight: 600 !important;
    color: #000 !important;
    margin-bottom: 35px;
}

/* Bekezdés (törzsszöveg) – Barlow Regular */
div.article-content .article-textbody p, 
div.editor_content p, 
div.article-content > p:not(div.article-excerpt > p),
.article-content .editor_content p {
    font-family: 'Barlow', sans-serif !important;
    font-size: 19px !important;
    line-height: 1.6 !important;
    font-weight: 400 !important;
    font-style: normal !important;
    font-synthesis: none !important;
    color: #000000 !important;
    width: 97%;
    margin-top: 35px;
    margin-bottom: 35px;
}

/* Engedélyezett dőlt kiemelések a bekezdésen belül */
.article-content em, .article-content i,
.article-textbody em, .article-textbody i,
.editor_content em, .editor_content i {
    font-style: italic;
}

/* Lista stílusok a normál cikkoldalhoz - javított verzió */

/* Alap lista stílusok - kiterjesztett szelektorok mindkét oldalhoz */
.article-content ul,
.editor_content ul,
.article-textbody ul {
    list-style: none !important;
    margin: 0 0 1.5em 0;
    padding-left: 20px;
    position: relative;
}

/* Lista elemek formázása */
.article-content ul li,
.editor_content ul li,
.article-textbody ul li {
    position: relative;
    margin-bottom: 0.5em;
    line-height: 1.6;
    padding-left: 15px;
    font-family: 'lfont', sans-serif;
}

/* Egységes bullet stílus minden oldalhoz */
.article-content ul li::before,
.editor_content ul li::before,
.article-textbody ul li::before,
.single_news .editor_content ul li::before,
.single_news .article-content ul li::before {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 2px;
    background: #268d83;
    position: absolute;
    left: 0;
    top: 12px;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

/* Beágyazott listák stílusa */
.article-content ul ul,
.editor_content ul ul,
.article-textbody ul ul {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

/* Számozott listák esetén */
.article-content ol,
.editor_content ol,
.article-textbody ol {
    margin: 0 0 1.5em 0;
    padding-left: 25px;
    list-style-type: decimal;
}

.article-content ol li,
.editor_content ol li,
.article-textbody ol li {
    margin-bottom: 0.5em;
    line-height: 1.6;
}

/* Mobil nézet igazítások */
@media (max-width: 768px) {
    .article-content ul,
    .editor_content ul,
    .article-textbody ul,
    .article-content ol,
    .editor_content ol,
    .article-textbody ol {
        padding-left: 15px;
    }
}

/* Dark mode támogatás */
body.darkmode .article-excerpt {
    color: #ccc;
}

body.darkmode .article-textbody {
    color: #e0e0e0;
}

body.darkmode .article-textbody blockquote {
    background: #2d2f35;
    border-left-color: #58ceb6;
}

body.darkmode .article-excerpt.barlow-style {
    font-family: 'Barlow', sans-serif !important;
    color: #fff;
    border-bottom-color: #444;
}

body.darkmode div.article-excerpt > p.kivonat-p,
body.darkmode .article-excerpt > p.kivonat-p {
    color: #fff !important;
}

body.darkmode .article-textbody,
body.darkmode div.article-content .article-textbody p,
body.darkmode div.editor_content p, 
body.darkmode div.article-content > p:not(div.article-excerpt > p) {
    color: #e2e2e2 !important;
}

@media (max-width: 767px) {
    .article-excerpt.barlow-style {
        font-family: 'Barlow', sans-serif !important;
        font-size: 20px;
        line-height: 1.3;
        margin-bottom: 25px;
        padding-bottom: 25px;
    }
    
    div.article-excerpt > p.kivonat-p,
    .article-excerpt > p.kivonat-p {
        font-size: 18px !important;
        line-height: 1.3 !important;
    }
    
    div.article-content .article-textbody p,
    div.editor_content p, 
    div.article-content > p:not(div.article-excerpt > p), 
    .single_news .editor_content p {
        font-size: 18px !important;
        line-height: 1.6 !important;
        width: 100%;
    }
    .ao-article-banner span:last-child {
        font-size: 17px;
        line-height: 1.5rem;
        }
}

/* Kép felirat stílusok */
.image-caption {
    display: flex;
    align-items: center;
    font-size: 13px;
    color: #666;
    padding: 8px 10px;
    margin-top: 0;
    line-height: 1.4;
    background: #f8f8f8;
    border: 1px solid #e0e0e0;
    border-radius: 2px;
}

.image-caption svg {
    color: #666;
    margin-right: 8px;
    flex-shrink: 0;
}

body.darkmode .image-caption {
    color: #ccc;
    background: #23252b;
    border-color: #444;
}

body.darkmode .image-caption svg {
    color: #ccc;
}

/*--------------------------------------------------------------
# 9. Widget stílusok
--------------------------------------------------------------*/

/* Single Widget Styles */
.single_widget {
  margin-bottom: 30px;
  background-color: #fff;
  padding: 0;
  border-radius: 0;
  overflow: hidden;
}

.single_widget ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.single_widget ul li {
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  position: relative;
  display: flex;
  align-items: flex-start;
}

.single_widget .widget-article-date {
  color: #666;
  font-size: 13px;
  font-weight: 500;
  margin-right: 10px;
  flex-shrink: 0;
}

.single_widget .widget-single-title {
  font-weight: 500;
  font-size: 15px;
  line-height: 1.4;
  color: #000;
  text-decoration: none;
  display: block;
  padding-left: 10px;
  position: relative;
  border-left: 3px solid;
  transition: color 0.2s;
}

.single_widget .widget-single-title:hover {
  color: #555;
  text-decoration: none;
}

.single_widget .meg-tobb-btn {
  display: block;
  text-align: center;
  padding: 12px;
  background-color: #f5f5f5;
  color: #333;
  font-weight: 600;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: 0.5px;
  transition: all 0.2s;
  margin-top: 10px;
}

.single_widget .meg-tobb-btn:hover {
  background-color: #e5e5e5;
  color: #000;
  text-decoration: none;
}

/* Dark Mode */
body.darkmode .single_widget {
  background-color: transparent;
}

body.darkmode .single_widget ul li {
  border-bottom-color: rgba(255, 255, 255, 0.1);
}

body.darkmode .single_widget .widget-article-date {
  color: #aaa;
}

body.darkmode .single_widget .widget-single-title {
  color: #fff;
}

body.darkmode .single_widget .widget-single-title:hover {
  color: #ccc;
}

body.darkmode .single_widget .meg-tobb-btn {
  background-color: #23252b;
  color: #fff;
}

body.darkmode .single_widget .meg-tobb-btn:hover {
  background-color: #2c2e35;
}

/* Original Widget Styles */
.single-widget-title {
  font-weight: 700;
  font-family: "foundersGrotesk";
  font-size: 24px;
  line-height: 22px;
  display: flex;
  padding: 11px 10px;
  align-items: center;
  justify-content: space-between;
  gap: 5px;
  background-color: #f5f5f5;
  border-bottom: 1px solid #268d83;
  -webkit-font-smoothing: antialiased;
  margin-bottom: 15px;
}

body.darkmode .single-widget-title {
  background-color: #23252b;
  color: #fff;
  border-bottom-color: #268d83;
}

.single-widget-title-before,
.single-widget-title-after {
  flex: 1;
  background-color: #1a1d2e;
  height: 5px;
  position: relative;
}

.single-widget-title-before:before,
.single-widget-title-after:before {
  content: "";
  background-color: #58ceb6;
  height: 5px;
  width: 37px;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
}

/* Force widget title display */
.widget.single-widget .single-widget-title {
  display: flex !important;
}

/* Adjunk hozzá egy szépen formatált címet a shortcode-hoz */
.news_sidebar .textwidget > .single_widget::before,
.news_sidebar > .textwidget > div > .single_widget::before,
aside > .textwidget > .single_widget::before,
.category-sidebar .textwidget > .single_widget::before,
.category-sidebar > div > .single_widget::before {
  content: "";
  display: none;
}

body.darkmode .news_sidebar .textwidget > .single_widget::before {
  display: none;
}

/*--------------------------------------------------------------
# 10. Téma doboz stílusok
--------------------------------------------------------------*/

/* Topics Box */
.next-articles {
    background: #fff;
    padding: 0;
    border-radius: 0;
    position: relative;
}

.mt-5 .copy-link,
.mt-5 .home-page-button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    background: #f8f8f8;
    border: 1px solid #e0e0e0;
    border-radius: 2px;
    padding: 10px 15px;
    color: #333;
    text-decoration: none;
    font-size: 12px;
    font-family: inherit;
    font-weight: 500;
    transition: all 0.2s ease;
}

.mt-5 .copy-link {
    margin-bottom: 12px;
}

.mt-5 .copy-link svg {
    width: 16px;
    height: 16px;
    margin-right: 10px;
    opacity: 0.8;
    color: inherit;
}

.mt-5 .copy-link span,
.mt-5 .home-page-button {
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.mt-5 .copy-link:hover,
.mt-5 .home-page-button:hover {
    background: #f0f0f0;
    text-decoration: none;
    color: #000;
}

.mt-5 .copy-link:hover svg {
    opacity: 1;
}

.mt-5 .copy-message {
    display: none;
    color: #666;
    font-size: 12px;
    margin: 4px 0;
}

/* Dark Mode */
body.darkmode .mt-5 .copy-link,
body.darkmode .mt-5 .home-page-button {
    background: #23252b !important;
    border-color: #444 !important;
    color: #fff !important;
}

body.darkmode .mt-5 .copy-link svg {
    color: #fff !important;
    opacity: 0.8;
}

body.darkmode .mt-5 .copy-link:hover,
body.darkmode .mt-5 .home-page-button:hover {
    background: #2c2e35 !important;
    color: #fff !important;
}

/* Extra specifikus szelektor a kezdőlap gomb szövegszínéhez */
body.darkmode .mt-5 a.home-page-button {
    color: #fff !important;
}

body.darkmode .mt-5 .copy-link:hover svg {
    opacity: 1;
}

body.darkmode .mt-5 .copy-message {
    color: #999;
}

.next-articles-title {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 20px;
    text-transform: uppercase;
    color: #000;
    position: relative;
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.liner_tags {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.liner_tag {
    color: #000;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    transition: color 0.2s;
    display: inline-block;
}

.liner_tag:hover {
    color: #666;
    text-decoration: none;
}

/* Dark Mode */
body.darkmode .next-articles {
    background: transparent;
}

body.darkmode .next-articles-title {
    color: #fff;
    border-bottom-color: rgba(255, 255, 255, 0.1);
}

body.darkmode .liner_tag {
    color: #fff;
}

body.darkmode .liner_tag:hover {
    color: rgba(255, 255, 255, 0.7);
}

/*--------------------------------------------------------------
# 11. További stílusok és osztályok
--------------------------------------------------------------*/

/* Next articles fixed/sticky pozíció kikapcsolása */
.next-articles.fixed {
    position: static !important;
    top: auto !important;
    width: auto !important;
    z-index: auto !important;
}

/* Reszponzív stílusok */
@media (max-width: 991px) {
    .article-header-meta {
        max-width: 100%;
        float: none;
        margin-bottom: 15px;
    }

    .article-main-title {
        font-size: 36px !important;
        line-height: 1.15;
        min-height: 1.2em;
        margin-top: 10px;
    }

    .article-content-layout {
        flex-direction: column;
    }

    .topics-sidebar {
        width: 100%;
        order: 2;
    }

    .article-content {
        order: 1;
    }

    .article-sidebar-wrapper {
        width: 100%;
        margin-left: 0;
        margin-top: 30px;
        order: 3;
    }

    .article-excerpt {
        font-size: 16px;
    }

    .copy-link, .home-page-button {
        font-size: 14px;
    }
}

/* Mobil reszponzivitás javítása */
@media (max-width: 767px) {
    .wrap-mobile {
        margin-top: 20px;
    }

    .article-main-title {
        font-size: 28px !important;
        line-height: 1.1;
        letter-spacing: -0.01em;
    }
    
    .article-header {
        margin-bottom: 20px;
    }
    
    .article-header:before {
        width: 200px;
    }
    
    .article-header .d-flex {
        gap: 15px;
        flex-direction: column;
    }
    
    .breadcrumb {
        padding-top: 20px;
    }
    
    .article-excerpt {
        font-size: 20px;
        line-height: 1.3;
    }
    
    /* Képfeliratok mobil nézetben */
    .mobile-featured-image .image-caption {
        margin: 0;
        border-radius: 0;
        border-left: 0;
        border-right: 0;
    }
    
    /* Mobilos fejléc kiegészítő stílusok */
    .mobile-article-header {
        padding-top: 25px;
        padding-bottom: 20px;
    }
    
    .mobile-article-title {
        font-size: 34px;
        margin-bottom: 20px;
    }
}

/* Kis képernyős mobilok */
@media (max-width: 480px) {
    .article-main-title {
        font-size: 24px !important;
    }
    
    .article-header:before {
        width: 150px;
    }
    
    .article-header-meta {
        width: 100%;
    }

    .mobile-article-title {
        font-size: 32px;
        color: #fff;
        letter-spacing: 0.01em;
    }
}

/*--------------------------------------------------------------
# 99. Egyéni szín felülírások
--------------------------------------------------------------*/

/* Csak a bekezdésekben lévő linkek színének átállítása #007bff-ről #268d83-ra */
.article-textbody p a,
.article-content p a,
.editor_content p a,
div.article-content .article-textbody p a,
div.editor_content p a {
  color: #268d83 !important;
}

.article-textbody p a:hover,
.article-content p a:hover,
.editor_content p a:hover,
div.article-content .article-textbody p a:hover,
div.editor_content p a:hover {
  color: #1a6158 !important; /* Sötétebb árnyalat a hover-re */
}

/* Töröljük az általános felülírásokat */
:root {
  /* Töröljük a root változók felülírását */
}

a {
  line-height: 1.6rem;
}

a:hover {
  /* Töröljük az általános hover felülírást */
}

.btn-primary,
.btn-outline-primary,
.page-item.active .page-link,
.page-link,
.badge-primary,
.bg-primary,
.text-primary {
  /* Töröljük a többi elem felülírását */
}

/* Videólejátszó stílusok */
.wp-block-embed.is-type-video {
    position: relative;
    width: 100%;
    margin-bottom: 35px;
    margin-top: 35px;
}

.wp-block-embed.is-type-video .wp-block-embed__wrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 arány */
    height: 0;
    overflow: hidden;
}

.wp-block-embed.is-type-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

/* Infinite scroll videók */
.infinite-scroll-post-container .wp-block-embed.is-type-video {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}

/* Hirdetések és ajánlók stílusai */
.code-block,
#liner_cikk_roadblock_1_2,
#liner_cikk_roadblock_1_3,
.mobile-recommended-articles {
    margin: 35px 0;
    clear: both;
    position: relative;
    z-index: 1;
    background: #f5f5f5;
    padding: 15px 15px 30px 15px;
}

  #liner_cikk_roadblock_2 {
    background: #f5f5f5;
    padding: 15px 15px 30px 15px;
    min-height: 300px;
  }

/* Biztosítjuk, hogy a hirdetések és ajánlók ne kerüljenek az idézetek közé */
.article-textbody > *:not(blockquote) {
    position: relative;
    z-index: 1;
}

/* Videólejátszó konténer stílusai */

.liner-ad-top-bar {
  width: 100vw;
  left: 0;
  top: 0;
  position: relative;
  background: #f4f4f4;
  min-height: 290px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
}
.liner-ad-top-bar-inner {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 290px;
}
.liner-ad-top-bar #liner_nyito_fekvo_1 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 90px;
}

body.darkmode .liner-ad-top-bar {
  background: #232323;
}
body.darkmode .liner-ad-top-bar-inner {
  background: transparent;
} 

.liner_cikk_top {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  background: #f4f4f4;
  min-height: 290px;
  display: flex;
  align-items: center;
  justify-content: center;
}
body.darkmode .liner_cikk_top {
  background: #232323;
}

/*--------------------------------------------------------------
# 5. Videólejátszó folytatás üzenet stílusai
--------------------------------------------------------------*/

/* Folytatás üzenet a videólejátszó felett */
.video-continuation-message {
  margin: 20px 0 15px 0;
  text-align: center;
  padding: 8px 16px;
  background: rgb(245 245 245);
  border-radius: 4px;
  position: relative;
}

.video-continuation-message::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: #258d83;
  opacity: 0.6;
}

.continuation-text {
  margin: 0;
  font-family: 'Founders Grotesk Condensed', 'foundersGrotesk', sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: #000000;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  position: relative;
  opacity: 0.8;
}

.continuation-text::before {
  content: '•';
  margin-right: 6px;
  color: #258d83;
  font-size: 10px;
  opacity: 0.7;
}

.continuation-text::after {
  content: '•';
  margin-left: 6px;
  color: #258d83;
  font-size: 10px;
  opacity: 0.7;
}

/* Dark mode támogatás */
body.darkmode .video-continuation-message {
  background: rgba(37, 141, 131, 0.1);
  border-color: rgba(37, 141, 131, 0.2);
}

body.darkmode .continuation-text {
  color: #4db8ae;
}

body.darkmode .continuation-text::before,
body.darkmode .continuation-text::after {
  color: #4db8ae;
}

/* Mobil optimalizáció */
@media (max-width: 768px) {
  .video-continuation-message {
    margin: 15px 0 10px 0;
    padding: 10px 15px;
    border-radius: 6px;
  }
  
  .continuation-text {
    font-size: 13px;
    letter-spacing: 0.3px;
  }
}
/*--------------------------------------------------------------
# Redesign Layer
--------------------------------------------------------------*/
.single_news_wrapper {
    position: relative;
}

.article-header {
    margin-bottom: 22px;
}

.article-header:before {
    width: 220px;
    height: 2px;
    background: linear-gradient(90deg, #0ea5a4 0%, rgba(14, 165, 164, 0.12) 100%);
}

.article-header .d-flex {
    align-items: flex-end;
    gap: 28px;
}

.article-header-meta {
    padding: 24px 24px 18px;
    background: rgba(255, 255, 255, 0.9);
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 20px;
    box-shadow: 0 16px 36px rgba(15, 23, 42, 0.08);
}

.article-meta-info {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 16px;
}

.article-author,
.article-date,
.mobile-article-author,
.mobile-article-date {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    padding: 0 12px;
    border-radius: 999px;
    background: rgba(14, 165, 164, 0.1);
    color: #0f172a;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.07em;
}

.mobile-article-author:after {
    display: none;
}

.article-main-title {
    font-size: clamp(40px, 5vw, 72px) !important;
    line-height: 0.92;
    letter-spacing: -0.04em;
    text-wrap: balance;
}

.article-transparency-note {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 18px;
}

.article-transparency-note span,
.article-transparency-note a {
    display: inline-flex;
    align-items: center;
    min-height: 36px;
    padding: 0 14px;
    border-radius: 999px;
    background: rgba(15, 23, 42, 0.05);
    color: #334155;
    text-decoration: none;
    font-size: 12px;
    font-weight: 600;
}

.article-transparency-note a:hover {
    color: #0f766e;
    background: rgba(14, 165, 164, 0.12);
}

.page_banner {
    width: 100%;
    margin-bottom: 34px;
    border-radius: 28px;
    overflow: hidden;
    box-shadow: 0 22px 48px rgba(15, 23, 42, 0.14);
}

.page_banner img,
.mobile-featured-image img {
    aspect-ratio: 16 / 9;
    object-fit: cover;
}

.article-content-layout {
    gap: 34px;
    align-items: flex-start;
}

.topics-sidebar {
    width: 230px;
}

.article-content {
    padding: 28px 32px;
    background: rgba(255, 255, 255, 0.92);
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 28px;
    box-shadow: 0 16px 42px rgba(15, 23, 42, 0.08);
}

.article-textbody {
    font-size: 19px;
    line-height: 1.85;
    color: #243041;
}

div.article-excerpt > p.kivonat-p,
.article-excerpt > p.kivonat-p {
    position: relative;
    padding-left: 18px;
    color: #0f172a !important;
}

div.article-excerpt > p.kivonat-p:before,
.article-excerpt > p.kivonat-p:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.25em;
    bottom: 0.25em;
    width: 4px;
    border-radius: 999px;
    background: linear-gradient(180deg, #0ea5a4 0%, #0f766e 100%);
}

.mobile-article-header {
    background:
        linear-gradient(145deg, #0f172a 0%, #111827 56%, #0f766e 130%);
    border-radius: 0 0 24px 24px;
    box-shadow: 0 20px 40px rgba(15, 23, 42, 0.22);
}

.mobile-header-meta {
    gap: 10px;
    flex-wrap: wrap;
}

.mobile-article-title {
    font-size: 34px;
    letter-spacing: -0.04em;
}

.mobile-article-title:after {
    background: linear-gradient(90deg, rgba(255,255,255,0.98), rgba(255,255,255,0.18));
}

.desktop-recommended-wrapper,
.mobile-recommended-articles {
    border-radius: 22px;
    overflow: hidden;
    border: 1px solid rgba(15, 23, 42, 0.08);
    box-shadow: 0 14px 34px rgba(15, 23, 42, 0.08);
}

.desktop-recommended-wrapper .desktop-section-title h3,
.mobile-section-title h3 {
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.desktop-recommended-wrapper .desktop-article-content {
    background: rgba(255, 255, 255, 0.94);
}

body.darkmode .article-header-meta,
body.darkmode .article-content,
body.darkmode .desktop-recommended-wrapper .desktop-article-content {
    background: rgba(15, 23, 42, 0.8);
    border-color: rgba(148, 163, 184, 0.16);
    box-shadow: 0 18px 42px rgba(2, 6, 23, 0.34);
}

body.darkmode .article-author,
body.darkmode .article-date,
body.darkmode .mobile-article-author,
body.darkmode .mobile-article-date,
body.darkmode .article-transparency-note span,
body.darkmode .article-transparency-note a {
    background: rgba(45, 212, 191, 0.12);
    color: #dffcf8;
}

body.darkmode .article-textbody,
body.darkmode div.article-content .article-textbody p,
body.darkmode div.editor_content p,
body.darkmode div.article-content > p:not(div.article-excerpt > p),
body.darkmode .article-content .editor_content p {
    color: #dbe4ef !important;
}

body.darkmode div.article-excerpt > p.kivonat-p,
body.darkmode .article-excerpt > p.kivonat-p {
    color: #ffffff !important;
}

body.darkmode .page_banner {
    box-shadow: 0 22px 48px rgba(2, 6, 23, 0.42);
}

@media (max-width: 991px) {
    .article-header .d-flex {
        align-items: stretch;
    }

    .article-content {
        padding: 24px 22px;
        border-radius: 24px;
    }

    .topics-sidebar {
        width: 100%;
    }
}

@media (max-width: 767px) {
    .mobile-article-title {
        font-size: 30px;
    }

    .article-content {
        padding: 22px 18px;
        border-radius: 22px;
    }

    .article-transparency-note {
        margin-top: 12px;
    }
}

.article-sidebar-card {
    padding: 20px;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 24px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(243, 248, 252, 0.96));
    box-shadow: 0 16px 38px rgba(15, 23, 42, 0.08);
}

.article-sidebar-card + .article-sidebar-card {
    margin-top: 20px;
}

.article-topics-card .liner_tags {
    gap: 10px;
}

.article-topics-card .liner_tag {
    display: inline-flex;
    align-items: center;
    min-height: 38px;
    padding: 0 14px;
    border-radius: 999px;
    background: rgba(14, 165, 164, 0.1);
    color: #0f766e;
    text-decoration: none;
    font-size: 13px;
    font-weight: 700;
}

.article-topics-card .liner_tag:hover {
    background: rgba(14, 165, 164, 0.16);
}

.article-actions-card .copy-link,
.article-actions-card .home-page-button {
    min-height: 48px;
    border-radius: 16px;
}

.article-actions-card .copy-link {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100%;
    padding: 0 16px;
    background: rgba(15, 23, 42, 0.06);
    color: #0f172a;
    text-decoration: none;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.article-actions-card .copy-link:hover {
    background: rgba(14, 165, 164, 0.12);
    color: #0f766e;
}

.article-actions-card .copy-message {
    margin-top: 10px;
    margin-bottom: 10px;
    color: #64748b;
    font-size: 13px;
}

.desktop-recommended-wrapper {
    border-radius: 24px;
    overflow: hidden;
}

.desktop-recommended-wrapper .desktop-section-title h3 {
    padding: 18px 18px 16px;
}

.desktop-recommended-wrapper .desktop-recommended-item {
    background: transparent;
}

.desktop-recommended-wrapper .desktop-article-content {
    padding: 18px;
}

.desktop-recommended-wrapper .desktop-recommended-article-title {
    font-size: 24px;
    letter-spacing: -0.03em;
}

body.darkmode .article-sidebar-card {
    background: linear-gradient(180deg, rgba(15, 23, 42, 0.88), rgba(15, 23, 42, 0.76));
    border-color: rgba(148, 163, 184, 0.16);
    box-shadow: 0 18px 42px rgba(2, 6, 23, 0.34);
}

body.darkmode .article-topics-card .liner_tag {
    background: rgba(45, 212, 191, 0.12);
    color: #d6fffb;
}

body.darkmode .article-actions-card .copy-link {
    background: rgba(255, 255, 255, 0.06);
    color: #f8fafc;
}

/*--------------------------------------------------------------
# Article Refresh 2026
--------------------------------------------------------------*/
.single_news {
    position: relative;
}

.single_news:before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: min(1220px, calc(100% - 24px));
    height: 1px;
    transform: translateX(-50%);
    background: linear-gradient(90deg, transparent, rgba(9, 17, 31, 0.12), transparent);
}

.single_news_wrapper {
    padding-bottom: 8px;
}

.article-header {
    margin-bottom: 28px;
}

.article-header:before {
    width: 180px;
    height: 3px;
    background: linear-gradient(90deg, #f0542e 0%, rgba(240, 84, 46, 0.12) 100%);
}

.article-header-meta {
    width: 250px;
    padding: 20px 20px 18px;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.94);
    border: 1px solid rgba(9, 17, 31, 0.08);
    box-shadow: 0 18px 42px rgba(9, 17, 31, 0.08);
}

.article-main-title {
    font-size: clamp(42px, 5.2vw, 78px) !important;
    line-height: 0.9;
    letter-spacing: -0.05em;
    max-width: 14ch;
}

.article-transparency-note {
    gap: 8px;
}

.article-transparency-note span,
.article-transparency-note a {
    min-height: 34px;
    border-radius: 8px;
    background: rgba(240, 84, 46, 0.08);
    color: #6f2f1f;
    border: 1px solid rgba(240, 84, 46, 0.12);
}

.page_banner {
    margin-bottom: 28px;
    border-radius: 16px;
    box-shadow: 0 26px 60px rgba(9, 17, 31, 0.12);
}

.article-content-layout {
    gap: 28px;
}

.topics-sidebar {
    width: 180px;
    flex: 0 0 180px;
}

.article-content {
    flex: 1 1 auto;
    padding: 30px 32px;
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.96);
    border: 1px solid rgba(9, 17, 31, 0.08);
    box-shadow: 0 18px 46px rgba(9, 17, 31, 0.08);
}

.article-sidebar-wrapper {
    width: 280px;
    flex: 0 0 280px;
    margin-left: 22px;
}

.article-textbody {
    font-size: clamp(18px, 1.35vw, 21px);
    line-height: 1.95;
    color: #1f2937;
}

.article-textbody p,
.editor_content p {
    margin-bottom: 1.45em;
}

.article-sidebar-card,
.desktop-recommended-wrapper,
.mobile-recommended-articles {
    border-radius: 14px;
    border: 1px solid rgba(9, 17, 31, 0.08);
    box-shadow: 0 18px 42px rgba(9, 17, 31, 0.08);
}

.article-topics-card .liner_tag {
    border-radius: 8px;
    background: rgba(240, 84, 46, 0.08);
    color: #ba3413;
}

.article-topics-card .liner_tag:hover {
    background: rgba(240, 84, 46, 0.14);
}

.mobile-article-header {
    background: linear-gradient(145deg, #09111f 0%, #121c2b 54%, #ba3413 140%);
    border-radius: 0 0 16px 16px;
}

.mobile-article-title {
    font-size: 32px;
    line-height: 0.95;
}

.mobile-article-author,
.mobile-article-date,
.article-author,
.article-date {
    border-radius: 8px;
    background: rgba(240, 84, 46, 0.1);
    color: #7c2d12;
}

.image-caption {
    padding: 12px 14px;
    border-top: 1px solid rgba(9, 17, 31, 0.08);
    background: rgba(248, 250, 252, 0.96);
    font-size: 13px;
    color: #516075;
}

body.darkmode .article-header-meta,
body.darkmode .article-content,
body.darkmode .article-sidebar-card,
body.darkmode .desktop-recommended-wrapper,
body.darkmode .mobile-recommended-articles,
body.darkmode .image-caption {
    background: rgba(10, 16, 25, 0.94);
    border-color: rgba(148, 163, 184, 0.16);
    box-shadow: 0 24px 60px rgba(2, 6, 23, 0.36);
}

body.darkmode .article-transparency-note span,
body.darkmode .article-transparency-note a,
body.darkmode .mobile-article-author,
body.darkmode .mobile-article-date,
body.darkmode .article-author,
body.darkmode .article-date,
body.darkmode .article-topics-card .liner_tag {
    background: rgba(255, 122, 69, 0.12);
    color: #ffd5c8;
    border-color: rgba(255, 122, 69, 0.16);
}

body.darkmode .article-textbody,
body.darkmode .editor_content p,
body.darkmode .image-caption {
    color: #d9e3ef;
}

@media (max-width: 991px) {
    .article-content {
        padding: 24px 22px;
    }

    .article-main-title {
        max-width: none;
    }

    .topics-sidebar,
    .article-sidebar-wrapper {
        width: 100%;
        flex-basis: auto;
        margin-left: 0;
    }
}

@media (max-width: 767px) {
    .article-content {
        padding: 22px 18px;
        border-radius: 14px;
    }

    .mobile-article-title {
        font-size: 28px;
    }
}

/*--------------------------------------------------------------
# Article Newsroom Reboot
--------------------------------------------------------------*/
.single_news_wrapper {
    padding-bottom: 18px;
}

.article-header {
    margin-bottom: 24px;
}

.article-header:before {
    width: 160px;
    height: 3px;
    background: linear-gradient(90deg, #d63d20 0%, rgba(214, 61, 32, 0.12) 100%);
}

.article-header .d-flex {
    gap: 22px;
    align-items: flex-end;
}

.article-header-meta {
    width: 220px;
    padding: 18px 18px 14px;
    border-radius: 0;
    background: #f7f9fb;
    border: 1px solid rgba(10, 20, 35, 0.12);
    box-shadow: none;
}

.article-main-title {
    max-width: 16ch;
    font-size: clamp(40px, 4.8vw, 72px) !important;
    line-height: 0.92;
    letter-spacing: -0.055em;
}

.article-transparency-note span,
.article-transparency-note a,
.article-author,
.article-date,
.mobile-article-author,
.mobile-article-date {
    min-height: 30px;
    padding: 0 10px;
    border-radius: 0;
    border: 1px solid rgba(10, 20, 35, 0.12);
    background: rgba(10, 20, 35, 0.03);
    color: #223043;
    font-size: 10px;
    letter-spacing: 0.08em;
}

.page_banner {
    margin-bottom: 24px;
    border-radius: 0;
    box-shadow: 0 18px 40px rgba(10, 20, 35, 0.08);
}

.article-content-layout {
    gap: 22px;
    align-items: flex-start;
}

.topics-sidebar {
    width: 210px;
    flex: 0 0 210px;
}

.article-content {
    flex: 1 1 auto;
    padding: 26px 28px;
    border-radius: 0;
    background: #ffffff;
    border: 1px solid rgba(10, 20, 35, 0.12);
    box-shadow: 0 12px 28px rgba(10, 20, 35, 0.05);
}

.article-sidebar-wrapper {
    width: 324px;
    flex: 0 0 324px;
    margin-left: 24px;
}

.article-textbody {
    font-size: clamp(18px, 1.2vw, 20px);
    line-height: 1.9;
    color: #1d2936;
}

.article-textbody h2,
.article-textbody h3,
.editor_content h2,
.editor_content h3 {
    margin-top: 1.6em;
    margin-bottom: 0.7em;
    line-height: 0.98;
    letter-spacing: -0.04em;
}

.article-sidebar-card,
.desktop-recommended-wrapper,
.mobile-recommended-articles {
    border-radius: 0;
    border: 1px solid rgba(10, 20, 35, 0.12);
    box-shadow: 0 12px 30px rgba(10, 20, 35, 0.05);
}

.article-topics-card .liner_tag {
    min-height: 34px;
    border-radius: 0;
    border: 1px solid rgba(214, 61, 32, 0.14);
    background: rgba(214, 61, 32, 0.06);
    color: #b62f15;
    font-size: 11px;
    letter-spacing: 0.06em;
}

.article-actions-card .copy-link,
.article-actions-card .home-page-button {
    min-height: 44px;
    border-radius: 0;
}

.article-actions-card .copy-link {
    border: 1px solid rgba(10, 20, 35, 0.12);
}

.desktop-recommended-wrapper .desktop-section-title h3,
.mobile-section-title h3,
.next-articles-title,
.single-widget-title {
    letter-spacing: 0.14em;
    font-size: 12px;
}

.desktop-recommended-wrapper .desktop-recommended-article-title {
    font-size: 22px;
    line-height: 1;
}

.mobile-article-header {
    border-radius: 0 0 10px 10px;
    background: linear-gradient(145deg, #08111d 0%, #101b2a 54%, #b62f15 145%);
}

.mobile-article-title {
    font-size: 30px;
    line-height: 0.96;
}

body.darkmode .article-header-meta,
body.darkmode .article-content,
body.darkmode .article-sidebar-card,
body.darkmode .desktop-recommended-wrapper,
body.darkmode .mobile-recommended-articles,
body.darkmode .image-caption {
    background: rgba(16, 26, 41, 0.96);
    border-color: rgba(148, 163, 184, 0.16);
    box-shadow: 0 20px 48px rgba(2, 6, 23, 0.32);
}

body.darkmode .article-transparency-note span,
body.darkmode .article-transparency-note a,
body.darkmode .article-author,
body.darkmode .article-date,
body.darkmode .mobile-article-author,
body.darkmode .mobile-article-date,
body.darkmode .article-topics-card .liner_tag,
body.darkmode .article-actions-card .copy-link {
    background: rgba(255, 125, 77, 0.08);
    color: #ffd8cb;
    border-color: rgba(255, 125, 77, 0.16);
}

@media (max-width: 991px) {
    .article-header-meta,
    .topics-sidebar,
    .article-sidebar-wrapper {
        width: 100%;
        flex-basis: auto;
        margin-left: 0;
    }

    .article-main-title {
        max-width: none;
    }

    .article-content {
        padding: 22px 20px;
    }
}

@media (max-width: 767px) {
    .article-content {
        padding: 20px 16px;
    }

    .mobile-article-title {
        font-size: 27px;
    }
}

/* Major Newsroom Article Override */
body.liner-redesign.single-linernews,
body.liner-redesign.single {
    background: linear-gradient(180deg, #f6f2eb 0%, #efe9e0 100%);
}

body.liner-redesign .single_news {
    position: relative;
}

body.liner-redesign .single_news > .container {
    width: min(calc(100vw - 56px), 1380px) !important;
    max-width: min(calc(100vw - 56px), 1380px) !important;
}

body.liner-redesign .article-header {
    margin-bottom: 18px;
}

body.liner-redesign .article-header .d-flex.flex-wrap {
    display: grid !important;
    grid-template-columns: minmax(260px, 320px) minmax(0, 1fr);
    gap: 28px;
    align-items: end;
}

body.liner-redesign .article-header-meta {
    padding: 22px 22px 18px;
    border: 1px solid rgba(15, 23, 42, 0.14);
    border-top: 5px solid #c81d25;
    border-radius: 0;
    background: rgba(255, 255, 255, 0.92);
    box-shadow: 0 18px 44px rgba(15, 23, 42, 0.07);
}

body.liner-redesign .breadcrumb {
    margin-bottom: 22px;
}

body.liner-redesign .breadcrumb-item,
body.liner-redesign .breadcrumb-item a {
    color: #5b6574;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

body.liner-redesign .breadcrumb-item + .breadcrumb-item::before {
    color: rgba(15, 23, 42, 0.34);
}

body.liner-redesign .article-meta-info {
    display: grid;
    gap: 10px;
}

body.liner-redesign .article-main-title {
    max-width: 13ch;
    margin: 0;
    color: #111827;
    font-family: "Arial Narrow", "Helvetica Neue", Arial, sans-serif;
    font-size: clamp(56px, 6.2vw, 98px) !important;
    font-weight: 900;
    line-height: 0.9;
    letter-spacing: -0.06em;
    text-wrap: balance;
}

body.liner-redesign .article-transparency-note {
    gap: 10px;
    margin: 0 0 20px;
}

body.liner-redesign .article-transparency-note span,
body.liner-redesign .article-transparency-note a,
body.liner-redesign .article-author,
body.liner-redesign .article-date,
body.liner-redesign .mobile-article-author,
body.liner-redesign .mobile-article-date {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    padding: 0 12px;
    border: 1px solid rgba(15, 23, 42, 0.12);
    border-radius: 0;
    background: rgba(255, 255, 255, 0.72);
    color: #334155;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

body.liner-redesign .page_banner {
    margin-bottom: 22px;
    border: 1px solid rgba(15, 23, 42, 0.14);
    border-bottom: 5px solid #c81d25;
    border-radius: 0;
    overflow: hidden;
    box-shadow: 0 20px 44px rgba(15, 23, 42, 0.08);
}

body.liner-redesign .page_banner img {
    width: 100%;
    aspect-ratio: 16 / 8.6;
    object-fit: cover;
}

body.liner-redesign .article-content-layout {
    display: grid;
    grid-template-columns: 210px minmax(0, 1fr) 310px;
    gap: 28px;
    align-items: start;
}

body.liner-redesign .topics-sidebar {
    width: auto;
    flex: initial;
}

body.liner-redesign .article-content {
    min-width: 0;
    padding: 34px 38px;
    border: 1px solid rgba(15, 23, 42, 0.14);
    border-radius: 0;
    background: rgba(255, 255, 255, 0.94);
    box-shadow: 0 18px 44px rgba(15, 23, 42, 0.07);
}

body.liner-redesign .article-excerpt {
    margin-bottom: 24px;
    padding-bottom: 22px;
    border-bottom: 1px solid rgba(15, 23, 42, 0.12);
}

body.liner-redesign .kivonat-p {
    max-width: 58ch;
    margin: 0;
    color: #334155;
    font-size: 22px;
    line-height: 1.65;
    font-weight: 500;
}

body.liner-redesign .article-textbody,
body.liner-redesign .article-content p,
body.liner-redesign .editor_content p {
    color: #1f2937;
    font-size: clamp(19px, 1.15vw, 21px);
    line-height: 1.95;
}

body.liner-redesign .article-content > p,
body.liner-redesign .article-textbody > p {
    max-width: 40em;
}

body.liner-redesign .article-textbody h2,
body.liner-redesign .article-textbody h3,
body.liner-redesign .editor_content h2,
body.liner-redesign .editor_content h3 {
    max-width: 16ch;
    margin-top: 1.8em;
    margin-bottom: 0.65em;
    color: #111827;
    font-family: "Arial Narrow", "Helvetica Neue", Arial, sans-serif;
    font-weight: 900;
    line-height: 0.94;
    letter-spacing: -0.05em;
}

body.liner-redesign .article-textbody h2,
body.liner-redesign .editor_content h2 {
    font-size: clamp(34px, 3vw, 52px);
}

body.liner-redesign .article-textbody h3,
body.liner-redesign .editor_content h3 {
    font-size: clamp(28px, 2.4vw, 40px);
}

body.liner-redesign .article-content blockquote {
    margin: 32px 0;
    padding: 22px 24px;
    border-left: 4px solid #c81d25;
    background: rgba(200, 29, 37, 0.05);
    color: #111827;
}

body.liner-redesign .article-content iframe,
body.liner-redesign .article-content video,
body.liner-redesign .article-content img {
    max-width: 100%;
    border-radius: 0;
}

body.liner-redesign .article-sidebar-wrapper {
    width: auto;
    flex: initial;
    margin-left: 0;
}

body.liner-redesign .article-sidebar-card,
body.liner-redesign .desktop-recommended-wrapper,
body.liner-redesign .mobile-recommended-articles,
body.liner-redesign .news_sidebar aside,
body.liner-redesign .single_widget {
    border: 1px solid rgba(15, 23, 42, 0.14);
    border-radius: 0;
    background: rgba(255, 255, 255, 0.92);
    box-shadow: 0 18px 44px rgba(15, 23, 42, 0.07);
}

body.liner-redesign .article-topics-card,
body.liner-redesign .article-actions-card,
body.liner-redesign .desktop-recommended-wrapper,
body.liner-redesign .news_sidebar aside {
    border-top: 4px solid #0f172a;
}

body.liner-redesign .next-articles-title,
body.liner-redesign .desktop-recommended-wrapper .desktop-section-title h3,
body.liner-redesign .mobile-section-title h3,
body.liner-redesign .single-widget-title {
    color: #111827;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

body.liner-redesign .article-topics-card .liner_tags {
    gap: 10px;
}

body.liner-redesign .article-topics-card .liner_tag {
    min-height: 36px;
    padding: 0 12px;
    border: 1px solid rgba(15, 23, 42, 0.1);
    border-radius: 0;
    background: rgba(15, 23, 42, 0.04);
    color: #c81d25;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

body.liner-redesign .article-actions-card .copy-link,
body.liner-redesign .article-actions-card .home-page-button {
    min-height: 46px;
    border-radius: 0;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

body.liner-redesign .article-actions-card .copy-link {
    border: 1px solid rgba(15, 23, 42, 0.14);
    background: #fff;
    color: #111827;
}

body.liner-redesign .article-actions-card .home-page-button {
    background: #0f172a;
    color: #fff;
}

body.liner-redesign .desktop-recommended-wrapper {
    padding: 18px;
}

body.liner-redesign .desktop-recommended-item {
    display: grid;
    gap: 14px;
}

body.liner-redesign .desktop-article-image img {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 10;
    object-fit: cover;
}

body.liner-redesign .desktop-recommended-article-title {
    display: block;
    color: #111827;
    font-family: "Arial Narrow", "Helvetica Neue", Arial, sans-serif;
    font-size: 31px;
    font-weight: 900;
    line-height: 0.94;
    letter-spacing: -0.05em;
}

body.liner-redesign .single_widget {
    padding: 16px 18px 8px;
}

body.liner-redesign .single_widget li,
body.liner-redesign .popular_sin {
    display: grid;
    grid-template-columns: 92px 1fr;
    gap: 14px;
    padding: 16px 0;
    border-bottom: 1px solid rgba(15, 23, 42, 0.1);
}

body.liner-redesign .single_widget .popular_img {
    width: 92px;
    height: 92px;
    border-radius: 0;
}

body.liner-redesign .soron-kivul-wrapper,
body.liner-redesign .video-continuation-message {
    margin: 30px 0 22px;
}

body.liner-redesign .ao-article-banner,
body.liner-redesign .continuation-text {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 0 16px;
    border: 1px solid rgba(15, 23, 42, 0.14);
    border-radius: 0;
    background: rgba(15, 23, 42, 0.03);
    color: #111827;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

body.liner-redesign .mobile-article-header {
    border: 1px solid rgba(15, 23, 42, 0.14);
    border-bottom: 4px solid #c81d25;
    border-radius: 0;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(243, 238, 230, 0.96) 100%);
    box-shadow: 0 18px 40px rgba(15, 23, 42, 0.08);
}

body.liner-redesign .mobile-article-title {
    color: #111827;
    font-family: "Arial Narrow", "Helvetica Neue", Arial, sans-serif;
    font-size: 34px;
    font-weight: 900;
    line-height: 0.92;
    letter-spacing: -0.05em;
}

body.liner-redesign .mobile-featured-image {
    border: 1px solid rgba(15, 23, 42, 0.14);
    border-top: 0;
}

body.darkmode.liner-redesign .article-header-meta,
body.darkmode.liner-redesign .page_banner,
body.darkmode.liner-redesign .article-content,
body.darkmode.liner-redesign .article-sidebar-card,
body.darkmode.liner-redesign .desktop-recommended-wrapper,
body.darkmode.liner-redesign .mobile-recommended-articles,
body.darkmode.liner-redesign .news_sidebar aside,
body.darkmode.liner-redesign .single_widget,
body.darkmode.liner-redesign .mobile-article-header,
body.darkmode.liner-redesign .mobile-featured-image {
    background: rgba(15, 23, 42, 0.92);
    border-color: rgba(226, 232, 240, 0.12);
    box-shadow: none;
}

body.darkmode.liner-redesign .article-main-title,
body.darkmode.liner-redesign .mobile-article-title,
body.darkmode.liner-redesign .article-textbody h2,
body.darkmode.liner-redesign .article-textbody h3,
body.darkmode.liner-redesign .editor_content h2,
body.darkmode.liner-redesign .editor_content h3,
body.darkmode.liner-redesign .desktop-recommended-article-title,
body.darkmode.liner-redesign .next-articles-title,
body.darkmode.liner-redesign .single-widget-title {
    color: #f8fafc;
}

body.darkmode.liner-redesign .article-textbody,
body.darkmode.liner-redesign .article-content p,
body.darkmode.liner-redesign .editor_content p,
body.darkmode.liner-redesign .kivonat-p,
body.darkmode.liner-redesign .breadcrumb-item,
body.darkmode.liner-redesign .breadcrumb-item a,
body.darkmode.liner-redesign .ao-article-banner,
body.darkmode.liner-redesign .continuation-text {
    color: #c8d0db;
}

body.darkmode.liner-redesign .article-transparency-note span,
body.darkmode.liner-redesign .article-transparency-note a,
body.darkmode.liner-redesign .article-author,
body.darkmode.liner-redesign .article-date,
body.darkmode.liner-redesign .mobile-article-author,
body.darkmode.liner-redesign .mobile-article-date,
body.darkmode.liner-redesign .article-topics-card .liner_tag,
body.darkmode.liner-redesign .article-actions-card .copy-link,
body.darkmode.liner-redesign .ao-article-banner,
body.darkmode.liner-redesign .continuation-text {
    background: rgba(255, 255, 255, 0.04);
    border-color: rgba(226, 232, 240, 0.12);
    color: #e2e8f0;
}

@media (max-width: 1199px) {
    body.liner-redesign .article-header .d-flex.flex-wrap {
        grid-template-columns: 280px minmax(0, 1fr);
    }

    body.liner-redesign .article-main-title {
        max-width: 14ch;
        font-size: clamp(46px, 5.4vw, 76px) !important;
    }

    body.liner-redesign .article-content-layout {
        grid-template-columns: 190px minmax(0, 1fr) 280px;
        gap: 22px;
    }

    body.liner-redesign .article-content {
        padding: 28px 28px;
    }
}

@media (max-width: 991px) {
    body.liner-redesign .single_news > .container {
        width: calc(100vw - 24px) !important;
        max-width: calc(100vw - 24px) !important;
    }

    body.liner-redesign .article-header .d-flex.flex-wrap,
    body.liner-redesign .article-content-layout {
        grid-template-columns: 1fr;
    }

    body.liner-redesign .article-main-title {
        max-width: none;
    }

    body.liner-redesign .topics-sidebar,
    body.liner-redesign .article-sidebar-wrapper {
        width: 100%;
        margin-left: 0;
    }

    body.liner-redesign .article-content {
        padding: 24px 22px;
    }
}

@media (max-width: 767px) {
    body.liner-redesign .article-content {
        padding: 22px 16px;
    }

    body.liner-redesign .kivonat-p {
        font-size: 19px;
    }

    body.liner-redesign .mobile-article-title {
        font-size: 30px;
    }

    body.liner-redesign .single_widget li,
    body.liner-redesign .popular_sin {
        grid-template-columns: 1fr;
    }

    body.liner-redesign .single_widget .popular_img {
        width: 100%;
        height: auto;
        aspect-ratio: 16 / 9;
    }
}