/*--------------------------------------------------------------
Custom stylesheet (cleaned)
--------------------------------------------------------------*/

/* ============================================
   Global layout adjustments
============================================ */
@media (min-width: 1280px) {
  .container,
  .bb-yoast-breadcrumbs,
  body.page-template-page-fullwidth .wp-block-code,
  pre.wp-block-code,
  pre.wp-block-verse,
  pre.wp-block-preformatted {
    max-width: 1400px;
  }
}

/* Shared spacing tokens for blog cards and single posts */
:root {
  --alkira-post-card-padding-x: 30px;
  --alkira-post-card-padding-top: 20px;
  --alkira-post-card-padding-bottom: 25px;
  --alkira-post-card-section-gap: 16px;
}

/* ============================================
   КНОПКА "СОЗДАТЬ ПОСТ"
============================================ */
.header-aside .header-create-post-link {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 0 16px; height: 40px; border-radius: 999px;
  background: linear-gradient(135deg, #77adff 0%, #5a9aff 100%);
  color: #fff; font-weight: 600; text-decoration: none;
  position: relative; overflow: hidden;
  box-shadow: 0 2px 8px rgba(119,173,255,.3);
  transition: all .3s cubic-bezier(.4,0,.2,1);
}
.header-aside .header-create-post-link:hover,
.header-aside .header-create-post-link:focus{
  background: linear-gradient(135deg,#5a9aff 0%,#4a8aef 100%);
  transform: translateY(-2px);
  box-shadow: 0 4px 16px rgba(119,173,255,.5);
}
.header-aside .header-create-post-link:active{ transform: translateY(0) scale(.98); box-shadow:0 2px 8px rgba(119,173,255,.3); }
.header-aside .header-create-post-link .bb-icon-l{ font-size:18px; color:#fff; transition:transform .3s ease; }
.header-aside .header-create-post-link:hover .bb-icon-l{ transform: rotate(-5deg) scale(1.1); animation: wiggle .5s ease; }
@keyframes wiggle{ 0%,100%{transform:rotate(-5deg) scale(1.1)} 25%{transform:rotate(-10deg) scale(1.15)} 50%{transform:rotate(-5deg) scale(1.1)} 75%{transform:rotate(-10deg) scale(1.15)} }
.header-aside .header-create-post-link .header-create-post-text{ line-height:1; position:relative; z-index:1; }
.header-aside .header-create-post-link:focus{ outline:0; box-shadow:0 0 0 3px rgba(119,173,255,.4); animation:pulse 1.5s infinite; }
@keyframes pulse{ 0%,100%{box-shadow:0 0 0 3px rgba(119,173,255,.4)} 50%{box-shadow:0 0 0 6px rgba(119,173,255,.2)} }
.header-aside .header-create-post-link::after{
  content:''; position:absolute; top:50%; left:50%;
  width:0; height:0; border-radius:50%;
  background:rgba(255,255,255,.4); transform:translate(-50%,-50%);
  transition:width .6s ease, height .6s ease; opacity:0;
}
.header-aside .header-create-post-link:hover::after{ width:300px; height:300px; opacity:0; transition:width .6s ease, height .6s ease, opacity .4s ease .2s; }
@media (max-width:768px){
  .header-aside .header-create-post-link{ padding:0 12px; height:36px; }
  .header-aside .header-create-post-link .bb-icon-l{ font-size:16px; }
}
@media (prefers-reduced-motion: reduce){
  .header-aside .header-create-post-link,
  .header-aside .header-create-post-link::after,
  .header-aside .header-create-post-link .bb-icon-l,
  #header-aside .header-search-link,
  #header-aside .notification-wrap > a,
  #header-aside .header-cart-link { transition:none; animation:none; }
}

/* ============================================
   User profile rating badge
============================================ */
.member-title-wrap .member-rating-badge{
  margin-left:12px; display:inline-flex; align-items:center;
  background:linear-gradient(135deg,#ffd166 0%,#fcb045 100%);
  color:#1f1f1f; border-radius:999px; padding:4px 12px;
  font-weight:600; font-size:14px; box-shadow:0 6px 20px rgba(252,176,69,.25);
}
.member-title-wrap .member-rating-badge .prs-user-rating{ display:inline-flex; align-items:center; gap:6px; }
.member-title-wrap .member-rating-badge .prs-username{ display:none; }
.member-title-wrap .member-rating-badge .prs-rating-total{ position:relative; padding-left:18px; letter-spacing:.04em; text-transform:uppercase; }
.member-title-wrap .member-rating-badge .prs-rating-total::before{
  content:'\2605'; position:absolute; left:0; top:50%; transform:translateY(-50%); font-size:14px; color:#c86b1f;
}
@media (max-width:480px){
  .member-title-wrap .member-rating-badge{ margin-left:8px; padding:3px 10px; font-size:12px; box-shadow:0 4px 12px rgba(252,176,69,.2); }
  .member-title-wrap .member-rating-badge .prs-rating-total{ padding-left:16px; letter-spacing:.02em; }
  .member-title-wrap .member-rating-badge .prs-rating-total::before{ font-size:12px; }
}

/* ============================================
   ДОПОЛНИТЕЛЬНЫЕ ЭЛЕМЕНТЫ
============================================ */
.bb-separator.no-line{ width:4px; height:0; background:transparent !important; border:0; display:inline-block; }

/* Кастомные иконки поиска/уведомлений */
#header-aside .header-search-link .bb-icon-l.bb-icon-search,
#header-aside .notification-wrap > a .bb-icon-l.bb-icon-bell{
  display:inline-flex; align-items:center; justify-content:center;
  width:36px; height:36px; min-width:24px; min-height:24px;
  font-size:0; color:transparent; background-position:center; background-repeat:no-repeat; background-size:contain;
}
#header-aside .header-search-link .bb-icon-l.bb-icon-search::before,
#header-aside .notification-wrap > a .bb-icon-l.bb-icon-bell::before{ content:'' !important; }
#header-aside .header-search-link .bb-icon-l.bb-icon-search{ background-image:url('https://axen.space/wp-content/uploads/2025/10/Search.png'); }
#header-aside .notification-wrap > a .bb-icon-l.bb-icon-bell{ background-image:url('https://axen.space/wp-content/uploads/2025/10/Notifications.png'); }

/* Неоморфизм */
#header-aside .header-search-link,
#header-aside .notification-wrap > a,
#header-aside .header-cart-link{
  position:relative; display:inline-flex; align-items:center; justify-content:center;
  width:var(--morph-size); height:var(--morph-size);
  padding:0; margin:0 4px; border-radius:var(--morph-radius);
  background:var(--morph-bg);
  box-shadow:-10px -10px 20px var(--morph-shadow-light), 10px 10px 24px var(--morph-shadow-dark);
  transition:transform .35s ease, box-shadow .35s ease, background .35s ease;
  isolation:isolate; backdrop-filter:blur(18px); -webkit-backdrop-filter:blur(18px);
}
#header-aside .header-search-link:hover,
#header-aside .notification-wrap > a:hover,
#header-aside .header-cart-link:hover,
#header-aside .header-search-link:focus-visible,
#header-aside .notification-wrap > a:focus-visible,
#header-aside .header-cart-link:focus-visible{
  transform: translateY(-2px);
  box-shadow: inset 8px 8px 20px var(--morph-shadow-inner), inset -8px -8px 18px var(--morph-shadow-light), 0 12px 24px rgba(15,23,42,.12);
}
#header-aside .header-search-link:focus-visible,
#header-aside .notification-wrap > a:focus-visible,
#header-aside .header-cart-link:focus-visible{ outline:2px solid var(--bb-primary-color); outline-offset:4px; }
#header-aside .notification-wrap > a > span,
#header-aside .header-cart-link > span{ position:relative; display:inline-flex; align-items:center; justify-content:center; width:100%; height:100%; border-radius:calc(var(--morph-radius) - 4px); z-index:1; }
#header-aside .header-search-link .bb-icon-l,
#header-aside .notification-wrap > a .bb-icon-l,
#header-aside .header-cart-link .bb-icon-l{ position:relative; z-index:1; transition:transform .35s ease; display:inline-flex; align-items:center; justify-content:center; width:100%; height:100%; }
#header-aside .header-search-link .bb-icon-l::after,
#header-aside .notification-wrap > a .bb-icon-l::after,
#header-aside .header-cart-link .bb-icon-l::after{
  content:""; position:absolute; inset:3px; border-radius:calc(var(--morph-radius) - 3px);
  background:linear-gradient(145deg, rgba(255,255,255,.65), rgba(255,255,255,0));
  opacity:0; transition:opacity .35s ease; pointer-events:none; z-index:0;
}
body.dark-mode #header-aside .header-search-link .bb-icon-l::after,
body.dark-mode #header-aside .notification-wrap > a .bb-icon-l::after,
body.dark-mode #header-aside .header-cart-link .bb-icon-l::after{
  background:linear-gradient(145deg, rgba(255,255,255,.12), rgba(255,255,255,0));
}
#header-aside .header-search-link:hover .bb-icon-l::after,
#header-aside .notification-wrap > a:hover .bb-icon-l::after,
#header-aside .header-cart-link:hover .bb-icon-l::after{ opacity:1; }
#header-aside .header-search-link:hover .bb-icon-l,
#header-aside .notification-wrap > a:hover .bb-icon-l,
#header-aside .header-cart-link:hover .bb-icon-l,
#header-aside .header-search-link:focus-visible .bb-icon-l,
#header-aside .notification-wrap > a:focus-visible .bb-icon-l,
#header-aside .header-cart-link:focus-visible .bb-icon-l{ transform:scale(1.05); animation: icon-pop .45s ease forwards; }
@keyframes icon-pop{ 0%{transform:scale(1)} 55%{transform:scale(1.12) rotate(-3deg)} 100%{transform:scale(1.05)} }
#header-aside .notification-wrap span.count,
#header-aside .header-cart-link span.count{ z-index:2; border-radius:999px; box-shadow:0 6px 12px rgba(15,23,42,.18); }
#header-notifications-dropdown-elem .notification-dropdown{ top: calc(100% + 12px); }
body.dark-mode #header-notifications-dropdown-elem .notification-dropdown .notification-footer{ border-top-color: rgba(148,163,184,.18); background: rgba(15,23,42,.85); }
body.dark-mode #header-notifications-dropdown-elem .notification-dropdown .notification-footer .delete-all{ color:#fff; box-shadow:0 8px 24px rgba(15,23,42,.45); }
body.dark-mode #header-aside .notification-wrap span.count,
body.dark-mode #header-aside .header-cart-link span.count{ box-shadow:0 6px 14px rgba(0,0,0,.5); }
#header-aside .header-search-link:active,
#header-aside .notification-wrap > a:active,
#header-aside .header-cart-link:active{ transform:translateY(0); box-shadow: inset 6px 6px 16px var(--morph-shadow-inner), inset -6px -6px 16px var(--morph-shadow-light); }
@supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))) {
  #header-aside .header-search-link,
  #header-aside .notification-wrap > a,
  #header-aside .header-cart-link{ background:rgba(255,255,255,.85); }
  body.dark-mode #header-aside .header-search-link,
  body.dark-mode #header-aside .notification-wrap > a,
  body.dark-mode #header-aside .header-cart-link{ background:rgba(28,32,44,.95); }
}

