/* ==========================================================
   TÖRÉSVONALAK – INTELLIGENCE HUB THEME V4.1
   WordPress Twenty Sixteen
   TELJES CSEREKÓD – Additional CSS

   CÉL:
   - Intelligence Hub digitális arculat
   - nincs position:fixed dekoráció
   - nincs görgetéskor megmaradó fekete csík
   - Header V4 változatlan
   - Market & Security Monitor változatlan
   - bejegyzések eredeti szerkezete változatlan
   ========================================================== */


/* ==========================================================
   1. ARCULATI RENDSZER
   ========================================================== */

:root {
    --tv-bg-0: #03111d;
    --tv-bg-1: #061a2d;
    --tv-bg-2: #09283e;
    --tv-bg-3: #0d3652;

    --tv-panel-1: #0a263a;
    --tv-panel-2: #103a55;
    --tv-panel-3: #174f73;

    --tv-cyan: #67c8f2;
    --tv-cyan-light: #b1e9ff;
    --tv-cyan-soft: rgba(103,200,242,.16);
    --tv-cyan-line: rgba(103,200,242,.13);

    --tv-text: #eef7fb;
    --tv-text-soft: #d2e4ed;
    --tv-text-muted: #91adbc;

    --tv-red: #ff7272;
    --tv-amber: #f0c866;
    --tv-green: #6ddca0;

    --tv-shadow: 0 12px 30px rgba(0,8,18,.24);
}


/* ==========================================================
   2. OLDALHÁTTÉR
   NINCS FIX DEKORÁCIÓ
   ========================================================== */

html {
    min-height: 100%;
    background: #03111d;
}

body {
    position: relative;
    min-height: 100vh;

    color: var(--tv-text);

    background-color: #061a2d !important;

    background-image:

        /* felső cyan fény */
        radial-gradient(
            ellipse at 78% 2%,
            rgba(49,145,196,.17) 0%,
            rgba(49,145,196,.06) 25%,
            transparent 48%
        ),

        /* bal alsó fény */
        radial-gradient(
            ellipse at 5% 82%,
            rgba(31,105,151,.12) 0%,
            transparent 40%
        ),

        /* vízszintes digitális vonalak */
        repeating-linear-gradient(
            0deg,
            rgba(112,203,246,.015) 0,
            rgba(112,203,246,.015) 1px,
            transparent 1px,
            transparent 5px
        ),

        /* függőleges koordinátaháló */
        repeating-linear-gradient(
            90deg,
            rgba(103,200,242,.022) 0,
            rgba(103,200,242,.022) 1px,
            transparent 1px,
            transparent 72px
        ),

        /* vízszintes koordinátaháló */
        repeating-linear-gradient(
            0deg,
            rgba(103,200,242,.022) 0,
            rgba(103,200,242,.022) 1px,
            transparent 1px,
            transparent 72px
        ),

        linear-gradient(
            145deg,
            #03111d 0%,
            #061a2d 42%,
            #09283e 100%
        ) !important;

    background-repeat: no-repeat, no-repeat, repeat, repeat, repeat, no-repeat !important;
}


/* A korábbi pseudo-elemes fix hátterek teljes tiltása */

body::before,
body::after {
    content: none !important;
    display: none !important;
}


/* ==========================================================
   3. WORDPRESS OLDALKERET
   ========================================================== */

.site {
    position: relative;
    z-index: 1;

    overflow: visible;

    background:

        /* halvány felső digitális fény */
        radial-gradient(
            ellipse at 82% 0%,
            rgba(72,170,220,.10),
            transparent 34%
        ),

        /* finom belső háló */
        repeating-linear-gradient(
            90deg,
            rgba(105,199,240,.014) 0,
            rgba(105,199,240,.014) 1px,
            transparent 1px,
            transparent 86px
        ),

        linear-gradient(
            145deg,
            rgba(7,29,45,.98),
            rgba(11,43,63,.98) 55%,
            rgba(13,49,70,.97)
        ) !important;

    border:
        1px solid
        rgba(105,195,237,.11);

    box-shadow:
        0 18px 48px
        rgba(0,7,17,.30);
}

.site-content {
    position: relative;
    z-index: 1;

    background: transparent !important;
}


/* ==========================================================
   4. INTELLIGENCE HEADER KÖRNYEZETE
   ========================================================== */

.site-header {
    position: relative;

    padding-top: 10px !important;
    padding-bottom: 14px !important;

    background:

        repeating-linear-gradient(
            90deg,
            rgba(103,200,242,.025) 0,
            rgba(103,200,242,.025) 1px,
            transparent 1px,
            transparent 64px
        ),

        linear-gradient(
            180deg,
            rgba(4,20,34,.42),
            rgba(10,43,64,.13)
        ) !important;

    border-bottom:
        1px solid
        rgba(103,200,242,.12);
}

.site-header-main {
    display: block !important;
    margin: 0 !important;
}

.site-branding {
    display: none !important;
}

.site-header-menu {
    width: 100% !important;
    margin: 0 !important;
}


