/*
Theme Name: Graceful Zen Blog
Theme URI: https://optimathemes.com/graceful-zen-blog-theme/
Author: Aslam
Author URI: http://optimathemes.com/
Description: Graceful Zen Blog is a simple, clean and responsive WordPress blog theme. This theme is perfect for travel blog, food blog, fashion blog, youtube bloggers and writers who need to create personal blog site for any kind of blog or website like lifestyle, tech, health, fitness, beauty, news, magazine, blogging, personal, professional, etc. Its fully Responsive and Retina Display ready, clean, modern and minimal design. Graceful is WooCommerce compatible, supports RTL(Right To Left) and is optimized for SEO.
Template: graceful
Version: 1.0.0
Requires at least: 5.3
Tested up to: 6.8
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: graceful-zen-blog
Tags: blog, one-column, two-columns, three-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, custom-logo, featured-images, footer-widgets, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, e-commerce
*/

/*
Customization of this child theme starts here
*/

/* style.css */

#main-navigation {
    background: unset;
    border-bottom: 1px solid #dddddd;
}

.attachment-graceful-full-thumbnail {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.entry-header {
    border-bottom: 1px solid #dddddd;
}

#graceful-post-slider {
    padding: 40px;
}

.blog .post-title {
    margin-bottom: 6px;
}

.post-categories {
    background: #f1f1f1;
}

@media screen and (min-width: 768px) {
    .post-image-col {
        float: left;
        width: 44%;
    }
    .post-content-col {
        float: right;
        width: 51%;
    }
    .post-image-col {
        min-width: 380px;
    }
    .blog .site-images {
        min-height: 335px;
    }
    .blog .content-column li {
        float: left;
        margin-bottom: 50px;
        border-bottom: unset;
    }
    .blog .post-header {
        text-align: unset;
    }
    .blog .post-title {
        font-size: 24px;
        line-height: 30px;
    }
    .blog .post-page-content {
        padding-top: 0;
    }
    .blog .post-page-content p {
        padding: 0px;
        margin: 0px;
    }
    .blog .continue-read {
        text-align: left;
        margin: 5px 0 30px;
    }
    .blog .continue-read a {
        padding: 0;
    }
}

/*--------------------------------------------------------------
Top Navigation Section
--------------------------------------------------------------*/

#top-navigation {
    text-align: center;
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid #16b7cc;
}

#top-menu {
    display: inline-block;
}

#top-menu li {
    position: relative;
}

#top-menu li.menu-item-has-children > a:after {
    font-family: FontAwesome;
    content: "\f107";
    margin-left: 6px;
    font-size: 12px;
}

#top-menu ul li.menu-item-has-children > a:after {
    font-family: FontAwesome;
    content: "\f105";
    font-size: 14px;
    float: right;
}

#top-menu > li {
    display: inline-block;
    list-style: none;
}

#top-menu li a {
    display: block;
    position: relative;
    padding: 0 5px;
    margin-left: 5px;
    color: #000000;
}

#top-menu a:focus {
    outline: 3px dotted #000000 !important;
}

#top-menu li a:first-child {
    margin-left: 0;
}

#top-menu > li > a {
    display: block;
    text-decoration: none;
}

#top-menu > li:first-child > a {
    padding-left: 0px;
}

#top-menu > li:last-child > a {
    padding-right: 0px;
}

#top-menu ul ul {
    top: -1px;
    left: 100%;
}

#top-menu .sub-menu {
    position: absolute;
    left: -999em;
    z-index: 1101;
    width: 170px;
    text-align: left;
    border: 1px solid #e4e4e4;
    border-width: 1px;
    opacity: 0;
    background: #16b7cc;
}

#top-menu .menu-item:hover > ul,
#top-menu .menu-item:focus-within > ul {
    left: 0;
    opacity: 1;
}

#top-menu .menu-item:hover ul ul,
#top-menu .menu-item:focus-within ul ul {
    left: 100%;
}

#top-menu .sub-menu a {
    border-bottom: 1px solid #dddddd;
}

#top-menu .sub-menu > li:last-of-type > a {
    border: none;
}

#top-menu .sub-menu li:first-child > .sub-menu {
    margin-top: -1px;
}

#top-menu .sub-menu > li > a {
    display: block;
    width: 100%;
    padding: 8px 15px;
    margin: 0;
}

#top-menu li a {
    font-size: 11px;
    line-height: 40px;
    letter-spacing: 1px;
    font-weight: 700;
    text-transform: uppercase;
}
#top-menu .sub-menu > li > a {
    font-size: 11px;
    line-height: 24px;
    letter-spacing: 0.5px;
}

#top-menu li a {
    font-size: 11px;
    line-height: 40px;
    letter-spacing: 1px;
    font-weight: 600;
    color: #16b7cc;
}

#top-menu .sub-menu > li > a {
    font-size: 11px;
    line-height: 22px;
    letter-spacing: 0.5px;
}

#top-menu li a,
#main-menu li a {
    text-transform: uppercase;
}

#top-navigation > div {
    padding-left: 30px;
    padding-right: 30px;
}

/*--------------------------------------------------------------
Special Links Sections
--------------------------------------------------------------*/

#special-links {
    padding: 40px !important;
    border-bottom: 1px solid #eee;
}

#special-links .wrapped-content {
    font-size: 0;
    text-align: center;
}

#special-links .special-link {
    position: relative;
    float: left;
}

#special-links a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#special-links .graceful-wrap-outer {
    padding: 12px;
}

#special-links h4 {
    display: inline-block;
    padding: 11px 20px;
    font-family: "Lato", sans-serif;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    background-color: rgba(0, 0, 0, 0.5);
    color: #ffffff !important;
}

#special-links .special-link {
    width: calc((100% - 50px) / 3);
    width: -webkit-calc((100% - 70px) /3);
    margin-right: 34px;
}

#special-links .special-link:last-child {
    margin-right: 0;
}

@media screen and (max-width: 768px) {
    .special-link {
        display: block;
    }
}

aside .graceful-widget h2 {
    background: none;
    border-bottom: 1px solid #16b7cc;
}

aside .graceful-widget h2::after {
    border-top: 8px solid #16b7cc;
}

.graceful-widget .widget-title {
    background: none;
    border-bottom: 1px solid #16b7cc;
}

