/* Article paywall: keep normal flow, but isolate payment width from article typography. */
.adv-article-paywall {
    --adv-paywall-bg: #fff;
    --adv-paywall-text: #29262f;
    --adv-paywall-muted: #665f70;
    --adv-paywall-rule: #b9a9ca;
    --adv-paywall-fade: #e9e5ed;
    position: relative;
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    margin: 16px 0 0;
    padding: 64px 0 0;
    background: transparent;
    color: var(--adv-paywall-text);
    font-family: 'Source Sans 3', 'rnd', Arial, sans-serif;
    text-align: left;
    hyphens: none;
	    margin-top: -50px;
}

/* The tiny layout helper supplies the usable viewport width, excluding scrollbars.
 * The parent stays in normal flow and keeps its article-column width and height.
 * Before JS loads, 100% remains a safe, contained fallback.
 */
.adv-article-paywall .coverAndOgrada {
    position: relative;
    box-sizing: border-box;
    left: var(--adv-paywall-left, 0px);
    width: var(--adv-paywall-width, 100%);
    max-width: none;
    min-width: 0;
    height: auto;
    margin: 0;
    transform: none;
    background: var(--adv-paywall-bg);
    pointer-events: auto;
}

/* A subtle fade makes the white teeth visible on white article backgrounds too. */
.adv-article-paywall .coverAndOgrada::before {
    content: "";
    display: block;
    position: absolute;
    top: -64px;
    bottom: auto;
    left: 0;
    width: 100%;
    height: 64px;
    transform: none;
    background: linear-gradient(to bottom, transparent, var(--adv-paywall-fade));
    pointer-events: none;
    z-index: 0;
}

.adv-article-paywall .coverAndOgrada::after {
    content: "";
    display: block;
    position: absolute;
    top: -31px;
    bottom: auto;
    left: 0;
    width: 100%;
    height: 32px;
    background: linear-gradient(-45deg, var(--adv-paywall-bg) 16px, transparent 0),
        linear-gradient(45deg, var(--adv-paywall-bg) 16px, transparent 0);
    background-repeat: repeat-x;
    background-size: 32px 32px;
    pointer-events: none;
    z-index: 1;
}

.adv-article-paywall .whiteExtendToBottom {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    max-width: none;
    min-width: 0;
    margin: 0;
    background: var(--adv-paywall-bg);
    box-shadow: none;
    clip-path: none;
}

.adv-article-paywall .whiteExtendToBottom > .pretplataCallInfo {
    box-sizing: border-box;
    width: 100%;
    max-width: 1200px;
    min-width: 0;
    margin: 0 auto;
    padding: 42px 24px 48px;
}

.adv-article-paywall .in-article-v2-intro {
    width: 100%;
    max-width: 920px;
    min-width: 0;
    margin-left: auto;
    margin-right: auto;
}
.adv-article-paywall .iav2-shell { min-width: 0; }
.adv-article-paywall .iav2-plan { min-width: 0; }
.adv-article-paywall .pv2-reading-value[data-source="article"] {
    width: 100%;
    max-width: none;
    min-width: 0;
}
/* Article presets (500/700px paragraphs, justification and hyphenation) stop here. */
.adv-article-paywall .pv2-reading-value[data-source="article"] p {
    width: auto !important;
    max-width: none !important;
    text-align: left;
    hyphens: none;
}

.adv-article-paywall .adv-paywall-teasers {
    box-sizing: border-box;
    width: 100%;
    max-width: 550px;
    margin: 0 auto 38px;
    padding: 0 0 0 21px;
    border-left: 2px solid var(--adv-paywall-rule);
    background: transparent;
    text-align: left;
    overflow-wrap: anywhere;
}

.adv-article-paywall .adv-paywall-teasers-heading {
    max-width: none;
    margin: 0 0 13px;
    padding: 0;
    color: var(--adv-paywall-text);
    font: 600 21px/1.4 'Source Serif Pro', Georgia, serif;
    letter-spacing: normal;
    text-transform: none;
}

.adv-article-paywall .adv-paywall-teasers-list {
    max-width: none;
    margin: 0;
    padding: 0 0 0 18px;
    list-style: disc outside;
    color: var(--adv-paywall-text);
    font: 400 18px/1.55 'Source Serif Pro', Georgia, serif;
    letter-spacing: normal;
}

.adv-article-paywall .adv-paywall-teasers-list > li {
    margin: 0 0 10px;
    padding: 0 0 0 3px;
    color: inherit;
    font: inherit;
}

.adv-article-paywall .adv-paywall-teasers-list > li:last-child { margin-bottom: 0; }
.adv-article-paywall .adv-paywall-teasers-list > li::marker { color: var(--adv-paywall-rule); }

.adv-article-paywall .zaNastavak_morateBitiPretplatnik {
    margin: 0 auto 18px !important;
    padding: 0;
    border: 0;
    color: var(--adv-paywall-text);
    font: 600 23px/1.35 'Source Sans 3', 'rnd', Arial, sans-serif;
    letter-spacing: normal;
    text-align: center;
}