/* Régi CSS-es sarokiránytű teljes kikapcsolása */

.site-header::after,
.site-header::before {
    content: none !important;
    display: none !important;
}


/* ==========================================================
   5. FŐMENÜ
   ========================================================== */

.main-navigation {
    position: relative;

    width: 100% !important;
    box-sizing: border-box;

    padding: 6px 11px;

    background:

        linear-gradient(
            90deg,
            rgba(102,202,246,.04) 1px,
            transparent 1px
        ),

        linear-gradient(
            105deg,
            #0a2b43 0%,
            #12486b 56%,
            #195a7e 100%
        ) !important;

    background-size:
        42px 100%,
        100% 100% !important;

    border:
        1px solid
        rgba(112,201,244,.20);

    border-radius: 7px;

    box-shadow:
        0 6px 18px
        rgba(0,10,22,.18),
        inset 0 1px 0
        rgba(177,233,255,.05);
}


/* digitális felső vonal */

.main-navigation::before {
    content: "";

    position: absolute;

    top: 0;
    left: 20px;

    width: 95px;
    height: 1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            #67c8f2,
            transparent
        );

    opacity: .65;

    pointer-events: none;
}


.main-navigation ul {
    margin: 0;
    background: transparent !important;
}

.main-navigation li {
    border-color:
        rgba(151,213,244,.08);
}

.main-navigation a {
    color:
        rgba(245,250,253,.95) !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-weight: 600;

    text-decoration: none !important;

    text-shadow:
        0 1px 2px
        rgba(0,0,0,.28);

    transition:
        color .18s ease,
        background .18s ease;
}

.main-navigation a:hover,
.main-navigation a:focus {
    color: #ffffff !important;

    background:
        rgba(105,201,246,.09);
}

.main-navigation .current-menu-item > a,
.main-navigation .current_page_item > a,
.main-navigation .current-menu-ancestor > a {
    color:
        #c8efff !important;

    background:
        rgba(105,201,246,.12);
}


/* almenü */

.main-navigation ul ul {
    background:
        linear-gradient(
            145deg,
            #09263a,
            #124665
        ) !important;

    border:
        1px solid
        rgba(119,202,242,.20);

    box-shadow:
        0 12px 28px
        rgba(0,8,18,.36);
}

.main-navigation ul ul a {
    color: #edf8fd !important;
}

.main-navigation ul ul a:hover,
.main-navigation ul ul a:focus {
    color: #ffffff !important;

    background:
        rgba(105,201,246,.11);
}


/* mobil menü */

.menu-toggle {
    color: #ffffff !important;

    background:
        linear-gradient(
            135deg,
            #15567e,
            #287da8
        ) !important;

    border:
        1px solid
        rgba(255,255,255,.16);

    border-radius: 6px;

    font-weight: 700;
}


/* ==========================================================
   6. TARTALMI TERÜLET
   ========================================================== */

.content-area,
.site-main {
    position: relative;
    background: transparent !important;
}


/* ==========================================================
   7. BEJEGYZÉSEK
   ========================================================== */

.site-main article {
    position: relative;

    margin-bottom: 30px;
    padding: 23px 0 31px;

    background: transparent !important;

    border: 0 !important;

    border-bottom:
        1px solid
        rgba(128,203,240,.12) !important;

    border-radius: 0 !important;

    box-shadow: none !important;
}


/* digitális rövid elválasztó */

.site-main article::after {
    content: "";

    position: absolute;

    left: 0;
    bottom: -1px;

    width: 84px;
    height: 1px;

    background:
        linear-gradient(
            90deg,
            #67c8f2,
            rgba(103,200,242,.25),
            transparent
        );

    opacity: .65;

    pointer-events: none;
}

.site-main article:last-child {
    margin-bottom: 0;
}


/* ==========================================================
   8. CÍMEK
   ========================================================== */

.entry-title,
.entry-title a,
.page-title,
.comments-title {
    color: #f5f9fc !important;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    text-shadow:
        0 1px 3px
        rgba(0,0,0,.32);
}

.entry-title a {
    text-decoration: none !important;
}

.entry-title a:hover,
.entry-title a:focus {
    color:
        var(--tv-cyan-light) !important;
}

.entry-content > h1,
.entry-content > h2,
.entry-content > h3,
.entry-content > h4,
.entry-content > h5,
.entry-content > h6 {
    color: #f3f8fb;
}


/* H2 – finom Intelligence jelölés */

.single-post .entry-content > h2 {
    position: relative;

    padding-left: 14px;
}

.single-post .entry-content > h2::before {
    content: "";

    position: absolute;

    left: 0;
    top: .22em;

    width: 3px;
    height: .9em;

    background:
        linear-gradient(
            180deg,
            #82d9ff,
            #3189b6
        );

    box-shadow:
        0 0 8px
        rgba(103,200,242,.26);
}


/* ==========================================================
   9. SZÖVEG
   ========================================================== */

.entry-content,
.entry-summary,
.comment-content {
    color:
        rgba(239,247,251,.91);
}

