/* Juliana Nails Newsletter page – native Gutenberg, page-scoped, no JNDS JS. */
.jnds-newsletter-page,
.jnds-newsletter-page * { box-sizing:border-box; }

.jnds-newsletter-page {
    --jnn-max: 1360px;
    --jnn-copy: 1120px;
    --jnn-side: clamp(18px, 3.2vw, 42px);
    --jnn-pink: #e271a1;
    --jnn-pink-strong: #b51546;
    --jnn-pink-soft: #f8f0f3;
    --jnn-pink-line: #efdde4;
    --jnn-ink: #1c1d1d;
    --jnn-muted: #6d676b;
    width:100%;
    margin:0;
    padding:0 0 clamp(50px,6vw,84px);
    color:var(--jnn-ink);
    font-family:Montserrat,Arial,sans-serif;
}

/* Shoptimizer Full Width / No Heading: remove the residual content rail only here. */
body.jnds-newsletter-page-active .site-content > .col-full,
body.jnds-newsletter-page-active .site-content .col-full,
body.jnds-newsletter-page-active .site-content .content-area,
body.jnds-newsletter-page-active .site-content #primary,
body.jnds-newsletter-page-active .site-content .site-main,
body.jnds-newsletter-page-active .site-content #main,
body.jnds-newsletter-page-active .site-content article.type-page,
body.jnds-newsletter-page-active .site-content article.page,
body.jnds-newsletter-page-active .site-content .entry-content {
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding-right:0 !important;
    padding-left:0 !important;
}
body.jnds-newsletter-page-active .site-main > article > .entry-header,
body.jnds-newsletter-page-active .content-area > .site-main > .entry-header,
body.jnds-newsletter-page-active .content-area > .site-main > article > .entry-header { display:none !important; }

.jnds-newsletter-shell {
    width:min(var(--jnn-max), calc(100vw - (var(--jnn-side) * 2))) !important;
    max-width:var(--jnn-max) !important;
    margin-right:auto !important;
    margin-left:auto !important;
}

.jnds-newsletter-intro {
    width:min(var(--jnn-copy), calc(100vw - (var(--jnn-side) * 2))) !important;
    padding:clamp(38px,5vw,72px) 0 clamp(26px,3vw,42px);
}
.jnds-newsletter-eyebrow {
    margin:0 0 9px !important;
    color:var(--jnn-pink) !important;
    font-size:12px !important;
    line-height:1.35 !important;
    font-weight:800 !important;
    letter-spacing:.11em;
    text-transform:uppercase;
}
.jnds-newsletter-title {
    max-width:1040px;
    margin:0 0 14px !important;
    color:var(--jnn-ink) !important;
    font-size:clamp(32px,4vw,54px) !important;
    line-height:1.02 !important;
    font-weight:900 !important;
    letter-spacing:-.035em;
}
.jnds-newsletter-lead {
    max-width:760px;
    margin:0 !important;
    color:var(--jnn-muted) !important;
    font-size:clamp(15px,1.35vw,18px) !important;
    line-height:1.6 !important;
}

.jnds-newsletter-visual { text-align:center; }
.jnds-newsletter-hero-image {
    width:min(880px,100%);
    margin:0 auto !important;
    overflow:hidden;
    border-radius:22px;
    background:#eee;
    box-shadow:0 18px 48px rgba(42,30,36,.08);
}
.jnds-newsletter-hero-image img {
    display:block;
    width:100%;
    height:auto;
    aspect-ratio:16/9;
    object-fit:cover;
    border-radius:0 !important;
}
.jnds-newsletter-klaviyo--legacy:empty { display:none; }
.jnds-newsletter-klaviyo--legacy:not(:empty) {
    width:min(760px,100%);
    margin:28px auto 0;
}