#site-footer {
    background: f2f2f2;
}

/*--------------------------------------------------------------
Home Page Blog List Layout Customization
--------------------------------------------------------------*/
.blog .content-column article {
    display: flex;
    overflow: visible;
    min-height: 400px;
}
.blog .post-image-col {
    flex: 0 0 50%;
    position: relative;
    overflow: hidden;
}
.blog .post-image-col .site-images {
    height: 400px;
}
.blog .site-images a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.blog .site-images .no-thumbnail {
    width: 100%;
    height: 100%;
    background-color: #eeeeee;
}
.blog .post-content-col {
    flex: 0 0 50%;
    padding: 25px;
    display: flex;
    flex-direction: column;
    overflow: visible;
}
.blog .content-column li {
    margin-bottom: 50px;
}
.blog .post-header {
    text-align: unset;
}
.blog .post-title {
    font-size: 28px;
    font-weight: bolder;
    line-height: 36px;
}
.blog .post-page-content {
    padding-top: 0;
    flex-grow: 1;
    word-wrap: break-word;
    overflow-wrap: break-word;
}
.blog .post-page-content p {
    padding: 0px;
    margin: 0px 0px 15px 0px;
    letter-spacing: unset;
    word-wrap: break-word;
    overflow-wrap: break-word;
}
.blog .continue-read {
    text-align: left;
    margin: 5px 0 30px;
    padding: 0;
}

.blog .continue-read a {
    line-height: 34px;
}

/* Responsive adjustments */
@media (max-width: 992px) {
    .blog .content-column article {
        min-height: 350px;
    }

    .blog .post-image-col .site-images {
        height: 350px;
    }

    .blog .post-title {
        font-size: 24px;
    }
}

@media (max-width: 768px) {
    .blog .content-column article {
        flex-direction: column;
        height: auto;
    }

    .blog .post-image-col .site-images {
        flex: 0 0 280px;
        height: 280px;
    }

    .blog .post-content-col {
        flex: 1;
        padding: 15px;
    }

    .blog .post-title {
        font-size: 23px;
    }

    .blog .post-author {
        margin-bottom: 10px;
    }
}

@media (max-width: 480px) {
    .blog .graceful-latest .post-card {
        height: 430px;
    }
    .blog .post-image-col .site-images {
        height: 220px;
    }
}

@media (min-width: 992px) {
    .blog .post-content-col {
        background: #fff;
        z-index: 1;
        min-height: 340px;
        margin: 30px 0 30px -30px;
        box-shadow: -8px 0px 10px 0px rgba(0, 0, 0, 0.2);
        -webkit-box-shadow: -8px 0px 10px 0px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: -8px 0px 10px 0px rgba(0, 0, 0, 0.2);
    }
}

.blog article .post-meta {
    margin-bottom: 10px;
}

/*--------------------------------------------------------------
Category Page List Layout Customization
--------------------------------------------------------------*/
.category .content-column article {
    display: flex;
    overflow: visible;
    min-height: 400px;
}
.category .post-image-col {
    flex: 0 0 50%;
    position: relative;
    overflow: hidden;
}
.category .post-image-col .site-images {
    height: 400px;
}
.category .site-images a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.category .site-images .no-thumbnail {
    width: 100%;
    height: 100%;
    background-color: #ddd;
}
.category .post-content-col {
    flex: 0 0 50%;
    padding: 25px;
    display: flex;
    flex-direction: column;
    overflow: visible;
}
.category .content-column li {
    margin-bottom: 50px;
}
.category .post-header {
    text-align: unset;
}
.category .post-title {
    font-size: 28px;
    font-weight: bolder;
    line-height: 36px;
}
.category .post-page-content {
    padding-top: 0;
    flex-grow: 1;
    word-wrap: break-word;
    overflow-wrap: break-word;
}
.category .post-page-content p {
    padding: 0px;
    margin: 0px 0px 15px 0px;
    letter-spacing: unset;
    word-wrap: break-word;
    overflow-wrap: break-word;
}
.category .continue-read {
    text-align: left;
    margin: 5px 0 30px;
    padding: 0;
}

.category .continue-read a {
    line-height: 34px;
}

/* Responsive adjustments */
@media (max-width: 992px) {
    .category .content-column article {
        min-height: 350px;
    }

    .category .post-image-col .site-images {
        height: 350px;
    }

    .category .post-title {
        font-size: 24px;
    }
}

@media (max-width: 768px) {
    .category .content-column article {
        flex-direction: column;
        height: auto;
    }

    .category .post-image-col .site-images {
        flex: 0 0 280px;
        height: 280px;
    }

    .category .post-content-col {
        flex: 1;
        padding: 15px;
    }

    .category .post-title {
        font-size: 23px;
    }

    .category .post-author {
        margin-bottom: 10px;
    }
}

@media (max-width: 480px) {
    .category .graceful-latest .post-card {
        height: 430px;
    }
    .category .post-image-col .site-images {
        height: 220px;
    }
}

@media (min-width: 992px) {
    .category .post-content-col {
        background: #fff;
        z-index: 1;
        min-height: 340px;
        margin: 30px 0 30px -30px;
        box-shadow: -8px 0px 10px 0px rgba(0, 0, 0, 0.2);
        -webkit-box-shadow: -8px 0px 10px 0px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: -8px 0px 10px 0px rgba(0, 0, 0, 0.2);
    }
}

.category article .post-meta {
    margin-bottom: 10px;
}

.graceful-zen-category-title {
    margin-top: 1px;
    padding: 10px 0;
    font-size: 32px;
}

.category .graceful-zen-wave-svg {
    margin-bottom: 30px;
}

.single .graceful-zen-wave-svg {
    margin-bottom: 8px;
}

.graceful-zen-wave-svg path {
    fill: #16b7cc;
}

/*--------------------------------------------------------------
Graceful Zen Post Slider Customization
--------------------------------------------------------------*/
.graceful-zen-slider-container {
    max-width: 1200px;
    margin: 0 auto 60px;
    padding: 20px;
}

#graceful-zen-post-slider .slider-item {
    display: flex;
    align-items: stretch;
    background: #fff;
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    min-height: 400px;
}