.entry-content > p,
.entry-summary > p,
.comment-content > p,
.entry-content > ul,
.entry-content > ol,
.entry-summary > ul,
.entry-summary > ol {
    color:
        rgba(239,247,251,.91);
}

.single-post .entry-content p,
.single-post article p {
    color:
        rgba(242,248,252,.94) !important;

    text-align: justify !important;
}

.single-post .entry-content li,
.single-post article li {
    color:
        rgba(242,248,252,.94) !important;
}

.entry-content strong,
.entry-summary strong,
.entry-content em,
.entry-summary em {
    color: inherit;
}


/* ==========================================================
   10. LINKEK
   ========================================================== */

.entry-content > p a,
.entry-content > ul a,
.entry-content > ol a,
.entry-summary > p a,
.entry-summary > ul a,
.entry-summary > ol a,
.single-post .entry-content a {
    color: #79cdf3 !important;

    text-decoration-color:
        rgba(121,205,243,.42);
}

.entry-content a:hover,
.entry-content a:focus {
    color: #c6efff !important;
}


/* ==========================================================
   11. METAADATOK
   ========================================================== */

.entry-meta,
.entry-meta a,
.entry-footer,
.entry-footer a,
.posted-on,
.byline,
.cat-links,
.tags-links,
.comments-link {
    color:
        rgba(191,215,228,.67) !important;
}

.entry-meta a:hover,
.entry-footer a:hover {
    color:
        var(--tv-cyan-light) !important;
}


/* ==========================================================
   12. KÉPEK
   ========================================================== */

.post-thumbnail img,
.entry-content img,
.entry-summary img {
    max-width: 100%;
    height: auto;

    border-radius: 5px;

    box-shadow:
        0 7px 20px
        rgba(0,8,18,.20);
}

.post-thumbnail a {
    display: block;
}

.entry-content iframe,
.widget iframe,
.entry-content video {
    max-width: 100%;

    border:
        1px solid
        rgba(112,195,236,.13);

    border-radius: 5px;
}


/* ==========================================================
   13. IDÉZET
   ========================================================== */

.entry-content > blockquote,
.entry-content > .wp-block-quote {
    margin-top: 24px;
    margin-bottom: 24px;

    padding: 16px 19px;

    background:
        linear-gradient(
            90deg,
            rgba(15,60,86,.56),
            rgba(8,37,56,.32)
        );

    border-left:
        3px solid #58add8;

    border-radius:
        0 5px 5px 0;
}

.entry-content > blockquote,
.entry-content > blockquote p,
.entry-content > .wp-block-quote,
.entry-content > .wp-block-quote p {
    color:
        rgba(241,248,252,.93) !important;
}

.entry-content blockquote cite {
    color:
        var(--tv-text-muted);
}


/* ==========================================================
   14. TÁBLÁZATOK
   ========================================================== */

.entry-content > table,
.entry-content > .wp-block-table > table {
    width: 100%;

    color:
        rgba(239,247,251,.92);

    background:
        rgba(5,29,45,.44);

    border-collapse: collapse;
}

.entry-content > table th,
.entry-content > .wp-block-table > table th {
    color: #ffffff;

    background:
        rgba(29,91,126,.84);
}

.entry-content > table td,
.entry-content > .wp-block-table > table td {
    color:
        rgba(239,247,251,.92);
}

.entry-content > table th,
.entry-content > table td,
.entry-content > .wp-block-table > table th,
.entry-content > .wp-block-table > table td {
    border-color:
        rgba(132,205,241,.13);
}


/* ==========================================================
   15. VILÁGOS GUTENBERG BLOKKOK
   ========================================================== */

.entry-content .has-background:not(.has-text-color) {
    color: #263b49;
}

.entry-content .has-background:not(.has-text-color) h1,
.entry-content .has-background:not(.has-text-color) h2,
.entry-content .has-background:not(.has-text-color) h3,
.entry-content .has-background:not(.has-text-color) h4,
.entry-content .has-background:not(.has-text-color) h5,
.entry-content .has-background:not(.has-text-color) h6 {
    color: #173246;
}

.entry-content .has-background:not(.has-text-color) a {
    color: #176d98 !important;
}


/* világos egyedi HTML panelek */

.entry-content [style*="background:#fff"],
.entry-content [style*="background: #fff"],
.entry-content [style*="background-color:#fff"],
.entry-content [style*="background-color: #fff"],
.entry-content [style*="background:white"],
.entry-content [style*="background: white"],
.entry-content [style*="background-color:white"],
.entry-content [style*="background-color: white"],
.entry-content [style*="background:#f4"],
.entry-content [style*="background: #f4"],
.entry-content [style*="background:#f5"],
.entry-content [style*="background: #f5"],
.entry-content [style*="background:#f6"],
.entry-content [style*="background: #f6"],
.entry-content [style*="background:#f7"],
.entry-content [style*="background: #f7"],
.entry-content [style*="background:#f8"],
.entry-content [style*="background: #f8"],
.entry-content [style*="background:#f9"],
.entry-content [style*="background: #f9"] {
    color: #263b49;
}


