/* --- Theme Variables --- */
/* Изоляция стилей плагина от темы WordPress - полная очистка страницы */
body:has(.janyzak-social-wrapper) #wpadminbar {
    display: none !important;
}

/* Скрываем все заголовки и навигацию */
body:has(.janyzak-social-wrapper) .site-header,
body:has(.janyzak-social-wrapper) header:not(.app-header),
body:has(.janyzak-social-wrapper) .entry-header,
body:has(.janyzak-social-wrapper) .page-header,
body:has(.janyzak-social-wrapper) .post-header,
body:has(.janyzak-social-wrapper) .site-title,
body:has(.janyzak-social-wrapper) .site-description,
body:has(.janyzak-social-wrapper) .main-navigation,
body:has(.janyzak-social-wrapper) nav:not(.bottom-nav):not(.app-header),
body:has(.janyzak-social-wrapper) .site-footer,
body:has(.janyzak-social-wrapper) footer,
body:has(.janyzak-social-wrapper) .header,
body:has(.janyzak-social-wrapper) .navbar,
body:has(.janyzak-social-wrapper) .navigation,
body:has(.janyzak-social-wrapper) .menu,
body:has(.janyzak-social-wrapper) .widget-area,
body:has(.janyzak-social-wrapper) .sidebar,
body:has(.janyzak-social-wrapper) aside {
    display: none !important;
}

/* Убираем отступы и padding у контейнеров */
body:has(.janyzak-social-wrapper) .site-content,
body:has(.janyzak-social-wrapper) .content-area,
body:has(.janyzak-social-wrapper) .entry-content,
body:has(.janyzak-social-wrapper) .page-content,
body:has(.janyzak-social-wrapper) .container,
body:has(.janyzak-social-wrapper) .wrapper,
body:has(.janyzak-social-wrapper) .main,
body:has(.janyzak-social-wrapper) #main,
body:has(.janyzak-social-wrapper) #content,
body:has(.janyzak-social-wrapper) .content {
    padding: 0 !important;
    margin: 0 !important;
    max-width: none !important;
    width: 100% !important;
}

/* Полная очистка body */
body:has(.janyzak-social-wrapper) {
    margin: 0 !important;
    padding: 0 !important;
    background: var(--bg-color, #101010) !important;
}

/* Очистка html */
html:has(body:has(.janyzak-social-wrapper)) {
    margin: 0 !important;
    padding: 0 !important;
}

/* Скрываем все возможные обертки темы */
body:has(.janyzak-social-wrapper) .site,
body:has(.janyzak-social-wrapper) .site-main,
body:has(.janyzak-social-wrapper) .site-wrapper,
body:has(.janyzak-social-wrapper) .page-wrapper,
body:has(.janyzak-social-wrapper) .main-wrapper {
    padding: 0 !important;
    margin: 0 !important;
    max-width: none !important;
    width: 100% !important;
}

/* Дополнительная очистка для различных тем WordPress */
body:has(.janyzak-social-wrapper) .wp-site-blocks > *:not(.janyzak-social-wrapper),
body:has(.janyzak-social-wrapper) .wp-block-group:not(:has(.janyzak-social-wrapper)),
body:has(.janyzak-social-wrapper) .wp-block-template-part,
body:has(.janyzak-social-wrapper) .entry-title,
body:has(.janyzak-social-wrapper) .breadcrumbs,
body:has(.janyzak-social-wrapper) .breadcrumb {
    display: none !important;
}

/* Оставляем только наш плагин видимым */
body:has(.janyzak-social-wrapper) {
    overflow-x: hidden !important;
}

body:has(.janyzak-social-wrapper) .janyzak-social-wrapper {
    position: relative;
    z-index: 9999;
    min-height: 100vh;
    width: 100%;
    margin: 0;
    padding: 0;
}

.janyzak-social-wrapper {
    --bg-color: #101010;
    --card-bg: #101010;
    --text-primary: #F3F5F7;
    --text-secondary: #777777;
    --border-color: #2a2a2a;
    --accent-color: #ffffff;
    --hover-bg: #1e1e1e;
    --input-bg: #1e1e1e;
    --modal-bg: #181818;
    --nav-bg: rgba(16, 16, 16, 0.95);
    --like-color: #ff3040;
    --avatar-bg: #333;
    --shadow-soft: 0 12px 30px rgba(0,0,0,0.25);
    --max-width: 600px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    min-height: 100vh;
    background: var(--bg-color) !important;
    color: var(--text-primary) !important;
    position: relative;
    overflow-x: hidden;
    /* Изоляция от стилей темы */
    box-sizing: border-box !important;
    line-height: 1.5 !important;
}

.janyzak-social-wrapper[data-theme="light"] {
    --bg-color: #ffffff;
    --card-bg: #ffffff;
    --text-primary: #000000;
    --text-secondary: #999999;
    --border-color: #efefef;
    --accent-color: #000;
    --hover-bg: #f5f5f5;
    --input-bg: #f0f0f0;
    --modal-bg: #ffffff;
    --nav-bg: rgba(255, 255, 255, 0.98);
    --avatar-bg: #e7e7e7;
}

.janyzak-social-wrapper *,
.janyzak-social-wrapper *::before,
.janyzak-social-wrapper *::after {
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
}

.janyzak-social-wrapper ::-webkit-scrollbar {
    width: 6px;
}
.janyzak-social-wrapper ::-webkit-scrollbar-track {
    background: transparent;
}
.janyzak-social-wrapper ::-webkit-scrollbar-thumb {
    background: var(--border-color);
    border-radius: 3px;
}

/* Post page content */
#main-view .post-page-content{
	padding-top:0px;
	padding-bottom:0px;
}

