/**
 * Blog detail — match live vorto.io single-post (from Consistency HTML export)
 * Typography: Figtree 15px / 1.5em (22.5px) / weight 400 / #fff
 * Share: gtn-share-3-light @ theme-4 #b8d4f0 + title Figtree 14/600
 */

/* Local gtnicon-9 (share glyph) — only woff shipped */
@font-face {
    font-family: 'gtnicon-9';
    src: url('gtnicon-9.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

/* Enable sticky share — overflow-x:hidden on html/body breaks position:sticky */
html:has(body.single),
body.single {
    overflow-x: clip;
}

/* Ensure theme presets used by share icon */
body {
    --wp--preset--color--theme-0: #ffffff;
    --wp--preset--color--theme-4: #b8d4f0;
    --wp--preset--color--theme-7: #1a5570;
    --gutenverse-font-family-qCaBUl: "Figtree", sans-serif;
    --gutenverse-font-size-qCaBUl: 14px;
    --gutenverse-font-weight-qCaBUl: 600;
    --gutenverse-font-family-ZAIhei: "Figtree", sans-serif;
    --gutenverse-font-size-ZAIhei: 15px;
    --gutenverse-font-weight-ZAIhei: 400;
    --gutenverse-font-lineHeight-ZAIhei: 1.5em;
}

/* ---------- Article body typography (exact live vars) ---------- */
.guten-eBHt2a.guten-post-content,
.guten-eBHt2a.entry-content {
    --gutenverse-font-family-ZAIhei: "Figtree", sans-serif;
    --gutenverse-font-size-ZAIhei: 15px;
    --gutenverse-font-weight-ZAIhei: 400;
    --gutenverse-font-lineHeight-ZAIhei: 1.5em;

    max-width: 100% !important;
    width: 100% !important;
    margin: 10px 0 0 0 !important;
    padding: 0 !important;
    color: #ffffff !important;
    font-family: "Figtree", sans-serif !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    line-height: 1.5em !important;
    letter-spacing: normal !important;
    word-wrap: break-word;
}

/* Direct children — same selector live uses */
.guten-eBHt2a.guten-post-content>* {
    font-family: "Figtree", sans-serif !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    line-height: 1.5em !important;
    color: #ffffff !important;
}

/* Kill page-template negative margins on article paragraphs */
.guten-eBHt2a.guten-post-content> :not(div.section-wrapper):not(.guten-element),
.guten-eBHt2a.is-layout-constrained> :where(:not(.alignleft):not(.alignright):not(.alignfull)),
.guten-eBHt2a.guten-post-content>p,
.guten-eBHt2a.guten-post-content>ul,
.guten-eBHt2a.guten-post-content>ol {
    margin-top: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 1em !important;
    max-width: 100% !important;
    width: 100% !important;
    float: none !important;
    position: static !important;
}

.guten-eBHt2a.guten-post-content>p:last-child {
    margin-bottom: 0 !important;
}

.guten-eBHt2a.guten-post-content p,
.guten-eBHt2a.guten-post-content li,
.guten-eBHt2a.guten-post-content span {
    color: #ffffff !important;
    font-family: "Figtree", sans-serif !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    line-height: 1.5em !important;
}

.guten-eBHt2a.guten-post-content strong {
    color: #ffffff !important;
    font-family: "Figtree", sans-serif !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.5em !important;
    display: inline;
}

.guten-eBHt2a.guten-post-content em {
    color: #ffffff !important;
    font-style: italic !important;
    font-size: 15px !important;
    line-height: 1.5em !important;
}

.guten-eBHt2a.guten-post-content ul,
.guten-eBHt2a.guten-post-content ol {
    margin: 0 0 1em 1.25em !important;
    padding: 0 !important;
}

.guten-eBHt2a.guten-post-content li {
    margin-bottom: 0.5em !important;
}

.guten-eBHt2a.guten-post-content a {
    color: #7eb6e8 !important;
}

/* Spacers between sections — exact live: 8px */
.guten-eBHt2a .guten-spacer,
.guten-eBHt2a .wp-block-gutenverse-spacer {
    display: block !important;
    width: 100% !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 0 8px 0 !important;
    max-width: 100% !important;
    float: none !important;
    position: static !important;
}

/* ---------- Featured image → share/content gap (exact live: 30px) ---------- */
.guten-Cb2JX8.guten-post-featured-image {
    margin: 0 !important;
    padding: 0 !important;
}

.guten-Cb2JX8.guten-post-featured-image img {
    width: 100% !important;
    height: auto !important;
    display: block !important;
    border-radius: 30px !important;
    object-fit: cover;
}

/* ---------- Share + content row (Share top = meta icons top) ---------- */
.guten-1hFqtN>.guten-container {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: flex-start !important;
    gap: 0;
}

.guten-element.guten-1hFqtN {
    margin-top: 30px !important;
}

/* Parent must not clip sticky share */
.guten-2T8hEA,
.guten-1hFqtN,
.guten-AAoi0y,
.guten-AAoi0y>.guten-column-wrapper {
    overflow: visible !important;
}

.guten-5gqwKU {
    width: 13% !important;
    flex: 0 0 13% !important;
    max-width: 13% !important;
    height: fit-content !important;
}

/* Sticky share column — live: top 25px desktop / 30px tablet */
@media screen and (min-width: 768px) {

    .guten-column.guten-5gqwKU.sticky-desktop,
    .guten-column.guten-5gqwKU.guten-sticky {
        position: sticky !important;
        top: 25px !important;
        z-index: 9;
        align-self: flex-start !important;
        height: fit-content !important;
    }

    .guten-5gqwKU>.sticky-wrapper {
        display: flex !important;
        width: 100%;
        align-items: flex-start;
        justify-content: center;
    }
}

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

    .guten-column.guten-5gqwKU.sticky-desktop,
    .guten-column.guten-5gqwKU.guten-sticky {
        top: 30px !important;
    }
}

.guten-5gqwKU>.guten-column-wrapper,
.guten-5gqwKU>.sticky-wrapper>.guten-column-wrapper {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
}

.guten-bwk2eP {
    width: 87% !important;
    flex: 0 0 87% !important;
    max-width: 87% !important;
}

/* Desktop: NO top margin — keeps Share aligned with email/date icons */
.guten-bwk2eP>.guten-column-wrapper {
    margin: 0 0 0 25px !important;
    padding: 0 !important;
    width: auto !important;
    max-width: 100% !important;
}

/* ---------- End horizontal divider (exact live fMaZma) ---------- */
.wp-block-gutenverse-divider.guten-fMaZma,
.guten-element.guten-fMaZma {
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
    margin: 0 0 20px 0 !important;
    padding: 0 !important;
}

.guten-fMaZma .guten-divider-wrapper {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    padding: 35px 0 !important;
    min-height: 20px;
    box-sizing: border-box;
}

.guten-fMaZma .guten-divider-default,
.guten-fMaZma .guten-divider-line {
    display: block !important;
    width: 100% !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    border-bottom: 1px solid #1a5570 !important;
    border-bottom-color: var(--wp--preset--color--theme-7, #1a5570) !important;
    background: transparent !important;
}

/* ---------- Share block (exact live T0hQID) ---------- */
.guten-element.guten-T0hQID,
.guten-T0hQID {
    margin: 0 0 16px 0 !important;
    width: 100%;
    cursor: pointer !important;
}

.guten-T0hQID .guten-icon-box-wrapper,
.guten-icon-box.guten-T0hQID .guten-icon-box-wrapper {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    justify-content: center !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
    cursor: pointer !important;
    transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.guten-T0hQID:hover .guten-icon-box-wrapper,
.guten-T0hQID .guten-icon-box-wrapper:hover {
    transform: translateY(-3px) !important;
}

.guten-T0hQID .icon-box.icon-box-header {
    line-height: 0 !important;
}

.guten-T0hQID .icon-box.icon-box-header .icon {
    margin: 0 0 4px 0 !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 8px;
    background: transparent;
    transition: background 0.25s ease, color 0.25s ease !important;
}

.guten-T0hQID:hover .icon-box.icon-box-header .icon,
.guten-T0hQID .guten-icon-box-wrapper:hover .icon-box.icon-box-header .icon {
    background: rgba(255, 255, 255, 0.12) !important;
}

.guten-T0hQID .icon-box.icon-box-header .icon i,
.guten-T0hQID .icon-box.icon-box-header .icon i.gtn-share-3-light,
.guten-icon-box.guten-T0hQID .icon-box.icon-box-header .icon i {
    color: #b8d4f0 !important;
    color: var(--wp--preset--color--theme-4, #b8d4f0) !important;
    font-size: 20px !important;
    width: 20px !important;
    height: 20px !important;
    line-height: 1 !important;
    display: inline-block !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transition: color 0.25s ease;
}

.guten-T0hQID:hover .icon-box.icon-box-header .icon i,
.guten-T0hQID .guten-icon-box-wrapper:hover .icon-box.icon-box-header .icon i {
    color: #ffffff !important;
}

.guten-T0hQID .icon-box.icon-box-body {
    margin: 0 !important;
    padding: 0 !important;
}

.guten-T0hQID .title,
.guten-icon-box.guten-T0hQID .icon-box.icon-box-body .title {
    color: #ffffff !important;
    font-family: "Figtree", sans-serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    margin: 0 !important;
    line-height: 1.2 !important;
    letter-spacing: normal !important;
    text-align: center !important;
    transition: color 0.25s ease;
}

.guten-T0hQID:hover .title,
.guten-T0hQID .guten-icon-box-wrapper:hover .title {
    color: #ffffff !important;
}

.guten-Te4Cek,
.guten-uDdser {
    align-items: center;
    justify-content: center;
}

.guten-Te4Cek .gutenverse-share-icon,
.guten-uDdser .gutenverse-share-icon {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: #578cc8 !important;
    color: #fff !important;
    font-size: 15px;
}

.guten-Te4Cek .gutenverse-share-item,
.guten-uDdser .gutenverse-share-item {
    background: transparent !important;
}

.guten-Te4Cek .gutenverse-share-icon i,
.guten-uDdser .gutenverse-share-icon i,
.guten-Te4Cek .fab,
.guten-uDdser .fab {
    color: #fff !important;
    background: transparent !important;
}

.guten-Te4Cek.vertical>div:not(:first-child) {
    margin-top: 11px;
}

/* ---------- Author + date meta (same top line as Share) ---------- */
.guten-element.guten-CtVOJC {
    margin: 0 0 10px 0 !important;
}

.guten-bTtWAT>.guten-column-wrapper {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    min-height: 24px;
}

.guten-element.guten-jpneIL,
.guten-element.guten-m2wqrz {
    display: inline-block !important;
    width: auto !important;
    margin: 0 10px 0 0 !important;
    padding-top: 2px !important;
    vertical-align: top;
    align-self: flex-start;
}

.guten-EMKAu4.guten-post-author {
    display: inline-flex !important;
    align-items: center !important;
    width: auto !important;
    margin: 5px 25px 0 0 !important;
}

.guten-QpKfWn.guten-post-date {
    display: inline-flex !important;
    align-items: center !important;
    width: auto !important;
    margin: 5px 0 0 0 !important;
}

.guten-EMKAu4 .author-name,
.guten-EMKAu4 .author-name a,
.guten-QpKfWn span {
    color: #ffffff !important;
    font-family: "Figtree", sans-serif !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
}

/* X share — same blue circle as other share icons */
.gutenverse-share-item.x-twitter .gutenverse-share-icon {
    background: #578cc8 !important;
    color: #fff !important;
}

.gutenverse-share-item.x-twitter .gutenverse-icon-svg svg {
    fill: #fff;
    height: 1em;
    width: 1em;
    display: block;
}

.guten-jpneIL .guten-icon-wrapper.stacked i,
.guten-m2wqrz .guten-icon-wrapper.stacked i {
    color: #578cc8 !important;
    font-size: 16px !important;
}

/* ---------- Title area ---------- */
.guten-oXbsnH.guten-post-title h1 {
    color: #fff !important;
    text-align: center;
}

.guten-o7SFmZ.guten-post-terms a {
    color: #fff !important;
}

.guten-element.guten-2T8hEA {
    margin-top: -100px;
}

/* ---------- Tablet ---------- */
@media screen and (max-width: 1024px) {
    .guten-5gqwKU {
        width: 13% !important;
        flex: 0 0 13% !important;
        max-width: 13% !important;
    }

    .guten-bwk2eP {
        width: 87% !important;
        flex: 0 0 87% !important;
        max-width: 87% !important;
    }

    .guten-bwk2eP>.guten-column-wrapper {
        margin: 0 0 0 25px !important;
    }

    .guten-element.guten-2T8hEA {
        margin-top: -60px;
        padding-left: 25px !important;
        padding-right: 25px !important;
    }
}

/* ---------- Mobile ---------- */
@media screen and (max-width: 767px) {

    .guten-eBHt2a.guten-post-content,
    .guten-eBHt2a.entry-content {
        --gutenverse-font-size-ZAIhei: 14px;
        font-size: 14px !important;
        line-height: 1.5em !important;
    }

    .guten-eBHt2a.guten-post-content p,
    .guten-eBHt2a.guten-post-content li,
    .guten-eBHt2a.guten-post-content span,
    .guten-eBHt2a.guten-post-content strong,
    .guten-eBHt2a.guten-post-content em {
        font-size: 14px !important;
        line-height: 1.5em !important;
    }

    .guten-element.guten-2T8hEA {
        margin-top: -40px !important;
        padding: 0 16px 48px !important;
    }

    .guten-oXbsnH.guten-post-title h1 {
        font-size: 28px !important;
        line-height: 1.25 !important;
    }

    .guten-1hFqtN>.guten-container {
        flex-direction: column !important;
    }

    .guten-5gqwKU,
    .guten-bwk2eP {
        width: 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }

    .guten-column.guten-5gqwKU.sticky-desktop,
    .guten-column.guten-5gqwKU.guten-sticky {
        position: static !important;
        top: auto !important;
    }

    /* Live: content gets top margin only on mobile */
    .guten-bwk2eP>.guten-column-wrapper {
        margin: 40px 0 0 0 !important;
    }

    .guten-Te4Cek.hide-mobile {
        display: none !important;
    }

    .guten-uDdser.hide-desktop.hide-tablet,
    .guten-uDdser.hide-desktop {
        display: flex !important;
        flex-direction: row !important;
        justify-content: center !important;
        margin: 8px 0 0 !important;
        gap: 11px;
    }

    .guten-element.guten-T0hQID {
        margin-bottom: 10px !important;
    }

    .guten-Cb2JX8.guten-post-featured-image img {
        border-radius: 20px !important;
    }
}

/* Toast notification for link copied */
.vorto-share-toast {
    position: fixed;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%) translateY(20px);
    background: rgba(26, 26, 26, 0.88) !important;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    color: #ffffff !important;
    padding: 8px 18px !important;
    border-radius: 8px !important;
    font-family: var(--gutenverse-font-family-ZAIhei, "Figtree", sans-serif);
    font-size: 13.5px !important;
    font-weight: 500 !important;
    line-height: 1.4 !important;
    letter-spacing: normal !important;
    text-align: center;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.45);
    z-index: 999999;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s cubic-bezier(0.16, 1, 0.3, 1), transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
    white-space: nowrap;
}

.vorto-share-toast.show {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
}