/* ==========================================================
   16. SIDEBAR – INTELLIGENCE PANELS
   ========================================================== */

#secondary .widget,
.sidebar .widget {
    position: relative;

    margin-bottom: 22px;
    padding: 15px;

    overflow: hidden;

    color:
        rgba(240,248,252,.92);

    background:

        linear-gradient(
            90deg,
            rgba(103,200,242,.025) 1px,
            transparent 1px
        ),

        radial-gradient(
            circle at 100% 0%,
            rgba(79,171,218,.14),
            transparent 34%
        ),

        linear-gradient(
            145deg,
            rgba(11,43,64,.98),
            rgba(19,69,96,.96)
        ) !important;

    background-size:
        38px 100%,
        100% 100%,
        100% 100% !important;

    border:
        1px solid
        rgba(124,204,243,.16) !important;

    border-radius: 7px !important;

    box-shadow:
        0 7px 20px
        rgba(0,8,18,.18) !important;
}


/* digitális sarok */

#secondary .widget::before,
.sidebar .widget::before {
    content: "";

    position: absolute;

    right: 8px;
    bottom: 8px;

    width: 18px;
    height: 18px;

    border-right:
        1px solid
        rgba(103,200,242,.28);

    border-bottom:
        1px solid
        rgba(103,200,242,.28);

    pointer-events: none;
}


/* régi widget dekoráció tiltása */

#secondary .widget::after,
.sidebar .widget::after {
    content: none !important;
}


/* Widget fejléc */

#secondary .widget-title,
#secondary .widget > h2,
#secondary .widget > h3,
#secondary .widget .wp-block-heading,
.sidebar .widget-title {
    position: relative;

    margin:
        -15px -15px 14px !important;

    padding:
        12px 15px 11px !important;

    color: #ffffff !important;

    background:
        linear-gradient(
            105deg,
            rgba(15,59,84,.98),
            rgba(34,105,143,.94)
        ) !important;

    border: 0 !important;

    border-bottom:
        1px solid
        rgba(132,207,243,.18) !important;

    border-radius:
        6px 6px 0 0 !important;

    font-family:
        Georgia,
        "Times New Roman",
        serif !important;

    font-size: 20px !important;
    font-weight: 700 !important;

    line-height: 1.15 !important;

    text-transform: none !important;

    box-shadow: none !important;
}


/* fejléc cyan jelölés */

#secondary .widget-title::before,
#secondary .widget > h2::before,
#secondary .widget > h3::before,
#secondary .widget .wp-block-heading::before {
    content: "";

    display: inline-block;

    width: 5px;
    height: 5px;

    margin-right: 8px;
    margin-bottom: 3px;

    background: #72d2ff;

    border-radius: 50%;

    box-shadow:
        0 0 7px
        rgba(114,210,255,.65);
}


#secondary .widget,
#secondary .widget p,
#secondary .widget li,
#secondary .widget label,
.sidebar .widget,
.sidebar .widget p,
.sidebar .widget li,
.sidebar .widget label {
    color:
        rgba(238,247,251,.90);
}

#secondary .widget a,
.sidebar .widget a {
    color: #d9f1fc;
}

#secondary .widget a:hover,
.sidebar .widget a:hover {
    color: #ffffff;
}


/* ==========================================================
   17. LEGUTÓBBI BEJEGYZÉSEK
   ========================================================== */

#secondary .wp-block-latest-posts {
    margin: 0 !important;
    padding: 0 !important;

    list-style: none;
}

#secondary .wp-block-latest-posts li {
    padding: 11px 0;

    border-bottom:
        1px solid
        rgba(144,210,242,.12);
}

#secondary .wp-block-latest-posts li:last-child {
    border-bottom: 0;
}

#secondary .wp-block-latest-posts a {
    color: #eef8fd !important;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 15px;
    line-height: 1.38;

    text-decoration: none;
}

#secondary .wp-block-latest-posts a:hover {
    color:
        var(--tv-cyan-light) !important;
}

#secondary
.wp-block-latest-posts__featured-image
img {
    border-radius: 5px;

    box-shadow:
        0 4px 12px
        rgba(0,8,18,.22);
}


/* ==========================================================
   18. MAILPOET
   ========================================================== */

.widget_mailpoet_form {
    color:
        rgba(238,247,251,.90);
}

.widget_mailpoet_form p {
    color:
        rgba(216,233,242,.82) !important;

    font-size: 11px !important;
    line-height: 1.45;
}

.widget_mailpoet_form input[type="email"] {
    width: 100%;
    box-sizing: border-box;

    padding: 8px 9px;

    color: #173246;

    background:
        rgba(255,255,255,.96);

    border:
        1px solid
        rgba(115,190,228,.38);

    border-radius: 5px;
}

.widget_mailpoet_form input[type="submit"],
.widget_mailpoet_form button {
    width: 100%;

    color: #ffffff !important;

    background:
        linear-gradient(
            135deg,
            #1e6b95,
            #3692bd
        ) !important;

    border: 0;

    border-radius: 5px;

    font-weight: 700;
}


