/*
Theme Name: WPCommunity Child
Theme URI: https://wpshop.ru/themes/wpcommunity
Author: WPShop.ru
Author URI: http://wpshop.ru/
Template: wpcommunity
Version: 1.0.0
Text Domain: wpcommunity
*/

/* Below you can add your CSS styles */
/* Ниже Вы можете добавить свои CSS стили */


html[theme="dark"]:root {
    --wpsc-white-bg: #222222 !important;
    --wpsc-body-bg: #1C1C1C !important;
}

@media (min-width: 768px) {
    :root {
        --wpsc-header-scale-font-size:1.1
    }
}

:root {
    --wpsc-box-border-radius: 10px;
    --wpsc-site-gap: 1rem;
}




.category-card:hover .category-card__title, .dark-mode-switch-container:hover, .after-header-navigation ul li a:hover, .cancel-comment-reply-link a:hover, .comment-header__author a:hover, .main-navigation ul li a:hover, .mobile-menu ul li a:hover, .page-links .page-numbers:hover, .page-links .post-page-numbers:hover, .pagination .nav-links .page-numbers:hover, .pagination .nav-links .post-page-numbers:hover, .post-card__title a:hover, .post-meta__tags a:hover, .publish-drafts__header:hover, .site-footer a:hover, .site-title a:hover, .top-table__object a:hover, .widget ol li a:hover, .widget ul li a:hover, .widget-comments-item__author a:hover, .widget-comments-item__content a:hover, .widget-comments-item__post-link a:hover, .widget-navigation__item-wrap:hover, .widget-navigation__item>:hover {
    color: var(--wpsc-btn-primary-bg, var(--wpsc-primary-color));
}



.btn, .button, button {
    background-color: var(--wpsc-btn-primary-bg, var(--wpsc-primary-color));
    border-radius: .5rem;
    line-height: 1.2;
    /* padding: 8px 16px; */
    font-size: 15px;
}

.pseudo-link, a {
    color: var(--wpsc-btn-primary-bg, var(--wpsc-primary-color));
}




.site-header-inner {
    max-width: 1386px;
    padding: 1rem;
}
.site-header {
    position: relative;
    margin: 0;
    padding: 0;
    height: unset;
    z-index: 9000;
}

.dark-mode-switch-container {
    cursor: pointer;
}

/* .dark-mode-switch-container:hover {
    color: var(--color-link-text-hover, var(--wpsc-link-hover-color));
} */

/* .widget_nav_menu {
    padding: var(--wpsc-widget-padding-y) var(--wpsc-widget-padding-x);
    border-radius: var(--wpsc-widget-border-radius, var(--wpsc-box-border-radius));
    background: var(--wpsc-white-bg);
    -webkit-box-shadow: var(--wpsc-shadow-box);
    box-shadow: var(--wpsc-shadow-box);
} */

.main-navigation-switch {
    order: 60;
    display: flex;
    align-items: center;
}
.mode-switch-container-pc {
    order: 70;
    margin-left: 20px;
    display: flex;
    align-items: center;
}

/* .site-footer, .site-header, .widget, .author-box, .breadcrumbs-container, .comments-area, .mobile-menu, .page-header, .post-card, .post-tag-pill, .post-tag-suggest, .widget-navigation__item--active, .widget:not(.widget-navigation):not(.widget_nav_menu), .category-card {
    -webkit-box-shadow: 0 6px 26px -5px rgba(97, 61, 2, .3);
    box-shadow: 0 6px 26px -5px rgba(97, 61, 2, .3);
} */

.site-footer {
    background: var(--wpsc-white-bg);
}

.site-branding {
  display: block !important;
}

/* .site-main-inner, .content-area-inner {
    gap: 1.5rem;
} */

/* Общий контейнер карточек */
.category-cards {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}
.page-header {
    margin-bottom: 1.5rem;
}

.page-header .archive-description p {
    margin: 0;
}

.post-card__header .post-card__meta {
    margin: 0;
}

/* Карточка */
.category-card {
    overflow: hidden;
    background: var(--wpsc-white-bg);
    transition: box-shadow 0.2s, transform 0.2s;
}