.adv-article-paywall .in-article-v2-intro { margin-top: 0; margin-bottom: 0; }
.adv-article-paywall .pretfoffnotice { color: var(--adv-paywall-muted); text-align: center; }
.adv-article-paywall .iav2-plan:focus-visible,
.adv-article-paywall .iav2-continue:focus-visible {
    outline: 3px solid var(--adv-paywall-rule);
    outline-offset: 4px;
}

/* Theme scope ends at the public locked article block, before checkout/dialogs. */
.adv-article-paywall[data-theme="dark"] {
    --adv-paywall-bg: #292330;
    --adv-paywall-text: #f3eff6;
    --adv-paywall-muted: #c5bacf;
    --adv-paywall-rule: #a591bc;
    --adv-paywall-fade: #c9c0d2;
    color-scheme: dark;
}

.adv-article-paywall[data-theme="dark"] .in-article-v2-intro {
    --iav2-purple: #a68abf;
    --iav2-purple-soft: #b49aca;
    --iav2-border: #62536d;
    --iav2-muted: #c5bacf;
    --iav2-bg: #292330;
    color: var(--adv-paywall-text);
}

.adv-article-paywall[data-theme="dark"] .iav2-shell,
.adv-article-paywall[data-theme="dark"] .pretplataPanelPlaceHolderForText,
.adv-article-paywall[data-theme="dark"] .pretplataPanelPlaceHolderForTextV1Disabled {
    background: var(--adv-paywall-bg);
}

