/*
 * landing-static.css
 * Zajednicki CSS za "staticne" landing template-e (vino, gabi, igor-ng-poklon,
 * igor-zenski, free-course-igor, subscription-landing) koji NISU ACF-driven.
 * Generisano automatskom ekstrakcijom bajt-identicnih pravila (bezbedno - ne menja
 * nijednu vrednost, samo premesta ponovljena pravila na jedno mesto).
 * Ucitava se preko amo_section_css('landing-static').
 */

.landing-section header {
        text-align: center;
        margin-bottom: 30px;
    }

.landing-section h1 {
        margin-bottom: 10px;
        font-size: clamp(24px, 5vw, 52px);
    }

.promo-text {
        text-align: center;
    }

h1,
    h2 {
        text-align: center;
        font-weight: bold;
        line-height: 100%;
    }

.pre-sale-section h3 {
        font-size: clamp(16px, 5vw, 35px);
    }

.customers-section .container .wrapper .customer-item .customer-item--inner {
        background: linear-gradient(320deg, rgba(53, 53, 53, 1) 0%, rgba(43, 43, 43, 1) 20%, rgba(28, 28, 29, 1) 50%);
        border: 1px solid #B3B3B3;
        border-radius: 25px;
        margin: 0px 5px;
        padding: 60px 24px 32px;
        transition: all .4s ease;
        position: relative;
    }

.course-goals-section .container h2 {
        color: #FFF;
        font-size: clamp(20px, 1.75vw, 50px);
    }

.course-goals-section h2 {
        margin-bottom: 20px;
    }

.course-goals-section .container .wrapper .goal span {
        font-size: clamp(13px, 1.75vw, 30px);
        margin-left: 14px;
    }

.course-goals-section .container .wrapper .goal p {
        font-size: clamp(14px, 1.75vw, 30px);
    }

.style_btn {
        text-align: center;
    }

.goal p {
        margin: 30px 30px 38px 50px;
    }

.img-section .container .wrapper img:nth-of-type(1) {
        margin: 0px auto;
    }

.img-section h2 {
        font-size: clamp(15px, 5vw, 48px);
        margin-bottom: 30px;
        line-height: 100%;
    }

.first-accordion-section .container .wrapper .accordion .accordion-item {
        background: linear-gradient(320deg, rgba(53, 53, 53, 1) 0%, rgba(43, 43, 43, 1) 20%, rgba(28, 28, 29, 1) 50%);
        border: 1px solid #B3B3B3;
        border-radius: 25px;
        padding: 40px;
        transition: all .4s ease;
        color: #fff !important;
        margin-bottom: 24px;
    }

.first-accordion-section .container .wrapper .accordion .accordion-item .accordion-header button {
        background: transparent;
        font-size: clamp(14px, 1.75vw, 30px);
        color: #fff;
        padding: 0px;
        box-shadow: none;
        transition: all 0.4s ease-in-out;
        line-height: normal;
    }

.first-accordion-section .container .wrapper .accordion .accordion-item .accordion-header button span {
        color: #B87432;
        margin-right: 6px;
        min-width: 70px;
    }

.first-accordion-section .container .wrapper .accordion .accordion-item .accordion-button:not(.collapsed)::after {
        content: "✕";
        /* ikonica X */
        background: none;
        font-size: 2rem;
        transform: none;
        height: 39px;
        width: 39px;
        transform: rotate(360deg);
    }

@media (max-width: 768px) {
        .first-accordion-section.section {
            margin: 0px;
        }

        .first-accordion-section .container .wrapper .accordion .accordion-item ul li {
            font-size: 15px;
        }

        .first-accordion-section .container .wrapper .accordion .accordion-item .accordion-button::after {
            height: 22px;
            width: 22px;
        }

        .first-accordion-section .container .wrapper .accordion .accordion-item .accordion-button:not(.collapsed)::after {
            font-size: 1.175rem;
            height: 22px;
            width: 22px;
        }

        .first-accordion-section .container .wrapper .accordion .accordion-item {
            padding: 20px 15px;
        }}

.customers-2-section .container .wrapper .customer-item .customer-item--inner {
        background: linear-gradient(320deg, rgba(53, 53, 53, 1) 0%, rgba(43, 43, 43, 1) 20%, rgba(28, 28, 29, 1) 50%);
        border: 1px solid #B3B3B3;
        border-radius: 25px;
        margin: 0px 5px;
        padding: 60px 24px 32px;
        transition: all .4s ease;
        position: relative;
    }