/* ============================================
   BLOG LIST LAYOUT + WIDGETS
============================================ */
@media (min-width:800px){
  body.has-sidebar.blog-sidebar-right .site-content-grid #primary,
  body.has-sidebar.blog-sidebar-left .site-content-grid #primary{ max-width:756px; }
  body.has-sidebar.blog-sidebar-right .site-content-grid .widget-area:not(.widget-area-secondary),
  body.has-sidebar.blog-sidebar-left .site-content-grid .widget-area:not(.widget-area-secondary){ -webkit-box-flex:0; max-width:324px; }
}
@media (min-width:1025px){
  body.blog.has-sidebar .site-content-grid,
  body.single-post.has-sidebar .site-content-grid{ display:flex; flex-direction:row; }
  body.blog.has-sidebar .site-content-grid .sidebar-left,
  body.single-post.has-sidebar .site-content-grid .sidebar-left{ order:-1; margin-left:0; margin-right:clamp(12px,1.5vw,24px); }
  body.blog.has-sidebar .site-content-grid #primary,
  body.single-post.has-sidebar .site-content-grid #primary{ order:0; }
  body.blog.has-sidebar .site-content-grid .sidebar-right,
  body.single-post.has-sidebar .site-content-grid .sidebar-right{ order:1; margin-left:clamp(12px,1.5vw,24px); }
}
.has-sidebar:not(.profile-sidebar,.group-sidebar,.llms-pointer,.activate) #primary,
body.buddypress.has-sidebar:not(.profile-sidebar,.group-sidebar,.llms-pointer,.activate) #page #primary{ max-width:900px; width:100%; }