.category-card:hover {
    transform: translateX(3px);
    border-color: #d8cff1;
    box-shadow: 0 12px 28px rgba(62, 42, 105, .08);
}

/* Ссылка внутри карточки — flex-контейнер */
.category-card a {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    color: inherit;
    text-decoration: none;
    height: 100%;
}

/* Изображение слева */
.category-card img {
    display: block;
    width: 60px;
    height: auto;
    object-fit: cover;
    flex-shrink: 0;
}

/* Блок с текстом справа */
.category-card__info {
    display: flex;
    flex-direction: row;
    gap: 10px;
    justify-content: space-between;
    align-items: center;
    padding: 10px 20px;
    flex: 1;
}

.category-card img {
    padding: 10px 0 10px 10px;
    margin: auto;
    display: block;
    width: 60px;
    height: 60px;
    object-fit: cover;
    flex-shrink: 0;
}

.vote.disabled .vote__minus, .vote.disabled .vote__plus {
    opacity: 0.7;
}

/* Заголовок */
.category-card__title {
    /* margin: 0 0 8px; */
    margin: 0;
}

/* Описание */
.category-card__description {
    margin: 0 0 10px;
    flex-grow: 1;
}

/* Количество записей */
.category-card__count {
    font-size: 0.9em;
    color: var(--wpsc-link-text-light-color,var(--wpsc-text-light-color));
}

.category-card__title {
    font-size: 1.1rem;
    font-weight: 600;
}

.category .page-title {
    font-size: var(--wpsc-h2-font-size);
    line-height: var(--wpsc-h2-line-height);
}

.category .category-card__title {
    font-size: 1.1rem;
    line-height: var(--wpsc-h2-line-height);
    font-weight: 600;
}

.category-card__count {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 5px;
}

.category-card__count svg {
    stroke: var(--wpsc-link-text-light-color,var(--wpsc-text-light-color));
    /* fill: var(--wpsc-link-text-light-color,var(--wpsc-text-light-color)); */
}

.category .category-card__count svg {
    stroke: var(--wpsc-link-text-light-color,var(--wpsc-text-light-color));
    /* fill: var(--wpsc-link-text-light-color,var(--wpsc-text-light-color)); */
}

.mobile-menu {
    position: absolute;
    top: 75px;
    left: 0;
    right: 0;
    z-index: 998;
    margin: 0;
    box-shadow: 0 8px 16px -4px rgba(33, 35, 43, .2);
}

body.admin-bar .mobile-menu {
    top: 107px;
}

.subscriptions {
    background: #9d174d1a;
}

.single .post-card__title {
    margin-bottom: 30px;
}

@media (max-width: 782px) {
    body.admin-bar .mobile-menu {
        position: absolute;
        top: 121px;
    }
}

.post-cards {
    gap: 1.5rem;
}

.site-content:not(.container) {
    padding: 1.5rem;
}

/*отступы*/
.site-content {
    gap: 1rem;
}

.site-content:not(.container) {
    padding: 1rem;
}

.page-header {
    margin-bottom: 1rem;
}

.category-cards {
    gap: 1rem;
}

.post-cards {
    gap: 1rem;
}

.post-card__image {
    margin: 0;
}

.related-posts__items {
    gap: 1rem;
}

.post-card.follow-list {
    margin-bottom: 1rem;
}

ul:not([class]):before {
    content: none;
}

.widget_top_level_categories ul {
    display: flex;
    flex-direction: column;
    gap: 0.9em;
}

div#top_level_categories-3 li {
    margin: 0;
}

.subscription-promo {
    padding-top: 20px;
    display: flex;
    gap: 10px;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}

.js-subscription-promo {
    max-width: 100%;
}

.subscription-promo__label {
    font-size: .9em;
}

.subscription-promo {
    margin: 15px 0;
}
.subscription-promo__label {
    display: block;
    margin-bottom: 5px;
    font-weight: 600;
}
.subscription-promo .input {
    max-width: 260px;
}

.subscription-summary__total.has-discount {
    color: var(--wpsc-btn-primary-bg, var(--wpsc-primary-color));
}