/* Division */
#main-view > div{
	padding-bottom:0px;
}

/* Input */
#main-view div input[type=text]{
	margin-top:12px;
	
}


/* Division */
#main-view > div > div{
	padding-top:12px;
	padding-bottom:12px;
}

/* Division */
#main-view > div:nth-child(1) > div:nth-child(1) div:nth-child(2){
	padding-bottom:15px;
}

/* Thread text */
#main-view div .thread-text{
	margin-bottom:12px;
	padding-bottom:0px !important;
}

/* Post meta */
#main-view div .post-meta{
	padding-bottom:0px !important;
}

/* Division */
#main-view > div{
	padding-top:0px;
}

/* Span Tag */
#main-view .username span{
	position:relative;
	top:3px;
	color:#27ae60 !important;
}



/* --- Layout --- */
.janyzak-social-wrapper .app-container {
    width: 100%;
    max-width: var(--max-width);
    margin: 0 auto;
    min-height: 100vh;
    padding-bottom: calc(80px + env(safe-area-inset-bottom, 0px));
    position: relative;
    border-left: 1px solid var(--border-color);
    border-right: 1px solid var(--border-color);
}

.janyzak-social-wrapper .app-container nav {
    border-left-width: 1px !important;
    border-right-width: 1px !important;
    border-left-color: var(--border-color) !important;
    border-right-color: var(--border-color) !important;
}

@media (max-width: 640px) {
    .janyzak-social-wrapper .app-container {
        border: none;
    }
}

.janyzak-social-wrapper .app-header {
    position: static;
    top: 0;
    z-index: 30;
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    padding: 12px 20px;
    background: var(--nav-bg);
    backdrop-filter: blur(14px);
    border-bottom: 1px solid rgba(255,255,255,0.04);
}

.janyzak-social-wrapper[data-theme="light"] .app-header {
    border-bottom: 1px solid var(--border-color);
}

.janyzak-social-wrapper .header-btn,
.janyzak-social-wrapper .header-logo,
.janyzak-social-wrapper .header-avatar-slot {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.janyzak-social-wrapper .header-btn {
    border: none;
    background: none;
    color: var(--text-primary);
    cursor: pointer;
    justify-content: flex-start;
}

.janyzak-social-wrapper .header-logo {
    justify-content: center;
    cursor: pointer;
    color: var(--accent-color);
    text-decoration: none;
    display: flex;
    align-items: center;
}

.janyzak-social-wrapper .header-avatar-slot {
    justify-content: flex-end;
}

.janyzak-social-wrapper .header-login-btn {
    border: 1px solid var(--border-color);
    background: transparent;
    color: var(--text-primary);
    padding: 8px 16px;
    border-radius: 999px;
    font-size: 14px;
    cursor: pointer;
    transition: background 0.2s, color 0.2s;
}

.janyzak-social-wrapper .header-login-btn.ghost {
    border: none;
    padding: 8px 0;
    opacity: 0.6;
}

.janyzak-social-wrapper .header-login-btn:hover {
    background: var(--hover-bg);
}

.janyzak-social-wrapper .header-avatar-btn {
    border: none;
    background: none;
    padding: 0;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.janyzak-social-wrapper .header-avatar-btn .avatar i[data-lucide="user"] {
    color: var(--text-secondary) !important;
    opacity: 1 !important;
}

.janyzak-social-wrapper .header-avatar-btn .avatar {
    display: flex;
    align-items: center;
    justify-content: center;
}

.janyzak-social-wrapper .header-avatar-btn .avatar svg {
    width: 100%;
    height: 100%;
    stroke-width: 2;
}

.janyzak-social-wrapper .main-view {
    padding: 0;
    padding-bottom: 0;
}

.janyzak-social-wrapper .main-view > div {
    padding-top: 0;
    padding-bottom: 11px;
    border-bottom: none;
    border-top: none;
}

/* --- Bottom Navigation --- */
.janyzak-social-wrapper .bottom-nav {
    position: fixed;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    max-width: var(--max-width);
    background: var(--nav-bg);
    backdrop-filter: blur(12px);
    border-top: 1px solid var(--border-color);
    border-left: 1px solid var(--border-color);
    border-right: 1px solid var(--border-color);
    display: flex !important;
    visibility: visible !important;
    justify-content: space-around;
    align-items: center;
    /* Учитываем «домашний индикатор»/панель браузера на мобильных */
    padding: 0 0 10px;
    padding-bottom: calc(10px + env(safe-area-inset-bottom, 0px));
    z-index: 120;
}

@media (max-width: 640px) {
    .janyzak-social-wrapper .bottom-nav {
        left: 0;
        transform: none;
        width: 100%;
        max-width: 100%;
    }
}

.janyzak-social-wrapper .bottom-nav .nav-item,
.janyzak-social-wrapper .bottom-nav .nav-item a {
    background: none;
    border: none;
    color: var(--text-secondary);
    padding: 12px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: color 0.2s;
    text-decoration: none;
}

.janyzak-social-wrapper .bottom-nav .nav-item.active {
    color: var(--text-primary);
}

.janyzak-social-wrapper .nav-item-add {
    background: var(--hover-bg);
    border-radius: 14px;
    padding: 8px 16px;
    display: inline-flex;
}