#graceful-zen-post-slider .text-panel {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: #fff;
    box-shadow: 2px 0px 10px 0px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 2px 0px 10px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 2px 0px 10px 0px rgba(0, 0, 0, 0.2);
    position: relative;
    z-index: 2;
    padding: 0px;
    margin: 30px -30px 30px 0;
    padding: 20px 20px 20px 0;
    min-height: 362px;
}

#graceful-zen-post-slider .post-title {
    font-family: "Cormorant Garamond", "Times", serif;
    font-size: 2.2em;
    font-weight: bold;
    color: #333;
    margin-bottom: 15px;
    line-height: 1.2;
}

#graceful-zen-post-slider .title-underline {
    width: 60px;
    height: 3px;
    background: #20b2aa;
    margin-bottom: 20px;
}

#graceful-zen-post-slider .post-excerpt {
    font-family: "Montserrat", sans-serif;
    color: #666;
    margin-bottom: 25px;
    font-size: 1.1em;
    line-height: 1.5;
}

#graceful-zen-post-slider .read-more-btn {
    background: #16b7cc;
    color: white;
    padding: 6px 20px;
    border: none;
    border-radius: 4px;
    font-weight: bold;
    font-size: 14px;
    text-transform: uppercase;
    cursor: pointer;
    transition: all 0.3s ease;
    text-decoration: none;
    display: inline-block;
    width: fit-content;
}

#graceful-zen-post-slider .read-more-btn:hover {
    background: #1a9999;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(32, 178, 170, 0.3);
}

#graceful-zen-post-slider .image-panel {
    flex: 1;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    min-height: 400px;
    position: relative;
}

#graceful-zen-post-slider .image-panel::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(
        45deg,
        rgba(0, 0, 0, 0.1),
        rgba(255, 255, 255, 0.1)
    );
}

#graceful-zen-post-slider .default-image {
    background: #eeeeee;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 18px;
    font-weight: bold;
}

/* Owl Carousel Custom Styles - Scoped to #graceful-zen-post-slider */
#graceful-zen-post-slider.owl-carousel {
    position: relative;
}

#graceful-zen-post-slider .owl-nav {
    display: none;
}

#graceful-zen-post-slider .owl-dots {
    position: absolute;
    bottom: 30px;
    right: 20%;
    z-index: 10;
    text-align: right;
    background: rgba(255, 255, 255, 0.9);
    padding: 2px 8px;
    border-radius: 20px;
    backdrop-filter: blur(10px);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

#graceful-zen-post-slider .owl-dot {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.3);
    margin: 0 4px;
    cursor: pointer;
    transition: all 0.3s ease;
    border: none;
    outline: none;
}

#graceful-zen-post-slider .owl-dot span {
    display: none;
}

#graceful-zen-post-slider .owl-dot.active {
    background: #20b2aa;
    transform: scale(1.2);
}

#graceful-zen-post-slider .owl-dot:hover {
    background: #20b2aa;
    transform: scale(1.1);
}

/* Responsive Design */
@media (max-width: 768px) {
    #graceful-zen-post-slider .slider-item {
        flex-direction: column;
        min-height: auto;
        box-shadow: none;
    }

    #graceful-zen-post-slider .text-panel {
        order: 2;
        box-shadow: none;
        margin: 0px -30px 0px 0;
        padding: 20px 20px 20px 0;
        justify-content: start;
        min-height: 300px;
    }

    #graceful-zen-post-slider .image-panel {
        order: 1;
        min-height: 250px;
    }

    #graceful-zen-post-slider .post-title {
        font-size: 1.8em;
        line-height: 32px !important;
    }

    #graceful-zen-post-slider .post-excerpt {
        font-size: 1em;
        margin-top: 0;
    }

    #graceful-zen-post-slider .graceful-zen-slider-container {
        padding: 10px;
    }

    #graceful-zen-post-slider .owl-dots {
        bottom: 20px;
        right: 40%;
    }
}

@media (max-width: 480px) {
    #graceful-zen-post-slider .text-panel {
        box-shadow: none;
    }

    #graceful-zen-post-slider .post-title {
        font-size: 1.5em;
    }

    #graceful-zen-post-slider .read-more-btn {
        padding: 10px 20px;
        font-size: 12px;
    }

    #graceful-zen-post-slider .owl-dots {
        bottom: 15px;
    }
}

.navigation-search-button i {
    color: #16b7cc !important;
}

/*--------------------------------------------------------------
Graceful Zen Pagination - Профессиональный минималистичный дизайн
--------------------------------------------------------------*/

/* Основные стили пагинации */
.graceful-zen-pagination-final {
    margin: 45px auto 35px;
    text-align: center;
    max-width: 600px;
    font-family: inherit;
}

.pagination-container {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    border-radius: 16px;
    box-shadow:
        0 4px 20px rgba(0, 0, 0, 0.08),
        0 1px 3px rgba(0, 0, 0, 0.06);
    border: 1px solid #e8ecef;
    padding: 6px;
    gap: 2px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
}

.pagination-container:hover {
    box-shadow:
        0 8px 30px rgba(22, 183, 204, 0.15),
        0 2px 8px rgba(22, 183, 204, 0.08);
    border-color: rgba(22, 183, 204, 0.3);
}

/* Навигационные кнопки */
.pagination-nav {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 105px;
    height: 40px;
    padding: 8px 16px;
    background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);
    border: 1.5px solid transparent;
    border-radius: 12px;
    color: #495057;
    text-decoration: none;
    font-weight: 500;
    font-size: 13px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    cursor: pointer;
    position: relative;
    z-index: 1;
}