.adv-article-paywall[data-theme="dark"] .iav2-loading { color: var(--adv-paywall-muted); }
.adv-article-paywall[data-theme="dark"] .iav2-spinner { border-color: #62536d; border-top-color: #c4aad9; }
.adv-article-paywall[data-theme="dark"] .iav2-plan {
    border-color: #62536d;
    background: #342c3d;
    color: #f3eff6;
}
.adv-article-paywall[data-theme="dark"] .iav2-plan:hover {
    border-color: #b39bc9;
    background: #3c3247;
    box-shadow: 0 6px 20px rgba(0, 0, 0, .13);
}
.adv-article-paywall[data-theme="dark"] .iav2-plan.is-selected {
    border-color: #c1a5d9;
    background: #453750;
    box-shadow: inset 0 0 0 2px #b49aca;
}
.adv-article-paywall[data-theme="dark"] .iav2-plan-title,
.adv-article-paywall[data-theme="dark"] .iav2-price { color: #faf6fc; }
.adv-article-paywall[data-theme="dark"] .iav2-price-wrap small,
.adv-article-paywall[data-theme="dark"] .iav2-plan-desc { color: #d5cadf; }
.adv-article-paywall[data-theme="dark"] .iav2-old-price { color: #f0a9b2; }
.adv-article-paywall[data-theme="dark"] .iav2-card-badge {
    border-color: #9b8452;
    background: #5e4c2c;
    color: #ffedbf;
}
.adv-article-paywall[data-theme="dark"] .iav2-preview-badge {
    border-color: #7f6d8f;
    background: #403249;
    color: #e0d2ea;
}
.adv-article-paywall[data-theme="dark"] .iav2-plan-button {
    background: #55465f;
    color: #f4edf9;
}
.adv-article-paywall[data-theme="dark"] .iav2-plan.is-selected .iav2-plan-button {
    background: #c0a5d6;
    color: #271e30;
}
.adv-article-paywall[data-theme="dark"] .iav2-action { border-color: #594a64; }
.adv-article-paywall[data-theme="dark"] .iav2-continue {
    background: #c4acd9;
    color: #271d30;
}
.adv-article-paywall[data-theme="dark"] .iav2-continue:hover { background: #d5bfe6; }
.adv-article-paywall[data-theme="dark"] .iav2-continue strong { border-color: #887495; }
.adv-article-paywall[data-theme="dark"] .iav2-trust,
.adv-article-paywall[data-theme="dark"] .iav2-trust i,
.adv-article-paywall[data-theme="dark"] .iav2-methods,
.adv-article-paywall[data-theme="dark"] .iav2-methods small { color: #cfc3d9; }

.adv-article-paywall[data-theme="dark"] .pv2-reading-value[data-source="article"],
.adv-article-paywall[data-theme="dark"] .pv2-reading-value[data-source="article"] .pv2-reading-value-arrow {
    border-color: #756180;
    background: #3a2e44;
    color: #e2d3ec;
}
.adv-article-paywall[data-theme="dark"] .pv2-reading-value[data-source="article"] .pv2-reading-value-lead { color: #f1e5f8; }
.adv-article-paywall[data-theme="dark"] .pv2-reading-value[data-source="article"] .pv2-reading-value-text { color: #e0d3e9; }
.adv-article-paywall[data-theme="dark"] .pv2-reading-value[data-source="article"] .pv2-reading-value-terms { color: #c7b8d1; }
.adv-article-paywall[data-theme="dark"] .pv2-reading-value[data-source="article"] .pv2-reading-value-trigger { color: #dcc0f2; }
.adv-article-paywall[data-theme="dark"] .pv2-reading-value[data-source="article"] .pv2-reading-value-trigger:hover { color: #fff; background: transparent; }

/* Legacy inline payment fallback receives the same palette; hosted fields retain their own styling. */
.adv-article-paywall[data-theme="dark"] .pretplataPanelPlaceHolderForText .pretplata_box,
.adv-article-paywall[data-theme="dark"] .pretplataPanelPlaceHolderForText .paymentMethods_grid {
    background: transparent;
    color: #eee6f4;
    border-color: #62536d;
}
.adv-article-paywall[data-theme="dark"] .pretplataPanelPlaceHolderForText .subscriptionPlan_card {
    background: #342c3d;
    border-color: #62536d;
    color: #f3eff6;
}
.adv-article-paywall[data-theme="dark"] .pretplataPanelPlaceHolderForText .subscriptionPlan_card.is_selected_v2 {
    background: #453750;
    outline-color: #b49aca;
    border-color: #c1a5d9;
}
.adv-article-paywall[data-theme="dark"] .pretplataPanelPlaceHolderForText .subscriptionPlan_title,
.adv-article-paywall[data-theme="dark"] .pretplataPanelPlaceHolderForText .subscriptionPlan_price { color: #faf6fc; }
.adv-article-paywall[data-theme="dark"] .pretplataPanelPlaceHolderForText .subscriptionPlan_desc,
.adv-article-paywall[data-theme="dark"] .pretplataPanelPlaceHolderForText .subscriptionPlan_price .per,
.adv-article-paywall[data-theme="dark"] .pretplataPanelPlaceHolderForText .subscriptionPlan_localNote,
.adv-article-paywall[data-theme="dark"] .pretplataPanelPlaceHolderForText .paymentSteps_hint,
.adv-article-paywall[data-theme="dark"] .pretplataPanelPlaceHolderForText .paymentSteps_hint i,
.adv-article-paywall[data-theme="dark"] .pretplataPanelPlaceHolderForText .takodjerDostupno,
.adv-article-paywall[data-theme="dark"] .pretplataPanelPlaceHolderForText .consent_check,
.adv-article-paywall[data-theme="dark"] .pretplataPanelPlaceHolderForText .discount_stub summary,
.adv-article-paywall[data-theme="dark"] .pretplataPanelPlaceHolderForText .pretnfoUpRight { color: #d5cadf; }
.adv-article-paywall[data-theme="dark"] .pretplataPanelPlaceHolderForText .subscriptionPlan_oldPrice { color: #f0a9b2; }
.adv-article-paywall[data-theme="dark"] .pretplataPanelPlaceHolderForText .subscriptionPlan_btn {
    background: #55465f;
    color: #f4edf9;
}
.adv-article-paywall[data-theme="dark"] .pretplataPanelPlaceHolderForText .subscriptionPlan_card.is_selected_v2 .subscriptionPlan_btn,
.adv-article-paywall[data-theme="dark"] .pretplataPanelPlaceHolderForText .subscriptionPlan_card:hover .subscriptionPlan_btn {
    background: #c0a5d6;
    color: #271e30;
}
.adv-article-paywall[data-theme="dark"] .pretplataPanelPlaceHolderForText .paymentMethod_card,
.adv-article-paywall[data-theme="dark"] .pretplataPanelPlaceHolderForText .paymentMethod_card:hover {
    background: #3b3045 !important;
    background-image: none !important;
    border-color: #8a739d;
    color: #f3eff6;
}
.adv-article-paywall[data-theme="dark"] .pretplataPanelPlaceHolderForText .paymentMethod_card .pm_text { color: #e4d8ed; }
.adv-article-paywall[data-theme="dark"] .pretplataPanelPlaceHolderForText .shdsub_left,
.adv-article-paywall[data-theme="dark"] .pretplataPanelPlaceHolderForText .shdsub_right { background: none; }

@media (max-width: 700px) {
    .adv-article-paywall {         margin-top: -53px;}
    .adv-article-paywall .whiteExtendToBottom > .pretplataCallInfo { padding: 26px 14px 32px; }
    .adv-article-paywall .adv-paywall-teasers { margin-bottom: 28px; padding-left: 16px; }
    .adv-article-paywall .adv-paywall-teasers-heading { margin-bottom: 10px; font-size: 19px; }
    .adv-article-paywall .adv-paywall-teasers-list { font-size: 17px; line-height: 1.5; padding-left: 16px; }
    .adv-article-paywall .adv-paywall-teasers-list > li { margin-bottom: 9px; padding-left: 1px; }
    .adv-article-paywall .zaNastavak_morateBitiPretplatnik { font-size: 20px !important; margin-bottom: 16px !important; padding: 0; }
    .adv-article-paywall .iav2-shell { padding: 8px 0 0; }
    .adv-article-paywall .in-article-v2-intro { margin-bottom: 0; }
}