.jnds-newsletter-benefits-wrap {
    margin-top:clamp(42px,5vw,70px) !important;
    padding:clamp(38px,4vw,58px) 0;
    background:var(--jnn-pink-soft);
}
.jnds-newsletter-benefits { width:min(var(--jnn-copy), calc(100vw - (var(--jnn-side) * 2))) !important; }
.jnds-newsletter-section-title {
    margin:0 0 24px !important;
    text-align:center;
    font-size:clamp(25px,2.4vw,34px) !important;
    line-height:1.12 !important;
    font-weight:900 !important;
    letter-spacing:-.02em;
}
.jnds-newsletter-benefit-list {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:16px;
    margin:0 !important;
    padding:0 !important;
    list-style:none !important;
}
.jnds-newsletter-benefit-list li {
    position:relative;
    min-height:108px;
    margin:0 !important;
    padding:22px 22px 20px 56px;
    border:1px solid var(--jnn-pink-line);
    border-radius:16px;
    background:#fff;
    color:var(--jnn-ink);
    list-style:none !important;
}
.jnds-newsletter-benefit-list li::before {
    content:'✓';
    position:absolute;
    left:20px;
    top:22px;
    width:25px;
    height:25px;
    border-radius:50%;
    background:#fbe8ef;
    color:var(--jnn-pink-strong);
    font:800 14px/25px Arial,sans-serif;
    text-align:center;
}
.jnds-newsletter-benefit-list strong,
.jnds-newsletter-benefit-list span { display:block; }
.jnds-newsletter-benefit-list strong { margin-bottom:5px; font-size:15px; line-height:1.35; font-weight:800; }
.jnds-newsletter-benefit-list span { color:var(--jnn-muted); font-size:13px; line-height:1.55; }

.jnds-newsletter-signup {
    display:grid !important;
    grid-template-columns:minmax(0,.86fr) minmax(360px,1.14fr);
    gap:clamp(28px,4vw,64px);
    align-items:center;
    margin-top:clamp(46px,6vw,82px) !important;
    padding:clamp(30px,4vw,52px) !important;
    border:1px solid var(--jnn-pink-line);
    border-radius:22px;
    background:#fff;
    box-shadow:0 18px 54px rgba(42,30,36,.07);
}
.jnds-newsletter-signup__copy { min-width:0; }
.jnds-newsletter-signup__title {
    margin:0 0 12px !important;
    font-size:clamp(26px,2.7vw,38px) !important;
    line-height:1.08 !important;
    font-weight:900 !important;
    letter-spacing:-.025em;
}
.jnds-newsletter-signup__lead {
    margin:0 !important;
    color:var(--jnn-muted) !important;
    font-size:14px !important;
    line-height:1.65 !important;
}
.jnds-newsletter-signup__form { min-width:0; margin:0 !important; }
.jnds-newsletter-klaviyo { width:100%; }

.jnds-newsletter-fineprint {
    width:min(var(--jnn-copy), calc(100vw - (var(--jnn-side) * 2))) !important;
    padding-top:18px;
    text-align:center;
}
.jnds-newsletter-fineprint p {
    max-width:900px;
    margin:0 auto !important;
    color:#827b7f;
    font-size:10.5px !important;
    line-height:1.6 !important;
}
.jnds-newsletter-fineprint a { color:inherit; text-decoration:underline; text-underline-offset:2px; }

@media (max-width: 900px) {
    .jnds-newsletter-signup { grid-template-columns:1fr; }
    .jnds-newsletter-benefit-list { grid-template-columns:1fr; }
    .jnds-newsletter-benefit-list li { min-height:0; }
}

@media (max-width: 600px) {
    .jnds-newsletter-page { padding-bottom:48px; }
    .jnds-newsletter-shell,
    .jnds-newsletter-intro,
    .jnds-newsletter-benefits,
    .jnds-newsletter-fineprint { width:calc(100vw - 32px) !important; }
    .jnds-newsletter-intro { padding-top:30px; }
    .jnds-newsletter-title { font-size:34px !important; line-height:1.03 !important; }
    .jnds-newsletter-hero-image { border-radius:16px; }
    .jnds-newsletter-benefits-wrap { margin-top:38px !important; padding:34px 0; }
    .jnds-newsletter-section-title { text-align:left; }
    .jnds-newsletter-signup {
        margin-top:42px !important;
        padding:24px !important;
        border-radius:18px;
    }
    .jnds-newsletter-signup__title { font-size:28px !important; }
    .jnds-newsletter-fineprint { padding-top:16px; }
}

/* =========================================================
   RC109 - Croatia Newsletter
   Same visual system as AT, localized HR content and extras.
   No additional frontend JavaScript.
   ========================================================= */