.pagination-nav:not(.disabled):hover {
    background: linear-gradient(135deg, #16b7cc 0%, #14a5b8 100%);
    border-color: #16b7cc;
    color: #ffffff;
    transform: translateY(-1px) scale(1.02);
    box-shadow: 0 6px 16px rgba(22, 183, 204, 0.25);
}

.pagination-nav.disabled {
    background: #f1f3f4;
    color: #adb5bd;
    cursor: not-allowed;
    opacity: 0.6;
}

.pagination-nav i {
    font-size: 11px;
    transition: transform 0.3s ease;
}

.pagination-nav.prev-page i {
    margin-right: 6px;
}

.pagination-nav.next-page i {
    margin-left: 6px;
}

/* Индикатор текущей страницы */
.current-page-indicator {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 8px 18px;
    background: linear-gradient(135deg, #16b7cc 0%, #14a5b8 100%);
    border-radius: 12px;
    color: #ffffff;
    font-weight: 600;
    min-width: 110px;
    justify-content: center;
    box-shadow:
        0 3px 12px rgba(22, 183, 204, 0.3),
        inset 0 1px 0 rgba(255, 255, 255, 0.2);
    position: relative;
}

.page-label {
    font-size: 12px;
    opacity: 0.9;
    font-weight: 500;
}

.page-number {
    font-size: 15px;
    font-weight: 700;
}

/* Предстоящие страницы */
.upcoming-pages {
    display: flex;
    align-items: center;
    gap: 2px;
    margin: 0 8px;
}

.page-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    background: #f8f9fa;
    border: 1px solid #e8ecef;
    border-radius: 9px;
    color: #6c757d;
    text-decoration: none;
    font-size: 12px;
    font-weight: 500;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
}

.page-link:hover {
    border-color: #16b7cc !important;
    color: #ffffff !important;
    background: linear-gradient(135deg, #16b7cc 0%, #14a5b8 100%) !important;
    transform: translateY(-1px) scale(1.1);
    box-shadow: 0 4px 12px rgba(22, 183, 204, 0.25);
    z-index: 10;
    position: relative;
}

.page-link:hover,
.page-link:hover * {
    color: #ffffff !important;
    text-shadow: none !important;
}

/* Стили контейнера слайдера */
#graceful-zen-post-slider .text-panel {
    padding: 30px;
    background: rgba(255, 255, 255, 0.98);
    backdrop-filter: blur(10px);
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}

#graceful-zen-post-slider .post-excerpt {
    color: #6c757d;
    font-size: 15px;
    line-height: 1.6;
    margin-bottom: 20px;
}

/* Волновая линия под заголовком */
.graceful-zen-wave-svg {
    margin: 10px 0 20px;
    opacity: 0.8;
}

.more-indicator {
    color: #adb5bd;
    font-weight: 600;
    padding: 0 6px;
    font-size: 14px;
    opacity: 0.7;
}

/* Мобильная адаптация */
@media (max-width: 768px) {
    .graceful-zen-pagination-final {
        margin: 30px auto 25px;
        padding: 0 15px;
    }

    .pagination-container {
        gap: 1px;
        padding: 4px;
        border-radius: 14px;
    }

    .pagination-nav {
        min-width: 85px;
        height: 36px;
        padding: 6px 12px;
        font-size: 12px;
        border-radius: 10px;
    }

    .current-page-indicator {
        min-width: 90px;
        padding: 6px 14px;
        border-radius: 10px;
    }

    .nav-text {
        display: none;
    }

    .pagination-nav {
        min-width: 40px;
    }

    .upcoming-pages {
        margin: 0 4px;
    }

    .page-link {
        width: 30px;
        height: 30px;
        font-size: 11px;
        border-radius: 8px;
    }
}

@media (max-width: 480px) {
    .pagination-container {
        flex-wrap: wrap;
        justify-content: center;
        gap: 6px;
        padding: 8px;
        border-radius: 12px;
    }

    .current-page-indicator {
        order: -1;
        width: 100%;
        margin-bottom: 4px;
        min-width: auto;
    }

    .upcoming-pages {
        order: 1;
        margin: 4px 0 0;
    }

    .nav-text {
        display: inline;
    }

    .pagination-nav {
        min-width: 80px;
        height: 34px;
        font-size: 11px;
    }

    .page-link {
        width: 28px;
        height: 28px;
        font-size: 10px;
    }
}

/* Дополнительные стили для четкого отображения текста */
.page-link {
    text-align: center;
    line-height: 1;
    vertical-align: middle;
}

.page-link:focus,
.page-link:active {
    color: #ffffff !important;
    background: linear-gradient(135deg, #16b7cc 0%, #14a5b8 100%) !important;
    border-color: #16b7cc !important;
}

/* ========== ПРОФЕССИОНАЛЬНЫЕ СТИЛИ СЛАЙДЕРА ========== */

/* Заголовок слайдера */
.graceful-slider-title,
#graceful-zen-post-slider .post-title,
#graceful-zen-post-slider .post-title a {
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1.3;
    color: #2d3748;
    margin-bottom: 15px;
    text-decoration: none;
    transition: color 0.3s ease;
    display: block;
}

.graceful-slider-title:hover,
#graceful-zen-post-slider .post-title a:hover {
    color: #16b7cc;
    text-decoration: none;
}

/* Кнопка "Подробнее" */
.graceful-slider-read-more,
#graceful-zen-post-slider .read-more-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 12px 24px;
    background: linear-gradient(135deg, #16b7cc 0%, #14a5b8 100%);
    color: white;
    text-decoration: none;
    border-radius: 8px;
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    border: none;
    cursor: pointer;
    box-shadow: 0 2px 8px rgba(22, 183, 204, 0.2);
    position: relative;
    overflow: hidden;
}

.graceful-slider-read-more::before,
#graceful-zen-post-slider .read-more-btn::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.2),
        transparent
    );
    transition: left 0.5s ease;
}

.graceful-slider-read-more:hover,
#graceful-zen-post-slider .read-more-btn:hover {
    background: linear-gradient(135deg, #14a5b8 0%, #128a9a 100%);
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(22, 183, 204, 0.35);
}

.graceful-slider-read-more:hover::before,
#graceful-zen-post-slider .read-more-btn:hover::before {
    left: 100%;
}

.graceful-slider-read-more:active,
#graceful-zen-post-slider .read-more-btn:active {
    transform: translateY(0);
    box-shadow: 0 2px 8px rgba(22, 183, 204, 0.3);
}

/* Стили для состояния "Нет постов" */
#graceful-zen-post-slider .slider-item:last-child .post-title {
    color: #2d3748;
    font-size: 1.6rem;
    font-weight: 600;
    margin-bottom: 15px;
}

#graceful-zen-post-slider .slider-item:last-child .post-excerpt {
    color: #6c757d;
    font-size: 15px;
    line-height: 1.6;
    margin-bottom: 20px;
}

/* Дополнительные стили для изображения слайдера */
#graceful-zen-post-slider .image-panel {
    border-radius: 12px;
    overflow: hidden;
    position: relative;
}