.customers-2-section .container .wrapper .customer-item .customer-item--inner .review {
        font-size: clamp(14px, 1.5vw, 19px);
        min-height: 240px;
        text-align: center;
    }

.customers-2-section .container .wrapper h2 {
        margin-top: 70px;
        color: #fff;
        font-size: clamp(20px, 1.75vw, 50px);
        line-height: 1.2;
    }

.customers-2-section .container .wrapper h2 span {
        color: #B87432;
    }

.about-author-section,
    .course-section {
        margin: 70px 0;
    }

.author-section {
        color: #FFF;
        background: linear-gradient(320deg, rgba(53, 53, 53, 1) 0%, rgba(43, 43, 43, 1) 20%, rgba(28, 28, 29, 1) 50%);
        position: relative;
        padding: 1rem;
        z-index: 1;
    }

.author-section .container .wrapper .author-text p:nth-of-type(1) {
        padding: 30px;
    }

.author-section .container .wrapper .author-text p:nth-of-type(2) {
        background: linear-gradient(90deg, #B87432, #D8A852, #FFE0B3);
        background-size: 150% auto;
        -webkit-background-clip: text;
        /* Safari/Chrome */
        -webkit-text-fill-color: transparent;
        /* Safari/Chrome */
        background-clip: text;
        /* standard */
        color: transparent;
        /* fallback */
        text-align: right;
        transition: background-position 0.6s ease;
        margin: 0px;
    }

.author-section .container .wrapper .author-text img:nth-of-type(1) {
        transform: rotate(180deg);
        position: absolute;
        left: -50px;
    }

.author-section .container .wrapper .author-text img:nth-of-type(2) {
        position: absolute;
        right: -50px;
        bottom: 100px;
    }

.author-info-section {
        width: max-content;
        max-width: 100%;
    }

.author-info-section .container:nth-of-type(1) {
        /*max-width: 500px;*/
        width: 75%;
        margin: 0px;
    }

.author-info-section .container:nth-of-type(2) .wrapper .author {
        position: absolute;
        width: 100%;
        width: 600px;
        right: -30px;
        top: -680px;
        -webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 87%, rgba(0, 0, 0, 0) 98%);
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-position: center;
        -webkit-mask-size: cover;
        mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 87%, rgba(0, 0, 0, 0) 98%);
        mask-repeat: no-repeat;
        mask-position: center;
        mask-size: cover;
    }

.author-info-section .container .wrapper {
        position: relative;
    }

.author-info-section .container h2 {
        color: #FFF;
    }