.js-subscription-summary-discount {
    color: var(--wpsc-btn-primary-bg, var(--wpsc-primary-color));
    font-weight: 600;
}

.follow-list-item {
    gap: 10px;
    margin-bottom: 10px;
}

.top-table__item:nth-child(1) {
    background: rgb(0 173 100 / 11%);
}

.tabs-nav__item.active {
    border-bottom-color: #9d174dff;
}

/* body.archive .page-header {
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
} */

.widget-navigation__item:not(:first-child) {
    margin-top: 0.125rem;
}

.widget-navigation__item:hover {
    border-radius: 10px;
    background: var(--wpsc-white-bg);
    -webkit-box-shadow: var(--wpsc-shadow-box);
    box-shadow: var(--wpsc-shadow-box);
}

@media (max-width: 500px) {
     /* .category-card img {
          display: none;
     } */
     .site-content:not(.container) {
        padding: 0.5rem;
    }
    .page-header {
        margin-bottom: 0.5em;
    }
    .category-cards {
        gap: 0.5rem;
    }
    .post-cards {
        gap: 0.5rem;
    }
    .related-posts__items {
        gap: 0.5rem;
    }
    .post-card.follow-list {
        margin-bottom: 0.5rem;
    }
    .post-card {
        padding: 1rem;
    }

}
/*отступы*/

@media (min-width: 768px) {
    .site-header {
        margin-bottom: 0;
    }
     .category-card {
        border-radius: var(--wpsc-post-card-border-radius, var(--wpsc-box-border-radius));
    }
    .subscription-promo {
        justify-content: flex-start;
    }
}

@media (min-width:1023px){
    .mode-switch-container {
        display: none;
    }
    .main-navigation--hamburger {
        display: none;
    }
}

@media (max-width: 1023px) {
    .mode-switch-container-pc {
        display: none;
    }
}

@media (min-width: 1024px) {
    .main-navigation {
        display: block !important;
    }

}















@media (min-width: 768px) {
    .widget-area--one {
        -ms-flex: 0 0 195px;
        flex: 0 0 195px;
        max-width: 195px;
    }
}


.widget-navigation__item--active .widget-navigation__icon svg {
    color: #9d174dff;
}

.widget-navigation__item--active .widget-navigation__item-wrap:after {
    content: "";
    background-color: #9d174dff;
    border-radius: 50%;
    width: 8px;
    height: 8px;
    box-shadow: 0 0 0 0 rgb(171, 18, 33);
    transform: scale(1);
    animation: pulse 2s infinite;
    position: absolute;
    right: .75rem;
}

@keyframes pulse {
    0% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgb(171, 18, 33);;
    }

    70% {
        transform: scale(1);
        box-shadow: 0 0 0 5px rgba(48, 176, 61, 0);
    }

    100% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(48, 176, 61, 0);
    }
} 


























/* ============================================
   Растянутая ссылка: вся карточка поста кликабельна
   ============================================ */

/* Карточка — точка отсчёта для растянутой ссылки */
.archive .post-card {
    position: relative;
    transition: box-shadow 0.2s, transform 0.2s;
}

/* Опционально: подсветка при наведении */
.archive .post-card:hover {
    /* box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06); */
    transform: translateX(3px);
    border-color: #d8cff1;
    box-shadow: 0 12px 28px rgba(62, 42, 105, .08);
}

/* Растягиваем ссылку заголовка на всю карточку */
.post-card__title > a::after {
    content: '';
    position: absolute;
    inset: 0;          /* top:0; right:0; bottom:0; left:0 */
    z-index: 1;
    cursor: pointer;
}

/* Все ссылки и интерактивные элементы — выше растянутой ссылки */
.post-card a:not(.post-card__title > a),
.post-card button,
.post-card input,
.post-card select,
.post-card label,
.post-card [role="button"],
.post-card .js-vote-container,
.post-card .js-vote-container *,
.post-card .js-post-bookmark,
.post-card .js-post-bookmark * {
    position: relative;
    z-index: 2;
}