#graceful-zen-post-slider .image-panel::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(
        135deg,
        rgba(22, 183, 204, 0.1) 0%,
        rgba(20, 165, 184, 0.05) 100%
    );
    pointer-events: none;
}

/* Стили для контейнера слайдера */
.graceful-zen-slider-container {
    border-radius: 16px;
    overflow: hidden;
    background: #ffffff;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
    margin: 30px 0;
}

/* Улучшенная типографика для заголовков */
.graceful-slider-title,
#graceful-zen-post-slider .post-title a {
    font-family:
        -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue",
        Arial, sans-serif;
    letter-spacing: -0.025em;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Иконка в кнопке "Подробнее" */
.graceful-slider-read-more::after,
#graceful-zen-post-slider .read-more-btn::after {
    content: "→";
    margin-left: 8px;
    font-size: 16px;
    transition: transform 0.3s ease;
    display: inline-block;
}

.graceful-slider-read-more:hover::after,
#graceful-zen-post-slider .read-more-btn:hover::after {
    transform: translateX(3px);
}

/* Улучшенные состояния фокуса для доступности */
.graceful-slider-read-more:focus,
#graceful-zen-post-slider .read-more-btn:focus {
    outline: 2px solid #16b7cc;
    outline-offset: 2px;
    box-shadow: 0 0 0 4px rgba(22, 183, 204, 0.1);
}

/* Плавная анимация для текста */
.graceful-slider-title,
#graceful-zen-post-slider .post-title a,
#graceful-zen-post-slider .post-excerpt {
    transition: all 0.3s ease;
}

/* Эффект при наведении на весь блок слайдера */
#graceful-zen-post-slider .slider-item:hover .post-title a {
    color: #16b7cc;
}

#graceful-zen-post-slider .slider-item:hover .post-excerpt {
    color: #495057;
}

/* Дополнительные стили для Owl Carousel */
#graceful-zen-post-slider .owl-nav {
    margin-top: 20px;
}

#graceful-zen-post-slider .owl-nav button {
    background: rgba(22, 183, 204, 0.1) !important;
    color: #16b7cc !important;
    border-radius: 50% !important;
    width: 45px !important;
    height: 45px !important;
    font-size: 18px !important;
    transition: all 0.3s ease !important;
}

#graceful-zen-post-slider .owl-nav button:hover {
    background: #16b7cc !important;
    color: white !important;
    transform: scale(1.1) !important;
}

#graceful-zen-post-slider .owl-dots {
    text-align: center;
    margin-top: 25px;
}

#graceful-zen-post-slider .owl-dot {
    width: 12px !important;
    height: 12px !important;
    border-radius: 50% !important;
    background: rgba(22, 183, 204, 0.3) !important;
    margin: 0 6px !important;
    transition: all 0.3s ease !important;
}

#graceful-zen-post-slider .owl-dot.active,
#graceful-zen-post-slider .owl-dot:hover {
    background: #16b7cc !important;
    transform: scale(1.2) !important;
}

/* Дополнительные правила для обеспечения кликабельности кнопок слайдера */
.graceful-slider-read-more,
#graceful-zen-post-slider .read-more-btn {
    pointer-events: auto !important;
    cursor: pointer !important;
    user-select: none !important;
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    position: relative !important;
    z-index: 999 !important;
}

/* Исправляем возможные конфликты с Owl Carousel */
#graceful-zen-post-slider .owl-item .graceful-slider-read-more,
#graceful-zen-post-slider .owl-item .read-more-btn {
    pointer-events: auto !important;
    position: relative !important;
    z-index: 1000 !important;
}

/* Отключаем drag для кнопок */
.graceful-slider-read-more,
#graceful-zen-post-slider .read-more-btn {
    -webkit-user-drag: none !important;
    -khtml-user-drag: none !important;
    -moz-user-drag: none !important;
    -o-user-drag: none !important;
    user-drag: none !important;
}

/* Обеспечиваем правильное отображение в контейнере слайдера */
#graceful-zen-post-slider .text-panel {
    pointer-events: auto !important;
}

#graceful-zen-post-slider .slider-item {
    pointer-events: auto !important;
}

/* Стили для состояния клика */
.graceful-slider-read-more:active,
#graceful-zen-post-slider .read-more-btn:active {
    transform: scale(0.95) !important;
    transition: transform 0.1s ease !important;
}

/* КРИТИЧЕСКИ ВАЖНЫЕ ПРАВИЛА ДЛЯ КЛИКАБЕЛЬНОСТИ КНОПОК */
/* Дополнительные правила для обеспечения кликабельности кнопок слайдера */
/* Преодолеваем блокировки Owl Carousel и других скриптов */
.graceful-slider-read-more,
#graceful-zen-post-slider .read-more-btn {
    pointer-events: auto !important;
    cursor: pointer !important;
    position: relative !important;
    z-index: 9999 !important;
    display: inline-block !important;
    text-decoration: none !important;
    visibility: hidden !important;
}

/* Убираем drag и selection для кнопок */
.graceful-slider-read-more,
#graceful-zen-post-slider .read-more-btn {
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important;
    -webkit-user-drag: none !important;
    -khtml-user-drag: none !important;
    -moz-user-drag: none !important;
    -o-user-drag: none !important;
    user-drag: none !important;
    -webkit-touch-callout: none !important;
}

/* Принудительная кликабельность внутри Owl Carousel */
.owl-carousel .graceful-slider-read-more,
.owl-carousel #graceful-zen-post-slider .read-more-btn,
.owl-item .graceful-slider-read-more,
.owl-item #graceful-zen-post-slider .read-more-btn,
#graceful-zen-post-slider.owl-carousel .graceful-slider-read-more,
#graceful-zen-post-slider.owl-carousel .read-more-btn {
    pointer-events: auto !important;
    position: relative !important;
    z-index: 10000 !important;
    cursor: pointer !important;
}

/* Блокируем drag для слайдера только вне кнопок */
.owl-carousel .owl-stage {
    cursor: grab !important;
}

.owl-carousel .owl-stage:active {
    cursor: grabbing !important;
}

/* Но разрешаем клики на кнопках */
.owl-carousel .graceful-slider-read-more:hover,
.owl-carousel .read-more-btn:hover {
    cursor: pointer !important;
}