/* ==========================================================
   19. TRADINGVIEW – VÉDETT
   ========================================================== */

#secondary
.widget:has(.tradingview-widget-container) {
    overflow: hidden !important;
}

#secondary
.widget:has(.tradingview-widget-container)
.tradingview-widget-container {
    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
}


/* ==========================================================
   20. IRANSTRIKE – VÉDETT
   ========================================================== */

#iranstrike-live-widget {
    padding: 0 !important;
}

#iranstrike-live-widget,
#iranstrike-live-widget .is-widget {
    background: initial;
}

#iranstrike-live-widget .is-widget-title {
    margin: 0 !important;
    padding: 0 !important;

    color: #ffffff !important;

    background: transparent !important;

    border: 0 !important;
    border-radius: 0 !important;

    box-shadow: none !important;

    font-size: 19px !important;
}


/* ==========================================================
   21. ŰRLAPOK
   ========================================================== */

.widget input[type="text"],
.widget input[type="email"],
.widget input[type="search"],
.widget input[type="url"],
.widget input[type="password"],
.widget textarea,
.widget select {
    color: #263b49;

    background:
        rgba(255,255,255,.96);

    border:
        1px solid
        rgba(110,177,211,.38);

    border-radius: 5px;
}

.widget input::placeholder,
.widget textarea::placeholder {
    color: #728694;
}


/* ==========================================================
   22. GOMBOK
   ========================================================== */

button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.wp-block-button__link,
.more-link {
    color: #ffffff !important;

    background:
        linear-gradient(
            135deg,
            #1e668f,
            #338db8
        ) !important;

    border:
        1px solid
        rgba(255,255,255,.13);

    border-radius: 5px;

    box-shadow:
        0 4px 12px
        rgba(0,10,22,.16);

    transition:
        background .18s ease,
        transform .18s ease;
}

button:hover,
button:focus,
input[type="button"]:hover,
input[type="submit"]:hover,
.wp-block-button__link:hover,
.more-link:hover {
    color: #ffffff !important;

    background:
        linear-gradient(
            135deg,
            #287da8,
            #49a7d1
        ) !important;
}


/* ==========================================================
   23. ELVÁLASZTÓK
   ========================================================== */

hr,
.wp-block-separator {
    height: 1px;

    border: 0;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(114,204,247,.36),
            transparent
        );
}


/* ==========================================================
   24. LAPOZÁS
   ========================================================== */

.pagination {
    border-color:
        rgba(130,205,241,.13);
}

.pagination::before,
.pagination::after {
    background:
        rgba(130,205,241,.14);
}

.pagination a,
.pagination .page-numbers {
    color: #d9edf7;
}

.pagination a:hover,
.pagination a:focus,
.pagination .current {
    color: #ffffff;

    background:
        rgba(61,143,187,.28);
}


/* ==========================================================
   25. LÁBLÉC
   ========================================================== */

.site-footer {
    position: relative !important;
    clear: both !important;

    width: auto !important;

    margin-top: 32px;

    padding-top: 22px;
    padding-bottom: 22px;

    background:

        repeating-linear-gradient(
            90deg,
            rgba(103,200,242,.015) 0,
            rgba(103,200,242,.015) 1px,
            transparent 1px,
            transparent 64px
        ),

        linear-gradient(
            180deg,
            rgba(5,23,36,.86),
            rgba(3,16,27,.97)
        ) !important;

    border-top:
        1px solid
        rgba(112,195,236,.12);
}

.site-info {
    position: relative !important;
    float: none !important;

    width: 100% !important;
}

.site-footer,
.site-footer p,
.site-footer a,
.site-info,
.site-info a {
    color:
        rgba(203,225,236,.69) !important;
}

.site-footer a:hover,
.site-info a:hover {
    color: #c2efff !important;
}


/* ==========================================================
   26. FORRÁSOK / LÁBJEGYZET
   ========================================================== */

.single-post .forrasok,
.single-post .forrasok p,
.single-post .forrasok li,
.single-post .labjegyzet,
.single-post .labjegyzet p,
.single-post .labjegyzet li {
    color:
        rgba(224,237,244,.90) !important;

    font-size: .875rem !important;
    line-height: 1.6 !important;

    text-align: left !important;
}


/* ==========================================================
   27. KÓD
   ========================================================== */

.entry-content pre {
    max-width: 100%;
    overflow-x: auto;

    color: #d9f2ff;

    background:
        rgba(3,22,34,.76);

    border:
        1px solid
        rgba(105,190,235,.15);

    border-radius: 5px;
}


/* ==========================================================
   28. KIJELÖLÉS / FÓKUSZ
   ========================================================== */

::selection {
    color: #ffffff;

    background:
        rgba(43,128,174,.88);
}

a:focus,
button:focus,
input:focus,
textarea:focus,
select:focus {
    outline:
        2px solid
        rgba(111,205,248,.72);

    outline-offset: 2px;
}