.author-info-section .container .gradient-divider {
        opacity: 1;
        margin: 14px auto 42px;
        border: 0;
        height: 3px;
        width: 708px;
        background: linear-gradient(to right, #B87432, #D8A852, #FFE0B3);
    }

.author-info-section .container .wrapper hr {
        opacity: 1;
        width: 70%;
        height: 1px;
        color: #B3B3B3;
    }

.author-info-section .container .wrapper .goal {
        margin-left: -50px;
        transition: ease .4s all;
    }

.author-info-section .container .wrapper .goal:nth-of-type(1),
    .author-info-section .container .wrapper .goal:nth-of-type(2) {
        margin-bottom: 20px;
    }

.author-info-section .container .wrapper .goal:hover {
        transform: translateX(10px);
    }

.author-info-section .container .wrapper .goal span {
        font-size: clamp(0.875rem, 1.75vw, 1.625rem);
        margin-left: 14px;
    }

.author-info-section .container:not(:last-of-type) .wrapper .goal:not(:last-of-type) span {
        margin-bottom: 30px;
    }

.author-info-section .container .wrapper .goal span span {
        color: #FBB03B;
    }

/* //////////////////////////////// NOVI AUTOR */
    .about-author-section {
        background: linear-gradient(320deg, rgba(53, 53, 53, 1) 0%, rgba(43, 43, 43, 1) 20%, rgba(28, 28, 29, 1) 50%);
        padding: 80px 0;
        position: relative;
    }

/* 🔸 Gornji i donji border sa linearnim gradijentom */
    .about-author-section::before,
    .about-author-section::after {
        content: "";
        position: absolute;
        left: 0;
        width: 100%;
        height: 3px;
        /* debljina linije */
        background: linear-gradient(45deg, #B87432, #D8A852, #FFE0B3);
    }

.about-author-section::before {
        top: 0;
    }

.about-author-section::after {
        bottom: 0;
    }

.about-author-row {
        margin-bottom: 30px;
    }

.about-author-section .wrapper {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        gap: 60px;
    }

.about-author-section p {
        font-size: clamp(13px, 1.75vw, 26px);
    }

.about-author-section .text-content {
        flex: 1 1 55%;
        font-size: 18px;
        line-height: 1.7;
        font-size: clamp(13px, 1.75vw, 26px);
    }

.about-author-section .text-content p {
        margin-bottom: 40px;
    }

.about-author-section .highlight {
        color: #fbb03b;
        font-weight: 700;
    }

.about-author-section .career-info {
        margin-top: 40px;
    }

.about-author-section .career-point {
        display: flex;
        align-items: flex-start;
        gap: 10px;
        margin-bottom: 30px;
        line-height: 100%;
    }

.about-author-section .career-point img {
        width: 18px;
        height: 18px;
        margin-top: 5px;
        filter: brightness(0) saturate(100%) invert(72%) sepia(62%) saturate(659%) hue-rotate(4deg) brightness(98%) contrast(93%);
    }

.about-author-section .image-content {
        flex: 1 1 35%;
        text-align: right;
    }

.about-author-section .image-content img {
        max-width: 100%;
        border: 1px solid #5c4b33;
        border-radius: 6px;
    }

/* --- Responsivnost --- */
    @media (max-width: 992px) {
        .about-author-section .wrapper {
            flex-direction: column;
            align-items: center;
            text-align: center;
        }

        .about-author-section .text-content {
            flex: 1 1 100%;
        }

        .about-author-section .image-content {
            margin-top: 40px;
            text-align: center;
        }
    }

/* ——— Glavna sekcija ——— */
    .autobiography {
        padding: 100px 0;
    }

.autobiography-wrapper {
        max-width: 980px;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        gap: 60px;
        padding: 0 20px;
    }

/* ——— Blok sa zlatnim borderom ——— */
    .autobiography-box.with-border {
        position: relative;
        background: #0f0f0f;
        padding: 50px 45px;
        border-radius: 20px;
        font-size: 19px;
        line-height: 1.8;
        z-index: 1;
    }

.autobiography-box.with-border::before {
        content: "";
        position: absolute;
        inset: -3px;
        border-radius: 22px;
        background: linear-gradient(320deg, rgba(53, 53, 53, 1) 0%, rgba(43, 43, 43, 1) 20%, rgba(28, 28, 29, 1) 50%);
        z-index: -1;
        border: 1px solid #B87432;
        ;
    }

/* ——— Naslov i link ——— */
    .autobiography-title {
        text-align: center;
    }

.autobiography-title h2 {
        font-size: 32px;
        font-weight: 800;
        margin: 0;
        color: #fff;
    }

.autobiography-link {
        color: #fff;
        text-decoration: none;
        border-bottom: 2px solid #f5b14c;
        padding-bottom: 4px;
        transition: color 0.3s ease, border-color 0.3s ease;
    }

.autobiography-link:hover {
        color: #f5b14c;
        border-color: #ffe0b3;
    }

/* ——— Lista sa ikonicama ——— */
    .autobiography-list {
        position: relative;
        background: #0f0f0f;
        padding: 50px 45px;
        border-radius: 20px;
        font-size: 19px;
        line-height: 1.8;
    }

.autobiography-list::before {
        content: "";
        position: absolute;
        inset: -3px;
        border-radius: 22px;
        background: linear-gradient(45deg, #b87432, #d8a852, #ffe0b3);
        z-index: -1;
    }

.autobiography-item {
        display: flex;
        align-items: flex-start;
        gap: 15px;
        margin-bottom: 25px;
    }

.autobiography-box.with-border p {
        line-height: 100%;
        margin-bottom: 30px;
    }

.autobiography-box p:last-of-type {
        margin-bottom: 0;
    }

.autobiography-item img {
        width: 22px;
        height: 22px;
        margin-top: 4px;
        filter: brightness(0) saturate(100%) invert(72%) sepia(62%) saturate(659%) hue-rotate(4deg) brightness(98%) contrast(93%);
    }

/* ——— Završni paragraf ——— */
    .autobiography-list .final-paragraph {
        margin-top: 40px;
    }

/* ——— Zlatni tekst ——— */
    .autobiography .highlight {
        color: #f5b14c;
        font-weight: 700;
    }

/* ——— Responsivnost ——— */
    @media (max-width: 992px) {
        .autobiography {
            padding: 80px 0;
        }


        .autobiography-box.with-border,
        .autobiography-box.dark,
        .autobiography-list {
            padding: 35px;
            font-size: 17px;
        }

        .autobiography-title h2 {
            font-size: 26px;
        }
    }

@media (max-width: 600px) {

        .autobiography,
        .about-author-section,
        .course-section {
            padding: 20px 0;
        }

        .autobiography {
            margin: 0 auto;
        }

        .autobiography-wrapper {
            gap: 45px;
        }

        .autobiography-box.with-border,
        .autobiography-box.dark,
        .autobiography-list {
            padding: 25px;
            font-size: 16px;
            line-height: 1.7;
        }

        .autobiography-title h2 {
            font-size: 22px;
        }}

/* //////////////////////////////// */
    .course-section {
        color: #FFF;
        background: linear-gradient(320deg, rgba(53, 53, 53, 1) 0%, rgba(43, 43, 43, 1) 20%, rgba(28, 28, 29, 1) 50%);
        position: relative;
        padding: 1rem;
        z-index: 1;
    }

.about-course-section .container h2 {
        color: #FFF;
    }

.about-course-section .container .gradient-divider,
    .second-accordion-section .container .gradient-divider {
        opacity: 1;
        margin: 40px auto 20px;
        border: 0;
        height: 3px;
        width: 400px;
        background: linear-gradient(to right, #B87432, #D8A852, #FFE0B3);
    }

.second-accordion-section .container .gradient-divider {
        margin: 30px auto 100px;
    }

.about-course-section .container .wrapper {
        padding: 29px 54px 29px 76px;
        margin: 0px auto;
        color: #FFF;
    }

.about-course-section .container .wrapper hr {
        opacity: 1;
        width: 70%;
        height: 1px;
        color: #B3B3B3;
    }

.about-course-section .container .wrapper p {
        text-align: center
    }

.about-course-section .container .wrapper p:nth-of-type(2) {
        margin: 60px 0px;
    }

.about-course-section .container .wrapper p:nth-of-type(3) {
        text-align: start;
    }

.about-course-section .container .wrapper p:nth-of-type(4) {
        margin-top: 60px;
    }

.about-course-section .container .wrapper .goal span,
    p {
        font-size: clamp(13px, 1.75vw, 32px);
    }

.about-course-section .container .wrapper .goal span {
        margin-left: 20px;
    }

/* Stil za gradijent tekst */
    .gradient-text {
        background: linear-gradient(to right, #B87432, #D8A852, #FFE0B3);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        color: transparent;
        font-weight: 600;
        margin-left: 0 !important;
    }

/* Opcioni stilovi za sekciju */
    .about-course-section {
        padding: 80px 0 0;
        font-family: 'Arial', sans-serif;
        color: #333;
    }

.about-course-section h2 {
        margin-bottom: 20px;
    }

.gradient-divider {
        /* width: 60px; */
        height: 4px;
        margin: 0 auto 40px;
        border: none;
        border-radius: 2px;
        background: linear-gradient(to right, #B87432, #D8A852, #FFE0B3);
    }

.about-course-section .wrapper p {
        margin-bottom: 20px;
    }

.goal {
        display: flex;
        align-items: baseline;
        margin-bottom: 15px;
    }

.goal img {
        margin-right: 10px;
        width: 24px;
        height: 24px;
    }

.goal span span {
        font-weight: 600;
        /* naglašene delove u listama */
        color: #B87432;
        /* opcioni akcenat ili možeš staviti gradijent po želji */
    }

.course-cosists-section .container h2 {
        color: #FFF;
        font-size: clamp(20px, 1.75vw, 50px);
    }

.course-cosists-section .container .wrapper {
        background: linear-gradient(320deg, rgba(53, 53, 53, 1) 0%, rgba(43, 43, 43, 1) 20%, rgba(28, 28, 29, 1) 50%);
        border: 1px solid #B3B3B3;
        border-radius: 25px;
        padding: 29px 54px 29px 76px;
        margin: 0px auto;
        color: #FFF;
    }

.price-section .container h2 {
        color: #FFF;
        font-size: clamp(20px, 1.75vw, 50px);

    }

.price-section .container .wrapper {
        background: linear-gradient(320deg, rgba(53, 53, 53, 1) 0%, rgba(43, 43, 43, 1) 20%, rgba(28, 28, 29, 1) 50%);
        border: 1px solid #B3B3B3;
        border-radius: 25px;
        padding: 29px 54px 29px 76px;
        margin: 0px auto;
        color: #FFF;
        align-items: center;
        text-align: center;
    }

.price-section .container .wrapper .goal span:not(.price),
    .goal:nth-of-type(1) .price {
        margin-left: 14px;
    }

.price-section .container .wrapper .price,
    .old-price {
        background: linear-gradient(90deg, #B87432, #D8A852, #FFE0B3);
        background-size: 150% auto;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        color: transparent;
    }

.second-accordion-section .container .wrapper .accordion .accordion-item {
        background: linear-gradient(320deg, rgba(53, 53, 53, 1) 0%, rgba(43, 43, 43, 1) 20%, rgba(28, 28, 29, 1) 50%);
        border: 1px solid #B3B3B3;
        border-radius: 25px;
        padding: 40px;
        transition: all .4s ease;
        color: #fff !important;
        margin-bottom: 24px;
        line-height: normal;
    }

.second-accordion-section h2 {
        font-size: clamp(18px, 1.75vw, 50px);
    }

.second-accordion-section .container .wrapper .accordion .accordion-item .accordion-header button {
        background: transparent;
        font-size: clamp(13px, 1.75vw, 30px);
        color: #FBB03B;
        padding: 0px;
        box-shadow: none;
        transition: all 0.4s ease-in-out;
        line-height: normal;
    }

.second-accordion-section .container .wrapper .accordion .accordion-item .accordion-button:not(.collapsed)::after {
        content: "✕";
        /* ikonica X */
        background: none;
        font-size: 2rem;
        transform: none;
        height: 39px;
        width: 39px;
        transform: rotate(360deg);
    }

.guarantee-section .container h2 {
        color: #FFF;
        margin-bottom: 50px;
        font-size: clamp(20px, 1.75vw, 50px);

    }

. .guarantee-section img {
        margin-bottom: 25px;
    }

.guarantee-section .container .wrapper {
        background: linear-gradient(320deg, rgba(53, 53, 53, 1) 0%, rgba(43, 43, 43, 1) 20%, rgba(28, 28, 29, 1) 50%);
        border: 1px solid #B3B3B3;
        border-radius: 25px;
        padding: 29px 54px 29px 76px;
        margin: 0px auto;
        color: #FFF;
    }

.third-accordion-section .container .wrapper .accordion .accordion-item {
        background: linear-gradient(to right, #b87432 0%, #d8a852 85%, #ffe0b3 100%);
        border: 1px solid transparent;
        border-left: 1px solid #B87432;
        border-radius: 25px;
        padding: 40px;
        transition: all .4s ease;
        color: #fff !important;
        margin-bottom: 24px;
    }

.third-accordion-section .container .wrapper .accordion .accordion-item p {
        font-size: clamp(13px, 1.75vw, 30px);
        color: #000;
    }

.third-accordion-section .container .wrapper .accordion .accordion-item .accordion-header button {
        background: transparent;
        font-size: clamp(13px, 1.75vw, 30px);
        color: #fff;
        padding: 0px;
        box-shadow: none;
        transition: all 0.4s ease-in-out;
        line-height: normal;
    }

.third-accordion-section .container .wrapper .accordion .accordion-item .accordion-button:not(.collapsed)::after {
        content: "✕";
        /* ikonica X */
        background: none;
        font-size: 2rem;
        transform: none;
        height: 39px;
        width: 39px;
        transform: rotate(360deg);
    }

.third-accordion-section .container h3 {
        font-size: clamp(20px, 1.75vw, 40px);
        font-weight: bold;
        margin-bottom: 14px;
    }

#video-wrapper {
        padding: 0;
        width: 100%;
    }

.third-accordion-section .container .wrapper .accordion .accordion-item .accordion-header button {
        background: transparent;
        font-size: clamp(13px, 1.75vw, 30px);
        color: #fff;
        padding: 0px;
        box-shadow: none;
        transition: all 0.4s ease-in-out;
        text-align: center;
        line-height: normal;
    }

.course-section .container .wrapper p {
        font-size: clamp(16px, 2vw, 30px);
        margin-bottom: 0px;
        line-height: 120%;
        margin: 0px auto;
    }