/* Дополнительная защита от блокировки событий */
.text-panel {
    pointer-events: auto !important;
}

.slider-item {
    pointer-events: auto !important;
}

/* Убираем возможные блокирующие элементы */
.graceful-slider-read-more *,
#graceful-zen-post-slider .read-more-btn * {
    pointer-events: none !important;
}

/* Отключаем любые трансформации которые могут мешать кликам */
.graceful-slider-read-more,
#graceful-zen-post-slider .read-more-btn {
    transform-style: flat !important;
    backface-visibility: visible !important;
}

/* Адаптивные стили для слайдера */
@media (max-width: 768px) {
    .graceful-slider-title,
    #graceful-zen-post-slider .post-title a {
        font-size: 1.5rem;
        margin-bottom: 12px;
    }

    .graceful-slider-read-more,
    #graceful-zen-post-slider .read-more-btn {
        padding: 10px 20px;
        font-size: 13px;
    }

    #graceful-zen-post-slider .text-panel {
        padding: 20px;
    }

    #graceful-zen-post-slider .post-excerpt {
        font-size: 14px;
        margin-bottom: 15px;
    }
}

@media (max-width: 480px) {
    .graceful-slider-title,
    #graceful-zen-post-slider .post-title a {
        font-size: 1.3rem;
    }

    .graceful-slider-read-more,
    #graceful-zen-post-slider .read-more-btn {
        padding: 8px 16px;
        font-size: 12px;
        width: 100%;
        text-align: center;
    }
}

/* Дополнительные эффекты для слайдера */
#graceful-zen-post-slider .slider-item {
    transition: transform 0.3s ease;
}

#graceful-zen-post-slider .slider-item:hover {
    transform: scale(1.02);
}

/* Состояние загрузки */
#graceful-zen-post-slider.loading .text-panel {
    opacity: 0.7;
    pointer-events: none;
}

/* Анимация появления */
@keyframes slideInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

#graceful-zen-post-slider .text-panel {
    animation: slideInUp 0.6s ease-out;
}

.graceful-zen-pagination {
    margin: 50px 0 30px;
    text-align: center;
    clear: both;
}

.graceful-zen-pagination .pagination-wrapper {
    margin-bottom: 15px;
}

/* Контейнер пагинации */
.graceful-zen-pagination .graceful-zen-page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    padding: 0;
    margin: 0;
    gap: 6px;
    flex-wrap: wrap;
}

/* Базовые стили для ВСЕХ элементов пагинации */
.graceful-zen-pagination .graceful-zen-page-numbers a,
.graceful-zen-pagination .graceful-zen-page-numbers span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 36px !important;
    height: 36px !important;
    padding: 8px 10px !important;
    border-radius: 6px !important;
    text-decoration: none !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    color: #666 !important;
    background: #fff !important;
    transition: all 0.2s ease !important;
    border: 1px solid #e1e1e1 !important;
    box-sizing: border-box !important;
    line-height: 1 !important;
    margin: 0 !important;
}

/* Hover эффекты */
.graceful-zen-pagination .graceful-zen-page-numbers a:hover {
    background: #16b7cc !important;
    color: #fff !important;
    border-color: #16b7cc !important;
    transform: translateY(-1px) !important;
}

/* Активная страница */
.graceful-zen-pagination .graceful-zen-page-numbers .current {
    background: #16b7cc !important;
    color: #fff !important;
    border-color: #16b7cc !important;
}

/* Специальные стили для кнопок навигации */
.graceful-zen-pagination .graceful-zen-page-numbers .prev,
.graceful-zen-pagination .graceful-zen-page-numbers .next {
    padding: 8px 14px !important;
    min-width: auto !important;
    gap: 6px !important;
    font-weight: 500 !important;
}

/* Точки (многоточие) */
.graceful-zen-pagination .graceful-zen-page-numbers .dots {
    color: #999 !important;
    font-weight: normal !important;
    cursor: default !important;
    border: none !important;
    background: transparent !important;
}

.graceful-zen-pagination .graceful-zen-page-numbers .dots:hover {
    background: transparent !important;
    color: #999 !important;
    border: none !important;
    transform: none !important;
}

/* Иконки в кнопках навигации */
.graceful-zen-pagination .prev i,
.graceful-zen-pagination .next i {
    font-size: 11px !important;
    margin: 0 !important;
}

.graceful-zen-pagination .pagination-info {
    font-size: 12px;
    color: #999;
    font-weight: 400;
    margin-top: 12px;
}

.graceful-zen-pagination .pagination-info .current-page {
    color: #666;
    font-weight: 500;
}

.graceful-zen-pagination .pagination-info .total-pages {
    font-weight: 500;
}

/* Старые адаптивные стили удалены - новые находятся в конце файла */

/* Убираем анимацию для минималистичности */

/* Удаляем старые конфликтующие стили - новые стили находятся в конце файла */

/*--------------------------------------------------------------
Footer Customization - убираем ссылку на автора темы
--------------------------------------------------------------*/
.footer-bottom-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 0;
}

.footer-bottom-wrap .scrolltop {
    order: 2;
}

.footer-bottom-wrap .footer-copyright {
    order: 1;
    flex: 1;
}

/* Мобильная адаптация футера */
@media (max-width: 768px) {
    .footer-bottom-wrap {
        flex-direction: column;
        text-align: center;
        gap: 15px;
    }

    .footer-bottom-wrap .scrolltop,
    .footer-bottom-wrap .footer-copyright {
        order: unset;
    }
}

/*--------------------------------------------------------------
СУПЕР СПЕЦИФИЧНЫЕ СТИЛИ ДЛЯ ПАГИНАЦИИ - АБСОЛЮТНО ИСПРАВЛЕНИЕ
--------------------------------------------------------------*/
/* Максимальная специфичность для всех элементов пагинации */
nav.graceful-zen-pagination .graceful-zen-page-numbers a,
nav.graceful-zen-pagination .graceful-zen-page-numbers span,
.graceful-zen-pagination .graceful-zen-page-numbers a,
.graceful-zen-pagination .graceful-zen-page-numbers span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 36px !important;
    height: 36px !important;
    padding: 8px 10px !important;
    border-radius: 6px !important;
    text-decoration: none !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    color: #666 !important;
    background: #fff !important;
    border: 1px solid #e1e1e1 !important;
    box-sizing: border-box !important;
    transition: all 0.2s ease !important;
    line-height: 1 !important;
    margin: 0 2px !important;
    vertical-align: middle !important;
}