.jnds-newsletter-hero-picture {
    display:block;
    width:100%;
    margin:0 auto;
    overflow:hidden;
    border-radius:22px;
    background:#eee;
    box-shadow:0 18px 48px rgba(42,30,36,.08);
}
.jnds-newsletter-hero-picture img {
    display:block;
    width:100%;
    height:auto;
    border:0;
}
.jnds-newsletter-page--hr .jnds-newsletter-visual {
    max-width:1360px !important;
}
.jnds-newsletter-page--hr .jnds-newsletter-social-proof {
    width:min(var(--jnn-copy), calc(100vw - (var(--jnn-side) * 2))) !important;
    margin-top:clamp(50px,6vw,86px) !important;
}
.jnds-newsletter-social-proof__title {
    max-width:900px;
    margin:0 0 12px !important;
    color:var(--jnn-ink) !important;
    font-size:clamp(28px,3vw,42px) !important;
    line-height:1.08 !important;
    font-weight:900 !important;
    letter-spacing:-.025em;
}
.jnds-newsletter-social-proof__lead {
    margin:0 0 24px !important;
    color:var(--jnn-muted) !important;
    font-size:15px !important;
    line-height:1.6 !important;
}
.jnds-newsletter-stats {
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:14px;
    margin:0 !important;
    padding:0 !important;
    list-style:none !important;
}
.jnds-newsletter-stats li {
    min-height:148px;
    margin:0 !important;
    padding:22px;
    border:1px solid var(--jnn-pink-line);
    border-radius:16px;
    background:#fff;
    list-style:none !important;
}
.jnds-newsletter-stats strong,
.jnds-newsletter-stats span { display:block; }
.jnds-newsletter-stats strong {
    margin-bottom:9px;
    color:var(--jnn-pink-strong);
    font-size:clamp(24px,2.4vw,34px);
    line-height:1;
    font-weight:900;
}
.jnds-newsletter-stats span {
    color:var(--jnn-muted);
    font-size:13px;
    line-height:1.55;
}
.jnds-newsletter-inspiration {
    margin-top:clamp(30px,4vw,54px) !important;
}
.jnds-newsletter-inspiration__gallery {
    gap:14px !important;
    margin:0 !important;
}
.jnds-newsletter-inspiration__gallery .wp-block-image {
    overflow:hidden;
    border-radius:16px;
    background:#f7f3f5;
}
.jnds-newsletter-inspiration__gallery img {
    display:block;
    width:100% !important;
    height:100% !important;
    aspect-ratio:1/1;
    object-fit:cover;
}
.jnds-newsletter-page--hr .jnds-newsletter-signup {
    margin-top:clamp(48px,6vw,82px) !important;
}
.jnds-newsletter-community {
    width:min(var(--jnn-copy), calc(100vw - (var(--jnn-side) * 2))) !important;
    padding-top:22px;
    text-align:center;
}
.jnds-newsletter-community p {
    max-width:820px;
    margin:0 auto !important;
    color:var(--jnn-ink);
    font-size:14px !important;
    line-height:1.65 !important;
}

