/*--------------------------------------------------------------
# Post Style
--------------------------------------------------------------*/
.post-edit-link {
    color: var(--color-accent);
}

.sticky-sign {
    background: var(--color-accent);
    color: var(--color-accent-text);
    width: 25px;
    height: 25px;
    font-size: 14px;
    @include flexbox;
    @include justify-content(center);
    @include align-items(center);
    border-radius: 50%;
}

.thumb-info {
    @include flexbox;
    @include justify-content(space-between);
    @include align-items(center);
    width: 100%;
    padding: 20px;
    position: absolute;
    top: 0;
    #{$left}: 0;
    z-index: 9;

    > *:not(:last-child) {
        margin-#{$right}: 10px;
    }

    .post-small-thumbnail & {
        display: none;
    }
}

.entry-meta {
    margin-top: 0;
    margin-bottom: 0;
    @include flexbox;
    @include flex-wrap(wrap);
    @include align-items(center);
    overflow: hidden;
    position: relative;
    gap: 20px;

    .text-center & {
        @include justify-content(center);
    }

    .info-icon {
        line-height: 1;
        font-size: 16px;
        margin-#{$right}: 4px;
    }

    .info-text {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden;
        -webkit-line-clamp: 1;
    }

    .meta-author {
        .author-ava {
            width: 20px;
            height: 20px;
            display: inline-block;
            vertical-align: middle;
            border-radius: 50%;
            overflow: hidden;
            position: relative;
            margin-#{$right}: 5px;
        }

        &.meta-modern {
            .author-ava {
                width: 35px;
                height: 35px;
                margin-#{$right}: 10px;

                &::before {
                    font-size: 1rem;
                }
            }
        }
    }

    &.no-icons {
        gap: 5px;
    }
}

.meta-item {
    position: relative;
    margin-bottom: 0;
    @include second-text;
    @include flexbox;
    @include align-items(center);
    font-size: $font__size_tiny;
    text-transform: uppercase;

    &::after {
        .no-icons & {
            content: '';
            background-color: currentColor;
            width: 3px;
            height: 3px;
            margin-#{$left}: 5px;
            border-radius: 50%;
        }
    }

    &:last-child {
        margin-#{$right}: 0;

        &::after {
            width: 0;
            margin-#{$left}: 0;
        }
    }

    &.meta-modern {
        &::after {
            width: 0;
            margin-#{$left}: 0;
        }

        + * {
            margin-#{$left}: auto;
        }
    }

    &.meta-more {
        a {
            color: var(--color-accent);
        }
    }

    > a {
        @include flexbox;
        @include align-items(center);

        &:hover {}
    }
}

.meta-modern-desc {
    @include flexbox;
    @include flex-direction(column);
    @include align-items(flex-start);

    .info-text {
        &.author-name {
            color: var(--light-text-color-heavier-rgba);

            .bg-dark & {
                color: var(--dark-text-color-heavier-rgba);
            }
        }
    }
}

.entry-thumbnail {
    position: relative;
    background-color: transparent;

    + .post-desc:not(.desc-hero):not(.woo-desc) {
        padding-top: 15px;
    }
}