/* Кнопки навигации - специальные правила */
nav.graceful-zen-pagination .graceful-zen-page-numbers .prev,
nav.graceful-zen-pagination .graceful-zen-page-numbers .next,
.graceful-zen-pagination .graceful-zen-page-numbers .prev,
.graceful-zen-pagination .graceful-zen-page-numbers .next {
    padding: 8px 14px !important;
    min-width: auto !important;
}

/* Hover для всех элементов */
nav.graceful-zen-pagination .graceful-zen-page-numbers a:hover,
.graceful-zen-pagination .graceful-zen-page-numbers a:hover {
    background: #16b7cc !important;
    color: #fff !important;
    border-color: #16b7cc !important;
    transform: translateY(-1px) !important;
}

/* Активная страница */
nav.graceful-zen-pagination .graceful-zen-page-numbers .current,
.graceful-zen-pagination .graceful-zen-page-numbers .current {
    background: #16b7cc !important;
    color: #fff !important;
    border-color: #16b7cc !important;
}

/* Точки */
nav.graceful-zen-pagination .graceful-zen-page-numbers .dots,
.graceful-zen-pagination .graceful-zen-page-numbers .dots {
    background: transparent !important;
    border: none !important;
    color: #999 !important;
}

.graceful-zen-pagination .graceful-zen-page-numbers .dots:hover {
    background: transparent !important;
    transform: none !important;
}

/*--------------------------------------------------------------
🎯 ПРОФЕССИОНАЛЬНАЯ ПАГИНАЦИЯ БЕЗ ПОСЛЕДНЕЙ СТРАНИЦЫ 🎯
Современный дизайн в стиле сайта
--------------------------------------------------------------*/

/* БАЗОВАЯ НАСТРОЙКА ПАГИНАЦИИ */
.graceful-zen-pagination {
    margin: 40px 0 30px;
    text-align: center;
    clear: both;
    padding: 20px 0;
}

.graceful-zen-pagination .pagination-wrapper {
    margin-bottom: 20px;
    position: relative;
}

/* КОНТЕЙНЕР НОМЕРОВ СТРАНИЦ */
.graceful-zen-pagination .graceful-zen-page-numbers {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
    margin: 0 !important;
    padding: 12px 20px !important;
    background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%) !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 15px rgba(22, 183, 204, 0.1) !important;
    border: 1px solid rgba(22, 183, 204, 0.1) !important;
}

/* БАЗОВЫЕ СТИЛИ ДЛЯ ВСЕХ ЭЛЕМЕНТОВ */
.graceful-zen-pagination .graceful-zen-page-numbers > *,
.graceful-zen-pagination .graceful-zen-page-numbers a,
.graceful-zen-pagination .graceful-zen-page-numbers span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 40px !important;
    height: 40px !important;
    padding: 10px 12px !important;
    background: #ffffff !important;
    border: 1px solid #e8ecef !important;
    border-radius: 8px !important;
    color: #495057 !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    text-decoration: none !important;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    margin: 0 !important;
    position: relative !important;
    overflow: hidden !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05) !important;
}

/* ЭФФЕКТ RIPPLE ПРИ HOVER */
.graceful-zen-pagination .graceful-zen-page-numbers a::before {
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    width: 0 !important;
    height: 0 !important;
    border-radius: 50% !important;
    background: rgba(22, 183, 204, 0.1) !important;
    transform: translate(-50%, -50%) !important;
    transition:
        width 0.3s,
        height 0.3s !important;
}

/* HOVER ЭФФЕКТЫ */
.graceful-zen-pagination .graceful-zen-page-numbers a:hover {
    background: #16b7cc !important;
    color: #ffffff !important;
    border-color: #16b7cc !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(22, 183, 204, 0.3) !important;
}

.graceful-zen-pagination .graceful-zen-page-numbers a:hover::before {
    width: 100% !important;
    height: 100% !important;
}

/* АКТИВНАЯ СТРАНИЦА */
.graceful-zen-pagination .graceful-zen-page-numbers .current,
.graceful-zen-pagination .graceful-zen-page-numbers span.current {
    background: linear-gradient(135deg, #16b7cc 0%, #14a5b8 100%) !important;
    color: #ffffff !important;
    border-color: #16b7cc !important;
    box-shadow: 0 4px 15px rgba(22, 183, 204, 0.4) !important;
    font-weight: 700 !important;
}

/* КНОПКИ НАВИГАЦИИ */
.graceful-zen-pagination .graceful-zen-page-numbers .prev,
.graceful-zen-pagination .graceful-zen-page-numbers .next {
    padding: 10px 16px !important;
    min-width: auto !important;
    gap: 8px !important;
    font-weight: 600 !important;
    background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%) !important;
    border: 2px solid #e8ecef !important;
}

.graceful-zen-pagination .graceful-zen-page-numbers .prev:hover,
.graceful-zen-pagination .graceful-zen-page-numbers .next:hover {
    background: linear-gradient(135deg, #16b7cc 0%, #14a5b8 100%) !important;
    border-color: #16b7cc !important;
}

/* ТОЧКИ (МНОГОТОЧИЕ) */
.graceful-zen-pagination .graceful-zen-page-numbers .dots {
    background: transparent !important;
    border: none !important;
    color: #6c757d !important;
    font-weight: 700 !important;
    cursor: default !important;
    box-shadow: none !important;
    min-width: 30px !important;
}

.graceful-zen-pagination .graceful-zen-page-numbers .dots:hover {
    background: transparent !important;
    transform: none !important;
    color: #6c757d !important;
    box-shadow: none !important;
}

/* ИКОНКИ В КНОПКАХ НАВИГАЦИИ */
.graceful-zen-pagination .prev i,
.graceful-zen-pagination .next i {
    font-size: 12px !important;
    margin: 0 !important;
    color: inherit !important;
    transition: transform 0.3s ease !important;
}

.graceful-zen-pagination .prev:hover i {
    transform: translateX(-2px) !important;
}

.graceful-zen-pagination .next:hover i {
    transform: translateX(2px) !important;
}

/* СПЕЦИАЛЬНАЯ ФИНАЛЬНАЯ КНОПКА "ЕЩЕ" */
.graceful-zen-pagination .graceful-zen-page-numbers .next.final {
    background: linear-gradient(135deg, #ff6b35 0%, #f7931e 100%) !important;
    border-color: #ff6b35 !important;
    color: #ffffff !important;
    position: relative !important;
    overflow: hidden !important;
}

.graceful-zen-pagination .graceful-zen-page-numbers .next.final::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: -100% !important;
    width: 100% !important;
    height: 100% !important;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.3),
        transparent
    ) !important;
    transition: left 0.5s ease !important;
}