/* ==========================================================
   29. HOSSZÚ SZAVAK
   ========================================================== */

.entry-content,
.entry-summary,
.sidebar,
.widget,
.main-navigation {
    overflow-wrap: break-word;
}


/* ==========================================================
   30. TABLET
   ========================================================== */

@media screen and (max-width: 910px) {

    body {
        background-attachment:
            scroll !important;
    }

    .site-header {
        padding-top: 8px !important;
        padding-bottom: 12px !important;
    }

    .main-navigation {
        padding: 5px 8px;
    }

    .site-main article {
        padding-top: 20px;
        padding-bottom: 27px;

        margin-bottom: 25px;
    }

    #secondary .widget,
    .sidebar .widget {
        padding: 14px;

        margin-bottom: 20px;
    }

    #secondary .widget-title,
    #secondary .widget > h2,
    #secondary .widget > h3,
    #secondary .widget .wp-block-heading,
    .sidebar .widget-title {
        margin:
            -14px -14px 13px !important;

        padding:
            11px 14px !important;

        font-size:
            19px !important;
    }
}


/* ==========================================================
   31. MOBIL
   ========================================================== */

@media screen and (max-width: 768px) {

    body {
        background-image:

            repeating-linear-gradient(
                0deg,
                rgba(103,200,242,.012) 0,
                rgba(103,200,242,.012) 1px,
                transparent 1px,
                transparent 54px
            ),

            linear-gradient(
                160deg,
                #03111d,
                #08283d
            ) !important;

        background-repeat:
            repeat,
            no-repeat !important;
    }

    .site {
        border-left: 0;
        border-right: 0;
    }

    .site-header {
        padding-top: 7px !important;
        padding-bottom: 10px !important;
    }

    .site-header-menu {
        margin-top: 0 !important;
    }

    .main-navigation {
        padding: 4px 7px;

        border-radius: 6px;
    }

    .main-navigation::before {
        width: 60px;
    }

    .main-navigation ul ul {
        background:
            rgba(6,38,58,.97) !important;

        box-shadow: none;
    }

    .site-main article {
        padding:
            18px 0 24px;

        margin-bottom: 23px;
    }

    #secondary .widget,
    .sidebar .widget {
        padding: 13px;

        margin-bottom: 18px;

        border-radius:
            6px !important;
    }

    #secondary .widget-title,
    #secondary .widget > h2,
    #secondary .widget > h3,
    #secondary .widget .wp-block-heading,
    .sidebar .widget-title {
        margin:
            -13px -13px 12px !important;

        padding:
            11px 13px !important;

        font-size:
            18px !important;
    }

    .entry-content > blockquote,
    .entry-content > .wp-block-quote {
        padding:
            14px 16px;
    }
}


/* ==========================================================
   32. KESKENY MOBIL
   ========================================================== */

@media screen and (max-width: 480px) {

    body {
        background:
            linear-gradient(
                160deg,
                #03111d,
                #08283d
            ) !important;
    }

    .entry-title {
        overflow-wrap: anywhere;
    }

    .entry-content > table,
    .entry-content > .wp-block-table {
        display: block;

        max-width: 100%;

        overflow-x: auto;
    }

    .single-post .entry-content p,
    .single-post article p {
        text-align: left !important;
    }
}


/* ==========================================================
   33. BIZTONSÁGI SZABÁLY – FIX DEKORÁCIÓ TILTÁSA

   Ez akadályozza meg, hogy a CSS-ből újra
   görgetéskor ott maradó sáv/réteg keletkezzen.
   ========================================================== */

body::before,
body::after,
.site-header::before,
.site-header::after {
    position: static !important;
}


/* ==========================================================
   34. CSÖKKENTETT MOZGÁS
   ========================================================== */

@media (prefers-reduced-motion: reduce) {

    *,
    *::before,
    *::after {
        scroll-behavior:
            auto !important;

        transition-duration:
            .01ms !important;

        animation-duration:
            .01ms !important;

        animation-iteration-count:
            1 !important;
    }
}



/* =========================================================
   TÖRÉSVONALAK – DIGITAL GEO BACKGROUND TEST V1
   Európa–MENA intelligence háttér
   ========================================================= */

/* A fő Twenty Sixteen oldal lesz a térképes vizuális tér */
body.home .site {
    position: relative !important;
    isolation: isolate !important;
    overflow: hidden !important;

    background:
        radial-gradient(
            ellipse at 70% 28%,
            rgba(24, 126, 181, 0.12) 0%,
            rgba(7, 45, 70, 0.04) 38%,
            transparent 67%
        ),
        linear-gradient(
            180deg,
            #061a2a 0%,
            #051725 48%,
            #04131f 100%
        ) !important;
}


/* =========================================================
   1. DIGITÁLIS EURÓPA–MENA TÉRKÉP
   ========================================================= */