/* ============================================================================
   FOOTER — Skilline-style
   Работает на всех страницах, не только на главной.
   Поддерживает светлую и тёмную тему (html[theme="dark"]).
   ============================================================================ */

.sk-footer {
    position: relative;
    background: #1A0F1B;
    color: #E5E7EB;
    padding: 4rem 0 2rem;
    font-family: 'Poppins', system-ui, -apple-system, 'Segoe UI', sans-serif;
    font-size: 0.95rem;
    line-height: 1.55;
    overflow: hidden;
}

/* Мягкие цветные свечения по краям */
.sk-footer::before,
.sk-footer::after {
    content: "";
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
    filter: blur(80px);
    z-index: 0;
}

.sk-footer::before {
    top: -120px;
    right: -100px;
    width: 380px;
    height: 380px;
    background: radial-gradient(circle, rgba(190, 24, 93, .35) 0%, transparent 70%);
}

.sk-footer::after {
    bottom: -140px;
    left: -100px;
    width: 360px;
    height: 360px;
    background: radial-gradient(circle, rgba(126, 34, 206, .28) 0%, transparent 70%);
}

/* Тёмная тема — только усиливаем фоновое свечение */
html[theme="dark"] .sk-footer {
    background: #12090F;
}

.sk-footer *,
.sk-footer *::before,
.sk-footer *::after {
    box-sizing: border-box;
}

.sk-footer__container {
    position: relative;
    z-index: 1;
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 1rem;
}

@media (min-width: 1024px) {
    .sk-footer__container { padding: 0 2rem; }
}

/* ---------- Верхний ряд ---------- */
.sk-footer__top {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2.5rem;
    padding-bottom: 3rem;
    border-bottom: 1px solid rgba(255, 255, 255, .08);
}

@media (min-width: 768px) {
    .sk-footer__top {
        grid-template-columns: 1.4fr 1fr 1fr 1.2fr;
        gap: 3rem;
    }
}

.sk-footer__col {
    min-width: 0;
}

/* Бренд */
.sk-footer__logo {
    display: inline-block;
    margin-bottom: 1rem;
    color: #fff;
    text-decoration: none;
}

.sk-footer__logo img {
    max-height: 42px;
    width: auto;
    display: block;
}

.sk-footer__logo-text {
    display: inline-block;
    font-size: 1.05rem;
    font-weight: 700;
    line-height: 1.3;
    color: #fff;
    letter-spacing: -.01em;
}

.sk-footer__desc {
    color: rgba(229, 231, 235, .7);
    font-size: 0.9rem;
    line-height: 1.6;
    margin: 0 0 1.5rem;
    max-width: 32rem;
}

.sk-footer__contacts {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}

.sk-footer__contact {
    display: inline-flex;
    align-items: center;
    gap: 0.6rem;
    color: #fff !important;
    text-decoration: none;
    font-weight: 500;
    font-size: 0.95rem;
    transition: color .2s ease;
}

.sk-footer__contact:hover { color: #FBCFE8; }

.sk-footer__contact svg {
    width: 1.1rem;
    height: 1.1rem;
    flex-shrink: 0;
    color: #F472B6;
}

/* Заголовки колонок */
.sk-footer__title {
    font-size: 1rem;
    font-weight: 600;
    color: #fff;
    margin: 0 0 1.25rem;
    letter-spacing: -.01em;
    position: relative;
    padding-bottom: 0.6rem;
}

.sk-footer__title::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 2rem;
    height: 2px;
    background: linear-gradient(90deg, #BE185D 0%, #7E22CE 100%);
    border-radius: 2px;
}

.sk-footer__title--small {
    font-size: 0.85rem;
    text-transform: uppercase;
    letter-spacing: .1em;
    color: rgba(255, 255, 255, .6);
    margin-bottom: 1rem;
}

.sk-footer__title--small::after { display: none; }

/* Меню */
.sk-footer__menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}

.sk-footer__menu a {
    color: rgba(229, 231, 235, .75);
    text-decoration: none;
    font-size: 0.9rem;
    line-height: 1.5;
    transition: color .2s ease, transform .2s ease;
    display: inline-block;
}

.sk-footer__menu a:hover {
    color: #FBCFE8;
    transform: translateX(3px);
}