.graceful-zen-pagination .graceful-zen-page-numbers .next.final:hover::before {
    left: 100% !important;
}

.graceful-zen-pagination .graceful-zen-page-numbers .next.final:hover {
    background: linear-gradient(135deg, #e55a2b 0%, #e0841a 100%) !important;
    border-color: #e55a2b !important;
    box-shadow: 0 6px 20px rgba(255, 107, 53, 0.4) !important;
    transform: translateY(-2px) scale(1.02) !important;
}

/* ИНФОРМАЦИЯ О ПАГИНАЦИИ */
.graceful-zen-pagination .pagination-info {
    font-size: 13px !important;
    color: #6c757d !important;
    font-weight: 500 !important;
    margin-top: 15px !important;
    padding: 8px 16px !important;
    background: rgba(22, 183, 204, 0.05) !important;
    border-radius: 6px !important;
    display: inline-block !important;
}

.graceful-zen-pagination .pagination-info .current-page {
    color: #16b7cc !important;
    font-weight: 700 !important;
}

.graceful-zen-pagination .pagination-info .total-pages {
    color: #495057 !important;
    font-weight: 600 !important;
}

/* АДАПТИВНЫЕ СТИЛИ */
@media (max-width: 768px) {
    .graceful-zen-pagination {
        margin: 30px 0 20px !important;
        padding: 15px 0 !important;
    }

    .graceful-zen-pagination .graceful-zen-page-numbers {
        gap: 6px !important;
        padding: 10px 15px !important;
    }

    .graceful-zen-pagination .graceful-zen-page-numbers > * {
        min-width: 36px !important;
        height: 36px !important;
        padding: 8px 10px !important;
        font-size: 13px !important;
    }

    .graceful-zen-pagination .graceful-zen-page-numbers .prev,
    .graceful-zen-pagination .graceful-zen-page-numbers .next {
        padding: 8px 12px !important;
    }

    .graceful-zen-pagination .pagination-text {
        display: none !important;
    }

    .graceful-zen-pagination .pagination-info {
        font-size: 12px !important;
        margin-top: 12px !important;
        padding: 6px 12px !important;
    }
}

@media (max-width: 480px) {
    .graceful-zen-pagination {
        margin: 25px 0 15px !important;
        padding: 10px 0 !important;
    }

    .graceful-zen-pagination .graceful-zen-page-numbers {
        gap: 4px !important;
        padding: 8px 12px !important;
        flex-wrap: wrap !important;
    }

    .graceful-zen-pagination .graceful-zen-page-numbers > * {
        min-width: 32px !important;
        height: 32px !important;
        padding: 6px 8px !important;
        font-size: 12px !important;
    }

    .graceful-zen-pagination .graceful-zen-page-numbers .prev,
    .graceful-zen-pagination .graceful-zen-page-numbers .next {
        padding: 6px 10px !important;
    }

    .graceful-zen-pagination .pagination-info {
        font-size: 11px !important;
        margin-top: 10px !important;
        padding: 5px 10px !important;
    }
}

/* АНИМАЦИЯ ПОЯВЛЕНИЯ */
.graceful-zen-pagination {
    animation: fadeInUp 0.5s ease-out !important;
}

@keyframes fadeInUp {
    from {
        opacity: 0 !important;
        transform: translateY(20px) !important;
    }
    to {
        opacity: 1 !important;
        transform: translateY(0) !important;
    }
}

/* ТЕМНАЯ ТЕМА (опционально) */
@media (prefers-color-scheme: dark) {
    .graceful-zen-pagination .graceful-zen-page-numbers {
        background: linear-gradient(
            135deg,
            #2d3748 0%,
            #1a202c 100%
        ) !important;
        border-color: rgba(22, 183, 204, 0.2) !important;
    }

    .graceful-zen-pagination .graceful-zen-page-numbers > * {
        background: #2d3748 !important;
        border-color: #4a5568 !important;
        color: #e2e8f0 !important;
    }

    .graceful-zen-pagination .pagination-info {
        background: rgba(22, 183, 204, 0.1) !important;
        color: #a0aec0 !important;
    }
}

/*--------------------------------------------------------------
Нативные стили для рекламного блока (без выделения)
--------------------------------------------------------------*/
.ad-block-before-content {
    margin: 25px 0 30px;
    text-align: center;
    background: #ffffff;
    padding: 0;
    border: none;
    border-radius: 0;
}

/* Адаптивные стили для рекламного блока */
@media (max-width: 768px) {
    .ad-block-before-content {
        margin: 20px 0 25px;
    }
}

@media (max-width: 480px) {
    .ad-block-before-content {
        margin: 15px 0 20px;
    }
}

/*--------------------------------------------------------------
Скрываем все элементы связанные с комментариями
--------------------------------------------------------------*/
/* Основные блоки комментариев */
.comments-area,
#comments,
.comment-list,
.comment-form,
.comment-respond,
.comment-reply-link,
.comment-navigation,
.comments-title,
.no-comments {
    display: none !important;
}

/* Ссылки на комментарии в постах */
.post-comments,
.comments-link,
a[href*="#comments"],
a[href*="#respond"] {
    display: none !important;
}

/* WordPress комментарии в админке */
.wp-block-comments,
.wp-block-comment-template,
.wp-block-comment-author-name,
.wp-block-comment-date,
.wp-block-comment-content,
.wp-block-comment-reply-link {
    display: none !important;
}

/* Дополнительные селекторы для комментариев */
.comment,
.comment-body,
.comment-author,
.comment-meta,
.reply {
    display: none !important;
}