.widget{
  background:var(--bb-body-background-color);
  border:1px solid var(--bb-content-border-color);
  border-radius:var(--bb-block-radius);
  font-size:.875rem; line-height:1.35;
  margin-bottom:.175rem; padding:1.25rem 1.25rem 1.5625rem;
}
widget ul a:not(.button){ font-size:16px; color:var(--bb-headings-color); letter-spacing:-.21px; line-height:21px; }
.widget.widget_nav_menu ul{ display:flex; flex-direction:column; gap:.875rem; }
.widget.widget_nav_menu ul > li{ margin:0; }
.widget.widget_nav_menu ul li a{ display:inline-flex; align-items:center; gap:.75rem; }
.widget.widget_nav_menu ul a > i{ font-size:22px; }
.bb-template-v2 .widget.widget_nav_menu ul li.current-menu-item a{ background:#fff; color:#3B3B3B; }

.bb-standard .entry-title{ font-size:1.575rem; }

/* Контент карточек в гриде */
.post-grid .entry-content{ font-size:1.075rem; color:var(--bb-body-text-color); letter-spacing:-.24px; line-height:1.5; }

/* ============================================
   Кнопка комментариев / рейтинг
============================================ */
.entry-meta .bb-comments-wrap{
  display:inline-flex; align-items:center; gap:.5rem;
  padding:.5rem 1rem; border:1px solid #e5e7eb; border-radius:999px;
  background:linear-gradient(135deg,#fff 0%,#f9fafb 100%); color:#374151;
  font-size:.95rem; font-weight:600; line-height:1; text-decoration:none;
  transition: background .3s cubic-bezier(.4,0,.2,1), border-color .3s cubic-bezier(.4,0,.2,1), box-shadow .3s cubic-bezier(.4,0,.2,1), color .3s cubic-bezier(.4,0,.2,1);
  margin-right:.75rem; box-shadow:0 1px 2px rgba(0,0,0,.05); cursor:pointer; position:relative; overflow:hidden; will-change:box-shadow,background,border-color;
  --btn-radius: 9999px; border-radius: var(--btn-radius) !important;
  transition-property: background, border-color, box-shadow, color;
}
.entry-meta .bb-comments-wrap::before{
  content:''; position:absolute; top:0; left:-100%; width:100%; height:100%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent); transition:left .5s ease; border-radius:inherit !important;
}
.entry-meta .bb-comments-wrap:hover::before{ left:100%; }
.entry-meta .bb-comments-wrap .bb-icon-l{
  display:inline-flex; align-items:center; justify-content:center; width:1.5rem; height:1.5rem; border-radius:9999px;
  background:linear-gradient(135deg,rgba(59,130,246,.15) 0%, rgba(96,165,250,.1) 100%);
  color:#2563eb; font-size:1rem; transition:all .3s cubic-bezier(.4,0,.2,1); line-height:1; box-shadow:0 2px 4px rgba(59,130,246,.1);
}
.entry-meta .bb-comments-wrap:hover,
.entry-meta .bb-comments-wrap:focus-visible{
  background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%); border-color:#60a5fa; color:#1e40af;
  box-shadow:0 6px 16px rgba(59,130,246,.2), 0 0 0 3px rgba(59,130,246,.1);
  border-radius: var(--btn-radius) !important;
}
.entry-meta .bb-comments-wrap:active{ box-shadow:0 1px 3px rgba(59,130,246,.15); }
.entry-meta .bb-comments-wrap:active .bb-icon-l{ transform:scale(.95); }
.entry-meta .bb-post-rating-meta .prs-rating-buttons{ display:inline-flex; }
.entry-meta .bb-post-rating-meta .prs-rating-buttons .prs-helpful-button{
  display:inline-flex; align-items:center; border-radius:999px; line-height:1; padding:.5rem 1rem;
}
.entry-meta .bb-comments-wrap,
.entry-meta .bb-post-rating-meta .prs-rating-buttons .prs-helpful-button{ min-height: 2.75rem; }
@keyframes fadeInUp{ from{opacity:0; transform:translateY(10px)} to{opacity:1; transform:translateY(0)} }
.entry-meta .bb-comments-wrap{ animation: fadeInUp .4s ease-out; }
@media (max-width:768px){
  .entry-meta .bb-comments-wrap{ padding:.4rem .8rem; font-size:.875rem; margin-right:.5rem; gap:.4rem; min-height:2.5rem; }
  .entry-meta .bb-comments-wrap .bb-icon-l{ width:1.35rem; height:1.35rem; font-size:.95rem; }
  .entry-meta .bb-post-rating-meta .prs-rating-buttons .prs-helpful-button{ min-height:2.5rem; padding:.4rem .8rem; }
}
@media (prefers-color-scheme: dark){
  .entry-meta .bb-comments-wrap{ background:linear-gradient(135deg,#1f2937 0%,#111827 100%); border-color:#374151; color:#e5e7eb; box-shadow:0 1px 2px rgba(0,0,0,.3); }
  .entry-meta .bb-comments-wrap .bb-icon-l{ background:linear-gradient(135deg,rgba(59,130,246,.2) 0%, rgba(96,165,250,.15) 100%); color:#60a5fa; }
  .entry-meta .bb-comments-wrap:hover,
  .entry-meta .bb-comments-wrap:focus-visible{ background:linear-gradient(135deg,#1e3a8a 0%,#1e40af 100%); border-color:#3b82f6; color:#bfdbfe; }
}

/* ============================================
   Post category badge with icon
============================================ */
.entry-header .alkira-entry-category-actions{
  display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap; margin-bottom:10px;
}
.entry-header .alkira-entry-category{ margin-bottom:0; }
.entry-header .alkira-entry-favorite-button{ display:flex; align-items:center; }
.entry-header .alkira-entry-category-link{
  display:inline-flex; align-items:center; gap:8px; padding:5px 12px 5px 5px;
  font-weight:600; font-size:11px; text-transform:uppercase; letter-spacing:.08em;
  color:var(--bb-primary-color,#2f80ed);
  background:linear-gradient(135deg, rgba(47,128,237,.08) 0%, rgba(47,128,237,.12) 100%);
  border-radius:50px; text-decoration:none; transition:all .3s cubic-bezier(.4,0,.2,1); position:relative; overflow:hidden;
}
.entry-header .alkira-entry-category-link::before{
  content:''; position:absolute; inset:0;
  background:linear-gradient(135deg, rgba(47,128,237,.15) 0%, rgba(47,128,237,.25) 100%);
  opacity:0; transition:opacity .3s ease;
}
.entry-header .alkira-entry-category-link:hover,
.entry-header .alkira-entry-category-link:focus{ transform:translateY(-2px); box-shadow:0 3px 10px rgba(47,128,237,.2); }
.entry-header .alkira-entry-category-link:hover::before,
.entry-header .alkira-entry-category-link:focus::before{ opacity:1; }
.entry-header .alkira-entry-category-icon{
  display:inline-flex; align-items:center; justify-content:center;
  width:30px; height:30px; min-width:30px; border-radius:50%;
  background:linear-gradient(135deg, rgba(47,128,237,.15) 0%, rgba(47,128,237,.25) 100%);
  box-shadow:0 2px 6px rgba(47,128,237,.15); overflow:hidden; position:relative; z-index:1; transition:transform .3s ease;
}
.entry-header .alkira-entry-category-link:hover .alkira-entry-category-icon,
.entry-header .alkira-entry-category-link:focus .alkira-entry-category-icon{ transform:rotate(5deg) scale(1.05); }
.entry-header .alkira-category-icon-image{ width:100%; height:100%; object-fit:cover; }
@media (max-width:768px){
  .entry-header .alkira-entry-category-actions{ gap:12px; margin-bottom:8px; }
  .entry-header .alkira-entry-category-link{ gap:6px; padding:4px 10px 4px 4px; font-size:10px; letter-spacing:.06em; }
  .entry-header .alkira-entry-category-icon{ width:26px; height:26px; min-width:26px; }
}

/* ============================================
   SINGLE POST CARD — компактные отступы и картинка
   (консолидировано, без дублей)
============================================ */
.single-post .primary-entry-content{
  --single-entry-padding-x: var(--alkira-post-card-padding-x, 30px);
  --single-entry-padding-top: var(--alkira-post-card-padding-top, 20px);
  --single-entry-padding-bottom: var(--alkira-post-card-padding-bottom, 25px);
  --single-entry-section-gap: var(--alkira-post-card-section-gap, 16px);
  --single-entry-radius: var(--bb-block-radius, 18px);

  background: var(--bb-content-background-color);
  border: 1px solid var(--bb-content-border-color);
  border-radius: var(--single-entry-radius);
  box-shadow: none; display:flex; flex-direction:column; overflow:hidden;

  /* отступ перед Responses и убираем «линию» снизу */
  margin-bottom: 18px !important;
  border-bottom: 0 !important;
}
@media (max-width:600px){ .single-post .primary-entry-content{ margin-bottom:14px !important; } }

/* секционные паддинги по горизонтали */
.single-post .primary-entry-content .entry-header,
.single-post .primary-entry-content .entry-content,
.single-post .primary-entry-content .entry-meta{
  padding-inline: var(--single-entry-padding-x);
}

/* заголовок компактно */
.single-post .primary-entry-content .entry-header{
  padding-top: var(--single-entry-padding-top) !important;
  padding-bottom: var(--single-entry-section-gap) !important;
  margin-bottom: 0 !important;
}
.single-post .primary-entry-content .entry-header .entry-title{
  margin:0 0 6px !important; line-height:1.2;
}

/* текст поста компактно */
.single-post .primary-entry-content .entry-content{
  background: transparent;
  border-radius: 0;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.single-post .primary-entry-content .entry-content > *:first-child{ margin-top:0 !important; }
.single-post .primary-entry-content .entry-content > *:last-child{ margin-bottom:0 !important; }

/* перенесённый вниз meta-блок — компактно */
.single-post .primary-entry-content .entry-meta{ 
  margin: 0 !important;
  padding-top: var(--single-entry-section-gap) !important;
  padding-bottom: var(--single-entry-padding-bottom) !important;
  border-top: 0 !important;
  border-bottom: 0 !important;
}
.single-post .primary-entry-content .entry-meta > *{ margin-top:0 !important; margin-bottom:0 !important; }
.single-post .primary-entry-content .entry-meta .meta-wrap{ display:flex; align-items:center; gap:10px; }

/* "Show support" блок перенесён внутрь карточки — сбрасываем абсолютное позиционирование */
.single-post .primary-entry-content .post-meta-wrapper-main {
  position: static;
  margin: calc(var(--single-entry-section-gap) * 1.5) var(--single-entry-padding-x) 0;
  padding: calc(var(--single-entry-section-gap) * 1.25) 0 0;
  border-top: 1px solid var(--bb-content-border-color);
  padding-right: 0;
  margin-bottom: var(--single-entry-section-gap);
}

.single-post .primary-entry-content .post-meta-wrapper-main .show-support {
  position: static;
  top: auto;
  right: auto;
  display: flex;
  flex-direction: column;
  gap: clamp(12px, 2vw, 18px);
}

.single-post .primary-entry-content .post-meta-wrapper-main .show-support .author-post-meta {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(10px, 1.5vw, 18px);
}

.single-post .primary-entry-content .post-meta-wrapper-main .show-support .author-post-meta > * {
  margin: 0;
}

.single-post .primary-entry-content .post-meta-wrapper-main .show-support .author-post-meta .pa-share-fix {
  display: none;
}

.single-post .primary-entry-content .post-meta-wrapper-main .show-support .author-post-meta .bb-like-wrap,
.single-post .primary-entry-content .post-meta-wrapper-main .show-support .author-post-meta .bookmark-link-container {
  display: inline-flex;
}

.single-post .primary-entry-content .post-meta-wrapper-main .show-support .author-post-meta .bb-like-wrap,
.single-post .primary-entry-content .post-meta-wrapper-main .show-support .author-post-meta .bookmark-link-container,
.single-post .primary-entry-content .post-meta-wrapper-main .show-support .author-post-meta .bb-share {
  align-items: center;
}

.single-post .primary-entry-content .post-meta-wrapper-main .show-support .author-post-meta .bb-share {
  display: inline-flex;
}

.single-post .primary-entry-content .post-meta-wrapper-main .show-support .author-post-meta .bb-share + .bb-share-container {
  inset: auto;
}

@media (max-width: 767px) {
  .single-post .primary-entry-content .post-meta-wrapper-main {
    margin: var(--single-entry-section-gap) var(--single-entry-padding-x) 0;
    padding: var(--single-entry-section-gap) 0 0;
  }

  .single-post .primary-entry-content .post-meta-wrapper-main .show-support {
    gap: 12px;
  }
}

/* глушим любые hr/псевдо-сепараторы внутри карточки */
.single-post .primary-entry-content hr,
.single-post .primary-entry-content::after{ display:none !important; content:none !important; }

/* ===============================
   🖼 POST IMAGE PRESENTATION AREA
   (listings + single view)
   =============================== */

/* === Начало блока стилей изображений === */
:root {
  --alkira-post-image-radius: 16px;
  --alkira-post-image-gap: 14px;
  --alkira-post-image-height: clamp(240px, 46vw, 440px);
  --alkira-post-image-list-height: clamp(200px, 32vw, 320px);
  --alkira-post-image-backdrop: rgba(15,23,42,.06);
}

.single-post .primary-entry-content > .alkira-post-image-frame {
  margin: var(--single-entry-padding-top) var(--single-entry-padding-x) var(--alkira-post-image-gap);
  display: block;
}

.single-post .primary-entry-content > .alkira-post-image-frame .alkira-post-image-wrapper {
  margin: 0 !important;
  width: 100%;
}

.blog .site-main .entry-media.entry-img,
.archive .site-main .entry-media.entry-img,
.single-post .primary-entry-content .alkira-post-image-wrapper {
  margin: 0 0 var(--alkira-post-image-gap) 0 !important;
  padding: 0 !important;
  border: 0;
  border-radius: var(--alkira-post-image-radius);
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--alkira-post-image-backdrop);
  min-height: var(--alkira-post-image-list-height);
  height: var(--alkira-post-image-list-height);
  aspect-ratio: auto !important;
  isolation: isolate;
}

.single-post .primary-entry-content .alkira-post-image-wrapper {
  min-height: var(--alkira-post-image-height);
  height: var(--alkira-post-image-height);
}

.blog .site-main .entry-media.entry-img.bb-vw-container1,
.archive .site-main .entry-media.entry-img.bb-vw-container1,
.single-post .primary-entry-content .entry-media.entry-img.bb-vw-container1 {
  padding-top: 0 !important;
}

.single-post .primary-entry-content .entry-media,
.single-post .primary-entry-content .entry-media.entry-img,
.single-post .primary-entry-content .entry-media.entry-img > a,
.single-post .primary-entry-content .post-thumbnail,
.single-post .primary-entry-content .bb-aspect-ratio {
  position: static !important;
}

.single-post .primary-entry-content .bb-aspect-ratio > * {
  position: static !important;
  inset: auto !important;
}

.alkira-post-image-wrapper::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image: var(--alkira-post-image-source, none);
  background-size: cover;
  background-position: center;
  filter: blur(42px) saturate(120%);
  transform: scale(1.08);
  opacity: 0;
  transition: opacity .3s ease;
  z-index: 0;
}

.alkira-post-image-wrapper[data-image-orientation="portrait"]::before {
  opacity: .85;
}

.alkira-post-image-wrapper > * {
  position: relative;
  z-index: 1;
}

.alkira-post-image-wrapper .alkira-post-image-trigger,
.alkira-post-image-wrapper > a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 0 !important;
  margin: 0 !important;
  border: 0;
  background: transparent;
  line-height: 0;
}

.alkira-post-image-wrapper .alkira-post-image-trigger {
  cursor: zoom-in;
}

.alkira-post-image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: inherit;
  transition: transform .25s ease;
}

.alkira-post-image--portrait {
  width: auto;
  max-width: 100%;
  max-height: 100%;
  height: 100%;
  object-fit: contain;
  margin: 0 auto;
}

.alkira-post-image-wrapper .alkira-post-image-trigger:hover .alkira-post-image,
.alkira-post-image-wrapper:hover > .alkira-post-image {
  transform: scale(1.01);
}

.single-post .primary-entry-content .entry-content figure.wp-block-image,
.single-post .primary-entry-content .entry-content .wp-block-image {
  margin: 10px var(--single-entry-padding-x) var(--alkira-post-image-gap) var(--single-entry-padding-x) !important;
  border: 0;
  padding: 0;
  text-align: center;
  border-radius: var(--alkira-post-image-radius);
  overflow: hidden;
}


.single-post .primary-entry-content .entry-content figure.wp-block-image img,
.single-post .primary-entry-content .entry-content .wp-block-image img,
.single-post .primary-entry-content .entry-content img[class*="wp-image-"] {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
  max-width: 100%;
  height: auto !important;
  object-fit: contain !important;
  border-radius: var(--alkira-post-image-radius);
}

/* ============================================================
   Custom CSS — Полностью новая логика модального изображения
   ============================================================ */

.alkira-image-modal[hidden] {
  display: none !important;
}

.alkira-image-modal {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: clamp(16px, 4vw, 64px);
  opacity: 0;
  pointer-events: none;
  transition: opacity .25s ease;
}

.alkira-image-modal.is-open {
  opacity: 1;
  pointer-events: auto;
}

.alkira-image-modal__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(15, 23, 42, 0.7);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}

.alkira-image-modal__content {
  position: relative;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 96vw;
  max-height: 90vh;
  overflow: hidden;
  border-radius: clamp(12px, 2vw, 20px);
  background: rgba(15,23,42,.85);
  box-shadow: 0 20px 60px rgba(0,0,0,0.5);
  padding: clamp(8px, 2vw, 24px);
}

.alkira-image-modal__img {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  cursor: zoom-in;
  transition: transform .3s ease, cursor .3s ease;
}

.alkira-image-modal__img.zoomed {
  width: auto;
  height: auto;
  max-width: none;
  max-height: none;
  transform: scale(1);
  cursor: zoom-out;
}

.alkira-image-modal__close {
  position: absolute;
  top: clamp(10px, 2vw, 24px);
  right: clamp(10px, 2vw, 24px);
  width: 44px;
  height: 44px;
  border: 0;
  border-radius: 50%;
  background: rgba(255,255,255,.18);
  color: #fff;
  font-size: 1.5rem;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 15;
  transition: background .2s ease, transform .2s ease;
}

.alkira-image-modal__close:hover {
  background: rgba(255,255,255,.3);
  transform: scale(1.05);
}

body.alkira-modal-open {
  overflow: hidden;
  touch-action: none;
}

body.alkira-modal-scrollable {
  overflow: auto !important;
  touch-action: auto !important;
}

/* Мобильная адаптация */
@media (max-width: 768px) {
  .alkira-image-modal__content {
    max-width: 98vw;
    max-height: 88vh;
  }
  .alkira-image-modal__close {
    width: 38px;
    height: 38px;
    font-size: 1.25rem;
  }
}

/* Фикс: разрешаем клики через meta-блок к контенту под ним */
.single-post .primary-entry-content .post-meta-wrapper-main {
  pointer-events: none;
}

.single-post .primary-entry-content .post-meta-wrapper-main * {
  pointer-events: auto;
}

/* Убедимся, что entry-content всегда кликабелен */
.single-post .primary-entry-content .entry-content {
  position: relative;
  z-index: 1;
  pointer-events: auto;
}

/* Заголовок тоже должен быть кликабельным */
.single-post .primary-entry-content .entry-header {
  position: relative;
  z-index: 2;
  pointer-events: auto;
}

/* Фикс: исправляем проблемы с кликами и ограниченным скроллом */

/* Фикс: исправляем проблемы с кликами и ограниченным скроллом */

/* Убираем overflow: hidden с родительской карточки поста */
.single-post .primary-entry-content {
  overflow: visible !important;
  max-height: none !important;
  height: auto !important;
  isolation: auto !important;
}

/* Гарантируем видимость для всех секций внутри карточки */
.single-post .primary-entry-content .entry-header,
.single-post .primary-entry-content .entry-content,
.single-post .primary-entry-content .entry-meta,
.single-post .primary-entry-content .alkira-post-image-wrapper,
.single-post .primary-entry-content .alkira-post-image-frame {
  position: relative;
  pointer-events: auto;
  overflow: visible !important;
}

/* post-meta-wrapper-main не должен перехватывать события мыши */
.single-post .primary-entry-content .post-meta-wrapper-main {
  pointer-events: none;
  overflow: visible !important;
}

/* Но дочерние элементы внутри post-meta-wrapper-main должны быть кликабельными */
.single-post .primary-entry-content .post-meta-wrapper-main * {
  pointer-events: auto;
}

/* Убираем backdrop-filter который может создавать новый stacking context */
.single-post .primary-entry-content,
.single-post .primary-entry-content > * {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* Гарантируем нормальный скролл страницы когда модалка закрыта */
body:not(.alkira-modal-open) {
  overflow-y: auto !important;
  overflow-x: hidden !important;
}

/* Убираем возможные ограничения скролла с контейнеров */
.site-content,
#primary,
.single-post .site-main {
  overflow: visible !important;
  max-height: none !important;
  min-height: 0 !important;
}

/* Специфичный фикс для wrapper изображения - не должен блокировать скролл */
.alkira-post-image-wrapper,
.alkira-post-image-frame {
  overflow: visible !important;
  position: relative !important;
}

/* Убираем возможные transform которые создают stacking context */
.single-post .primary-entry-content,
.single-post .primary-entry-content .entry-header,
.single-post .primary-entry-content .entry-content,
.single-post .primary-entry-content .alkira-post-image-wrapper {
  transform: none !important;
  will-change: auto !important;
}


/* Конец файла */