/* ---------- Блок оплаты ---------- */
.sk-footer__pay-brand {
    margin-bottom: 1rem;
}

.sk-footer__pay-logo {
    display: inline-flex;
    align-items: center;
    height: 28px;
    color: #fff;
    padding: 0.35rem 0.75rem;
    background: rgba(255, 255, 255, .06);
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 0.5rem;
}

.sk-footer__pay-logo svg {
    height: 1.2rem;
    width: auto;
}

.sk-footer__pay-desc {
    font-size: 0.85rem;
    color: rgba(229, 231, 235, .65);
    line-height: 1.55;
    margin: 0 0 1rem;
}

.sk-footer__pay-cards {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.sk-footer__pay-card {
    width: 40px;
    height: 24px;
    border-radius: 4px;
    overflow: hidden;
    display: block;
    background: #fff;
    transition: transform .2s ease;
}

.sk-footer__pay-card:hover { transform: translateY(-2px); }

.sk-footer__pay-card svg {
    display: block;
    width: 100%;
    height: 100%;
}

/* ---------- Реквизиты ---------- */
.sk-footer__requisites {
    padding: 2rem 0;
    border-bottom: 1px solid rgba(255, 255, 255, .08);
}

.sk-footer__req-list {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.85rem 2rem;
    margin: 0;
}

@media (min-width: 640px) {
    .sk-footer__req-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 1024px) {
    .sk-footer__req-list {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

.sk-footer__req-item {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    min-width: 0;
}

.sk-footer__req-item dt {
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: .06em;
    color: rgba(255, 255, 255, .45);
    margin: 0;
}

.sk-footer__req-item dd {
    margin: 0;
    color: #fff;
    font-size: 0.9rem;
    line-height: 1.45;
    word-break: break-word;
}

/* ---------- Нижний ряд ---------- */
.sk-footer__bottom {
    padding-top: 2rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    align-items: flex-start;
}

@media (min-width: 768px) {
    .sk-footer__bottom {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        gap: 2rem;
    }
}

.sk-footer__copy {
    font-size: 0.85rem;
    color: rgba(229, 231, 235, .55);
    margin: 0;
}

.sk-footer__disclaimer {
    font-size: 0.8rem;
    color: rgba(229, 231, 235, .4);
    margin: 0;
    max-width: 36rem;
    line-height: 1.5;
}

@media (min-width: 768px) {
    .sk-footer__disclaimer { text-align: right; }
}

/* ---------- Мобильная адаптация ---------- */
@media (max-width: 767px) {
    .sk-footer { padding: 3rem 0 1.5rem; }
    .sk-footer__top { gap: 2rem; padding-bottom: 2rem; }
    .sk-footer__title { margin-bottom: 1rem; }
}


.site-branding__logo-link, .site-branding__logo {
    display: block !important;
}

/* ============================================================================
   Логотип в шапке — принудительное переключение по теме.
   Перебивает правила темы и работает во всех вариантах записи атрибута.
   ============================================================================ */

/* 1. По умолчанию (нет атрибута theme) — показываем светлый логотип */
.site-branding__logo--light { display: inline-block !important; }
.site-branding__logo--dark  { display: none !important; }

/* 2. Явная светлая тема */
html[theme="light"] .site-branding__logo--light,
html[theme=light]   .site-branding__logo--light { display: inline-block !important; }

html[theme="light"] .site-branding__logo--dark,
html[theme=light]   .site-branding__logo--dark  { display: none !important; }

/* 3. Тёмная тема */
html[theme="dark"] .site-branding__logo--light,
html[theme=dark]   .site-branding__logo--light { display: none !important; }

html[theme="dark"] .site-branding__logo--dark,
html[theme=dark]   .site-branding__logo--dark  { display: inline-block !important; }

@media (min-width: 768px) {
    .site-branding img {
        max-height: 3em !important;
    }
}



h1.site-title.site-branding__title, .site-title.site-branding__title {
    display: none !important;
}

span.subscription-summary__price.js-subscription-summary-price {
    font-size: 22px;
    font-weight: bold;
}