h3.entry-title {
    margin: 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.entry-header,
.post-desc,
.post-desc-inner {
    width: 100%;
    @include flexbox;
    @include flex-direction(column);
    gap: 10px;

    .post-small & {
        gap: 8px;
    }

    .post-list & {
        gap: 15px;
    }
}

.entry-excerpt {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
    font-size: $font__size_medium;
    opacity: 0.75;
}

.post-desc-title {
    margin-bottom: 20px;
}
/* Post Tags */
.wp-block-tag-cloud {}

.entry-tags {
    @include clearfix();
}

.entry-tags,
.tax-cloud {
    @include flexbox;
    @include flex-wrap(wrap);
    gap: 10px;

    .tax-block & {
        @include flex-direction(column);
        gap: 15px;
    }
}

.entry-tags a,
a.term-cloud {
    position: relative;
    @include flexbox;
    @include align-items(center);
    text-decoration: none;
    border-radius: var(--button-radius);
    padding: 4px 8px;
    font-size: $font__size_small;
    background-image: linear-gradient(to top left, var(--color-accent) -2500%,#0000 300%);

    &:hover {
        @include btn-accent;
    }

    .tax-inline2 & {
        border: 0;
        border-radius: 0;
        padding: 0;
        font-size: 1em;
        margin-#{$right}: 6px;
        background-image: none;

        &:hover {
            background-color: transparent;
            color: var(--color-accent);
        }
    }

    .tax-block & {
        @include justify-content(space-between);
        padding: 0;
        border: 0;
        font-size: 1em;
        background-image: none;

        &:hover {
            background-color: transparent;
            color: var(--color-accent);
        }
    }
}
/* Read More */
.read-more {
    @include flexbox;
    @include align-items(center);
    margin-top: 10px;

    .text-center & {
        @include justify-content(center);
    }

    &.have-readtime {
        @include justify-content(space-between);
    }

    > *:not(:last-child) {
        margin-#{$right}: 30px;
    }

    .post-more {
        vertical-align: middle;
        margin-bottom: 0;
    }
}
/* Sticky Post */
.post-title-sticky {}
/* Post Count */
.thumb-count {
    @include second-text;
    letter-spacing: 0;
    border-radius: 50%;
    text-align: center;
    position: relative;
    z-index: 9;
    @include accent-background;
    width: 26px;
    height: 26px;
    line-height: 26px;
    position: absolute;
    #{$left}: -3px;
    top: 0;
    font-weight: 700;

    .post-list-reverse & {
        #{$left}: auto;
        #{$right}: -6px;
    }
}

.post-count {
    font-weight: 600;
    font-size: 19px;
    line-height: 1.3;
    @include flex-shrink(0);
    opacity: 0.2;

    .bg-dark & {
        opacity: 0.5;
    }
}
/* Formats Icon */
.f-icon {
    @include flexbox;
    z-index: 9;
    color: white;
    position: absolute;
    top: 50%;
    #{$right}: 50%;
    margin-top: -15px;
    margin-#{$right}: -15px;
    font-size: 24px;
    width: 30px;
    height: 30px;
    border-radius: 10px;
    @include align-items(center);
    @include justify-content(center);

    &.f-video {
        font-size: 26px;
    }

    .post-hero & {
        top: 25px;
        #{$right}: 25px;
        margin: 0;
    }
}
/* Post Style */
.post-list {
    @include screen('mobile-min') {
        @include flexbox;
        gap: 20px;

        .post-desc {
            padding-top: 0;
        }

        .post-list-reverse & {
            @include flex-direction(row-reverse);
        }

        &.post-vertical-center {
            .post-list-desc {
                @include justify-content(center);
            }
        }
    }
}

.post-list-thumbnail {
    @include screen('mobile-min') {
        width: 35%;
        @include flex-shrink(0);
    }
    @include screen('mobile-max') {
        width: 100% !important;
        max-width: 100% !important;
        @include flex-shrink(unset);
        margin-bottom: 15px;
    }
}

.post-list-desc {
    @include screen('mobile-min') {
        @include flex-grow(1);
        @include flexbox;
        @include flex-direction(column);
    }
}

.post-small {
    @include flexbox;

    .term-item & {
        @include align-items(center);
    }

    > *:not(:last-child) {
        margin-#{$right}: 15px;

        .term-item & {
            margin-#{$right}: 10px;
        }
    }

    .post-small-thumbnail {
        min-width: $small_thumb_size;

        .term-item & {
            min-width: 52px;
        }
    }

    .post-small-desc {
        @include flexbox;
        @include flex-direction(column);
        gap: 8px;
    }

    .post-small-reverse & {
        @include flex-direction(row-reverse);
        @include justify-content(space-between);

        > *:not(:last-child) {
            margin-#{$right}: 0;
            margin-#{$left}: 15px;

            .term-item & {
                margin-#{$right}: 0;
                margin-#{$left}: 10px;
            }
        }
    }
}
/* Post Hero */
.post-hero {
    position: relative;

    .thumb-container {
        &::after {
            content: '';
            z-index: 1;
            position: absolute;
            top: 15%;
            bottom: 0;
            left: 0;
            right: 0;
            width: 100%;
            height: 100%;
            background: linear-gradient(to bottom, rgba(50, 50, 50, 0) 0, rgba(16, 15, 15, 0.91) 89%, rgba(16, 15, 15, 0.93) 93%);
            opacity: 0.93;
        }
    }
}

.featured-hero {
    position: relative;

    .thumb-container {
        &::after {
            content: '';
            z-index: 1;
            position: absolute;
            top: 15%;
            bottom: 0;
            left: 0;
            right: 0;
            width: 100%;
            height: 100%;
            background: linear-gradient(to bottom, rgba(50, 50, 50, 0) 0, rgba(16, 15, 15, 0.91) 89%, rgba(16, 15, 15, 0.93) 93%);
            opacity: 0.93;
        }
    }
}

.desc-hero {
    width: 100%;
    @include flexbox;
    @include justify-content(flex-end);
    @include align-items(flex-start);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: transparent !important;

    &.text-center {
        @include justify-content(flex-end);
        @include align-items(center);
    }

    .post-desc-inner {
        z-index: 9;
        width: 100%;
        max-width: 100%;
        padding: 28px;
        transition: transform 0.3s;
    }

    &:hover {
        .post-desc-inner {
            transform: translateY(-5%);
        }
    }
}