body.home .site::before {
    content: "" !important;

    position: absolute !important;
    z-index: -2 !important;

    top: 0 !important;
    left: 0 !important;
    right: 0 !important;

    width: 100% !important;
    height: 1250px !important;

    display: block !important;

    opacity: 0.32 !important;

    background-image:

        /* Fényes geopolitikai hotspotok */
        radial-gradient(
            circle at 61% 23%,
            rgba(255, 103, 72, 0.90) 0 2px,
            rgba(255, 103, 72, 0.36) 3px 7px,
            transparent 14px
        ),

        radial-gradient(
            circle at 66% 42%,
            rgba(255, 135, 74, 0.88) 0 2px,
            rgba(255, 111, 64, 0.30) 3px 8px,
            transparent 15px
        ),

        radial-gradient(
            circle at 52% 32%,
            rgba(88, 204, 255, 0.90) 0 2px,
            rgba(55, 170, 225, 0.28) 3px 8px,
            transparent 15px
        ),

        radial-gradient(
            circle at 46% 21%,
            rgba(83, 205, 255, 0.85) 0 2px,
            rgba(50, 164, 219, 0.25) 3px 7px,
            transparent 14px
        ),

        radial-gradient(
            circle at 57% 52%,
            rgba(91, 205, 255, 0.78) 0 2px,
            rgba(46, 159, 212, 0.22) 3px 7px,
            transparent 13px
        ),

        /* Nagy technikai fényfolt */
        radial-gradient(
            ellipse at 59% 34%,
            rgba(26, 133, 188, 0.17) 0%,
            rgba(16, 86, 126, 0.07) 29%,
            transparent 61%
        ),

        /* koordinátaháló */
        repeating-linear-gradient(
            90deg,
            rgba(79, 181, 226, 0.055) 0,
            rgba(79, 181, 226, 0.055) 1px,
            transparent 1px,
            transparent 72px
        ),

        repeating-linear-gradient(
            0deg,
            rgba(79, 181, 226, 0.05) 0,
            rgba(79, 181, 226, 0.05) 1px,
            transparent 1px,
            transparent 72px
        ) !important;

    pointer-events: none !important;
}


/* =========================================================
   2. EURÓPA–MENA TÉRKÉP SZILUETT – INLINE SVG
   ========================================================= */

body.home .site::after {
    content: "" !important;

    position: absolute !important;
    z-index: -1 !important;

    top: 55px !important;
    left: 50% !important;

    transform: translateX(-50%) !important;

    width: 1380px !important;
    max-width: 96% !important;
    height: 1080px !important;

    display: block !important;

    opacity: 0.22 !important;

    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 760'%3E%3Cg fill='none' stroke='%2355bce8' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round' opacity='.85'%3E%3Cpath d='M145 155 L195 116 L260 102 L313 125 L360 112 L411 139 L458 126 L514 145 L560 134 L612 155 L665 147 L712 176 L760 169 L817 196 L857 228 L902 242 L942 279 L977 322 L958 350 L906 347 L874 373 L836 365 L801 390 L760 382 L731 410 L686 397 L653 421 L610 407 L579 430 L537 417 L504 440 L461 426 L421 444 L380 429 L343 451 L305 433 L264 443 L229 418 L193 422 L164 394 L126 387 L108 351 L123 315 L104 282 L124 248 L113 210 Z'/%3E%3Cpath d='M357 445 L386 478 L415 512 L452 540 L483 580 L510 621 L548 655 L588 668 L625 650 L650 612 L678 584 L704 547 L732 515 L760 480 L781 439'/%3E%3Cpath d='M510 438 L529 475 L555 500 L577 538 L601 570'/%3E%3Cpath d='M651 420 L675 451 L705 467 L735 492'/%3E%3Cpath d='M735 394 L773 416 L809 425 L850 447 L895 452 L936 472'/%3E%3Cpath d='M906 347 L940 369 L970 401 L1005 420'/%3E%3Cpath d='M230 418 L210 459 L185 497 L168 535 L143 570'/%3E%3Cpath d='M380 429 L366 470 L374 510 L394 546'/%3E%3C/g%3E%3Cg fill='%2358c4f1'%3E%3Ccircle cx='458' cy='272' r='3'/%3E%3Ccircle cx='560' cy='238' r='3'/%3E%3Ccircle cx='646' cy='326' r='3'/%3E%3Ccircle cx='712' cy='401' r='3'/%3E%3Ccircle cx='598' cy='470' r='3'/%3E%3Ccircle cx='780' cy='455' r='3'/%3E%3C/g%3E%3Cg stroke='%2358c4f1' fill='none' opacity='.55'%3E%3Cpath d='M458 272 Q550 190 646 326'/%3E%3Cpath d='M560 238 Q690 270 712 401'/%3E%3Cpath d='M646 326 Q620 400 598 470'/%3E%3Cpath d='M712 401 Q755 420 780 455'/%3E%3Cpath d='M458 272 Q530 390 598 470'/%3E%3C/g%3E%3C/svg%3E") !important;

    background-position: center top !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;

    filter:
        drop-shadow(0 0 12px rgba(62, 179, 232, 0.18))
        drop-shadow(0 0 30px rgba(34, 125, 177, 0.10)) !important;

    pointer-events: none !important;
}