@media (max-width: 900px) {
    .jnds-newsletter-stats { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

@media (max-width: 600px) {
    .jnds-newsletter-hero-picture { border-radius:16px; }
    .jnds-newsletter-page--hr .jnds-newsletter-social-proof,
    .jnds-newsletter-community { width:calc(100vw - 32px) !important; }
    .jnds-newsletter-stats { grid-template-columns:1fr; }
    .jnds-newsletter-stats li { min-height:0; }
    .jnds-newsletter-inspiration {
        width:100vw !important;
        max-width:none !important;
        margin-left:calc(50% - 50vw) !important;
        margin-right:calc(50% - 50vw) !important;
        overflow:hidden;
    }
    .jnds-newsletter-inspiration__gallery {
        display:flex !important;
        flex-wrap:nowrap !important;
        gap:12px !important;
        width:auto !important;
        max-width:none !important;
        padding:0 16px 8px !important;
        overflow-x:auto;
        overscroll-behavior-x:contain;
        scroll-snap-type:x mandatory;
        scrollbar-width:none;
        -webkit-overflow-scrolling:touch;
    }
    .jnds-newsletter-inspiration__gallery::-webkit-scrollbar { display:none; }
    .jnds-newsletter-inspiration__gallery .wp-block-image {
        flex:0 0 min(78vw,320px) !important;
        width:min(78vw,320px) !important;
        scroll-snap-align:start;
    }
}

/* =========================================================
   RC110 - HR Newsletter polish
   - align intro with the HR hero rail
   - turn the four testimonial creatives into a true, lightweight slider
   ========================================================= */
.jnds-newsletter-page--hr .jnds-newsletter-intro {
    width:min(var(--jnn-max), calc(100vw - (var(--jnn-side) * 2))) !important;
}
.jnds-newsletter-page--hr .jnds-newsletter-title,
.jnds-newsletter-page--hr .jnds-newsletter-lead {
    max-width:1120px;
}

.jnds-newsletter-page--hr .jnds-newsletter-inspiration {
    position:relative;
}
.jnds-newsletter-page--hr .jnds-newsletter-inspiration__gallery {
    display:flex !important;
    flex-wrap:nowrap !important;
    gap:0 !important;
    width:min(960px,100%) !important;
    max-width:960px !important;
    margin:0 auto !important;
    padding:0 !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    scroll-snap-type:x mandatory;
    scroll-behavior:smooth;
    overscroll-behavior-x:contain;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
}
.jnds-newsletter-page--hr .jnds-newsletter-inspiration__gallery::-webkit-scrollbar {
    display:none;
}
.jnds-newsletter-page--hr .jnds-newsletter-inspiration__gallery > .wp-block-image {
    flex:0 0 100% !important;
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    scroll-snap-align:start;
    scroll-snap-stop:always;
    display:flex !important;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    border-radius:18px;
    background:#fff;
}
.jnds-newsletter-page--hr .jnds-newsletter-inspiration__gallery > .wp-block-image img {
    display:block;
    width:100% !important;
    max-width:100% !important;
    height:auto !important;
    max-height:none !important;
    aspect-ratio:auto !important;
    object-fit:contain !important;
    border-radius:18px;
}

.jnds-newsletter-slider-controls {
    display:flex;
    align-items:center;
    justify-content:center;
    gap:14px;
    width:min(960px,100%);
    margin:16px auto 0;
}
.jnds-newsletter-slider-arrow {
    appearance:none;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:42px;
    height:42px;
    padding:0;
    border:1px solid var(--jnn-pink-line);
    border-radius:999px;
    background:#fff;
    color:var(--jnn-ink);
    box-shadow:0 8px 22px rgba(42,30,36,.08);
    font:700 22px/1 Arial,sans-serif;
    cursor:pointer;
    transition:transform .18s ease, box-shadow .18s ease, opacity .18s ease;
}
.jnds-newsletter-slider-arrow:hover:not(:disabled),
.jnds-newsletter-slider-arrow:focus-visible:not(:disabled) {
    transform:translateY(-1px);
    box-shadow:0 10px 28px rgba(42,30,36,.12);
}
.jnds-newsletter-slider-arrow:focus-visible {
    outline:2px solid var(--jnn-pink);
    outline-offset:3px;
}
.jnds-newsletter-slider-arrow:disabled {
    opacity:.32;
    cursor:default;
}
.jnds-newsletter-slider-dots {
    display:flex;
    align-items:center;
    justify-content:center;
    gap:7px;
}
.jnds-newsletter-slider-dot {
    appearance:none;
    width:8px;
    height:8px;
    padding:0;
    border:0;
    border-radius:999px;
    background:#e7d9df;
    cursor:pointer;
    transition:width .18s ease, background .18s ease;
}
.jnds-newsletter-slider-dot[aria-current="true"] {
    width:24px;
    background:var(--jnn-pink);
}
.jnds-newsletter-slider-dot:focus-visible {
    outline:2px solid var(--jnn-pink);
    outline-offset:3px;
}

@media (max-width: 600px) {
    .jnds-newsletter-page--hr .jnds-newsletter-intro {
        width:calc(100vw - 32px) !important;
    }
    .jnds-newsletter-page--hr .jnds-newsletter-inspiration {
        width:100vw !important;
        max-width:none !important;
        margin-left:calc(50% - 50vw) !important;
        margin-right:calc(50% - 50vw) !important;
        overflow:visible;
    }
    .jnds-newsletter-page--hr .jnds-newsletter-inspiration__gallery {
        width:calc(100vw - 32px) !important;
        max-width:none !important;
        padding:0 !important;
    }
    .jnds-newsletter-page--hr .jnds-newsletter-inspiration__gallery > .wp-block-image {
        flex-basis:100% !important;
        width:100% !important;
        border-radius:14px;
    }
    .jnds-newsletter-page--hr .jnds-newsletter-inspiration__gallery > .wp-block-image img {
        border-radius:14px;
    }
    .jnds-newsletter-slider-controls {
        width:calc(100vw - 32px);
        margin-top:12px;
    }
    .jnds-newsletter-slider-arrow {
        width:38px;
        height:38px;
        font-size:20px;
    }
}