/* =========================================================
   3. MENÜ – ÁTTETSZŐ INTELLIGENCE PANEL
   ========================================================= */

body.home .site-header {
    position: relative !important;
    z-index: 5 !important;

    background:
        linear-gradient(
            135deg,
            rgba(7, 38, 59, 0.91),
            rgba(13, 79, 116, 0.86)
        ) !important;

    border: 1px solid rgba(100, 195, 238, 0.28) !important;

    box-shadow:
        0 10px 28px rgba(0, 8, 16, 0.20),
        inset 0 1px 0 rgba(255,255,255,0.035) !important;
}


/* maga a kék menü enyhén áttetsző */
body.home .main-navigation {
    background:
        linear-gradient(
            110deg,
            rgba(7, 48, 74, 0.90),
            rgba(20, 105, 151, 0.82)
        ) !important;

    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
}


/* =========================================================
   4. MARKET MONITOR – A TÉRKÉP FINOMAN ÁTLÁTSZIK
   ========================================================= */

body.home #tv-intelligence-monitor {
    position: relative !important;
    z-index: 5 !important;

    background:
        radial-gradient(
            circle at 78% 8%,
            rgba(51, 166, 216, 0.14),
            transparent 35%
        ),
        linear-gradient(
            135deg,
            rgba(5, 36, 54, 0.94),
            rgba(7, 48, 70, 0.91)
        ) !important;

    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);

    border-color: rgba(91, 194, 239, 0.32) !important;
}


/* =========================================================
   5. TARTALMI RÉSZ – NEM FEKETE TÖMB
   ========================================================= */

body.home .site-content {
    position: relative !important;
    z-index: 4 !important;

    background:
        linear-gradient(
            180deg,
            rgba(5, 25, 39, 0.78),
            rgba(5, 24, 37, 0.90)
        ) !important;

    border-left:
        1px solid rgba(82, 176, 218, 0.13) !important;

    border-right:
        1px solid rgba(82, 176, 218, 0.13) !important;
}


/* A bejegyzések maradjanak jól olvashatók */
body.home .site-main article {
    position: relative !important;

    background:
        linear-gradient(
            90deg,
            rgba(4, 22, 34, 0.38),
            rgba(7, 35, 52, 0.23),
            rgba(4, 22, 34, 0.38)
        ) !important;
}


/* =========================================================
   6. FINOM TECHNIKAI FÉNYVONALAK
   ========================================================= */

body.home .site-content::before {
    content: "" !important;

    position: absolute !important;
    z-index: -1 !important;

    top: 0 !important;
    left: 3% !important;

    width: 94% !important;
    height: 1px !important;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(85, 195, 239, 0.50),
            transparent
        ) !important;

    box-shadow:
        0 280px 0 rgba(70, 174, 220, 0.08),
        0 560px 0 rgba(70, 174, 220, 0.06),
        0 840px 0 rgba(70, 174, 220, 0.05) !important;

    pointer-events: none !important;
}


/* =========================================================
   7. MOBIL / TABLET
   ========================================================= */

@media screen and (max-width: 900px) {

    body.home .site::after {
        width: 1100px !important;
        max-width: none !important;

        left: 58% !important;

        opacity: 0.16 !important;
    }

}


@media screen and (max-width: 650px) {

    body.home .site::before {
        height: 900px !important;
        opacity: 0.22 !important;
    }

    body.home .site::after {
        top: 40px !important;
        left: 64% !important;

        width: 900px !important;
        height: 750px !important;

        opacity: 0.12 !important;
    }

    body.home .main-navigation,
    body.home #tv-intelligence-monitor {
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
    }

}


/* =========================================================
   8. BIZTONSÁG – SEMMI NEM FIX
   ========================================================= */

body.home .site::before,
body.home .site::after,
body.home .site-content::before {
    position: absolute !important;
}



/* =========================================================
   TÖRÉSVONALAK – V1.1 FEHÉR TARTALMI PANELEK JAVÍTÁSA
   ========================================================= */

/* A normál cikk ne kényszerítsen hátteret a saját
   világos HTML/Gutenberg blokkjaira */
body.home .site-main article {
    background: transparent !important;
}

/* Világos Gutenberg blokkok maradjanak valóban világosak */
body.home .entry-content .has-white-background-color {
    background-color: #ffffff !important;
    opacity: 1 !important;
}

/* Inline fehér/világos hátterű saját panelek védelme */
body.home .entry-content [style*="background:#fff"],
body.home .entry-content [style*="background: #fff"],
body.home .entry-content [style*="background:#ffffff"],
body.home .entry-content [style*="background: #ffffff"],
body.home .entry-content [style*="background-color:#fff"],
body.home .entry-content [style*="background-color: #fff"],
body.home .entry-content [style*="background-color:#ffffff"],
body.home .entry-content [style*="background-color: #ffffff"] {
    opacity: 1 !important;
    background-color: #ffffff !important;
}