/* ============================================================================
   SZD skin for ybc_blog (وبلاگ پیشرفته PrestaHero v4.7.7) — YB1
   The blog now lives on ybc_blog (st-blog family disabled). This skins the
   module's REAL rendered classes into the شازده کوچولو look: white cards,
   pastel accents, pill chips, motion. Mobile-first.
   ============================================================================ */

/* ---------- page frame ---------- */
body.ybc_blog_page #content-wrapper{padding:0 14px}
body.ybc_blog_page #columns_inner > .row,
body.ybc_blog_page .ybc-blog-wrapper, body.ybc_blog_page .ybc-blog-wrapper-detail{max-width:880px;margin:0 auto}
body.ybc_blog_page h1.page-heading{font-size:1.3rem;font-weight:800;color:#b03a6e;line-height:1.9;margin:14px 0 12px;text-align:right;border:0;padding:0}
body.ybc_blog_page h1.page-heading::before{content:'';display:inline-block;width:10px;height:10px;border-radius:50%;background:linear-gradient(135deg,#f478a9,#e0568b);margin-left:9px;box-shadow:0 0 0 4px #fdeef5}

/* ---------- motion ---------- */
@keyframes szdYbUp{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@keyframes szdYbFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@keyframes szdYbTw{0%,100%{opacity:.25;transform:scale(.8)}50%{opacity:.95;transform:scale(1)}}

/* ---------- native slides block (admin slides) ---------- */
body.ybc_blog_page .ybc_blog_slide, body.ybc_blog_page [class*="ybc-blog-slide"]{border-radius:20px;overflow:hidden;box-shadow:0 8px 22px rgba(176,58,110,.12);margin:4px 0 16px;animation:szdYbUp .5s cubic-bezier(.2,.8,.3,1) both}
body.ybc_blog_page .ybc_blog_slide img{width:100%;height:auto;display:block}

/* ---------- sort row ---------- */
body.ybc_blog_page #js-post-list-top{background:#fff;border:1px solid #f0e2ea;border-radius:14px;padding:8px 12px;margin:0 0 14px;display:flex;align-items:center;justify-content:flex-end}
body.ybc_blog_page #js-post-list-top .sort-by{color:#9a7184;font-size:.8rem;font-weight:700}
body.ybc_blog_page #js-post-list-top select{border:1.5px solid #f3d9e6;border-radius:999px;background:#fdf6f9;color:#b03a6e;font-family:inherit;font-size:.8rem;font-weight:800;padding:7px 12px;outline:none}

/* ---------- post list = cards ---------- */
body.ybc_blog_page ul.ybc-blog-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr;gap:14px}
@media(min-width:992px){body.ybc_blog_page ul.ybc-blog-list{grid-template-columns:1fr 1fr}}
body.ybc_blog_page ul.ybc-blog-list > li{width:100%;max-width:none;padding:0;margin:0;float:none;animation:szdYbUp .55s cubic-bezier(.2,.8,.3,1) both}
body.ybc_blog_page ul.ybc-blog-list > li:nth-child(2){animation-delay:.08s}
body.ybc_blog_page ul.ybc-blog-list > li:nth-child(3){animation-delay:.16s}
body.ybc_blog_page ul.ybc-blog-list > li:nth-child(n+4){animation-delay:.24s}
body.ybc_blog_page .post-wrapper{background:#fff;border:1px solid #f0e2ea;border-radius:20px;overflow:hidden;box-shadow:0 6px 18px rgba(0,0,0,.05);height:100%;display:flex;flex-direction:column;transition:transform .2s,box-shadow .25s}
@media(hover:hover){body.ybc_blog_page .post-wrapper:hover{transform:translateY(-4px);box-shadow:0 12px 26px rgba(176,58,110,.13)}}
body.ybc_blog_page .post-wrapper a.ybc_item_img{display:block;position:relative;width:100%;height:0;padding-bottom:52%;overflow:hidden;background:linear-gradient(135deg,#fbe1ef,#e7defa)}
body.ybc_blog_page .post-wrapper a.ybc_item_img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
body.ybc_blog_page .post-wrapper a.ybc_item_img svg{display:none}
body.ybc_blog_page .ybc-blog-wrapper-content{padding:14px 16px 13px;display:flex;flex-direction:column;flex:1}
body.ybc_blog_page a.ybc_title_block{display:block;color:#3D2C2E !important;font-size:1.02rem;font-weight:800;line-height:1.85;text-decoration:none !important;margin-bottom:7px}
body.ybc_blog_page .ybc-blog-sidear-post-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:8px}
body.ybc_blog_page .ybc-blog-sidear-post-meta .be-label{color:#bfa3b1;font-size:.74rem;font-weight:700}
body.ybc_blog_page .ybc-blog-categories a{background:#fdeef5;border:1px solid #f6d3e3;color:#c43c6e !important;border-radius:999px;padding:3px 11px;font-size:.74rem;font-weight:800;text-decoration:none !important}
body.ybc_blog_page .ybc-blog-latest-toolbar{display:flex;align-items:center;gap:11px;color:#9a7184;font-size:.76rem;font-weight:700;border-top:1px dashed #f0dde6;padding-top:10px;margin-top:auto}
body.ybc_blog_page .ybc-blog-latest-toolbar .ets_svg svg{fill:#cf6f99}
body.ybc_blog_page .ybc-blog-wrapper-content .ybc_blog_des{color:#7c6a72;font-size:.86rem;line-height:1.95;margin:0 0 10px}
body.ybc_blog_page .read_more, body.ybc_blog_page a.read_more, body.ybc_blog_page .btn-read-more{display:inline-flex;align-items:center;gap:5px;color:#e0518a !important;font-size:.82rem;font-weight:800;text-decoration:none !important;background:#fdeef5;border:1px solid #f6d3e3;border-radius:999px;padding:6px 14px;margin-top:8px;align-self:flex-start}

/* ---------- pagination + loadmore ---------- */
body.ybc_blog_page .ybc-blog-list-paginations ul, body.ybc_blog_page ul.pagination{display:flex;gap:6px;justify-content:center;list-style:none;margin:16px 0;padding:0}
body.ybc_blog_page .ybc-blog-list-paginations li a, body.ybc_blog_page .ybc-blog-list-paginations li span,
body.ybc_blog_page ul.pagination li a, body.ybc_blog_page ul.pagination li span{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;border-radius:12px;border:1.5px solid #f3d9e6;background:#fff;color:#b03a6e !important;font-size:13px;font-weight:800;text-decoration:none !important}
body.ybc_blog_page .ybc-blog-list-paginations li.active a, body.ybc_blog_page .ybc-blog-list-paginations li.current span,
body.ybc_blog_page ul.pagination li.active a, body.ybc_blog_page ul.pagination li.active span{background:linear-gradient(135deg,#f478a9,#e0568b);border-color:transparent;color:#fff !important}

/* ---------- the NATIVE sidebar (stacks under content on mobile) ---------- */
body.ybc_blog_page #left-column, body.ybc_blog_page #right-column{padding:0 14px;margin-top:6px}
body.ybc_blog_page .ybc_blog_sidebar .block{background:#fff;border:1px solid #f0e2ea;border-radius:20px;padding:15px 16px;margin-bottom:14px;box-shadow:0 6px 18px rgba(0,0,0,.04)}
body.ybc_blog_page .ybc_blog_sidebar .title_block{display:flex;align-items:center;gap:8px;color:#b03a6e;font-size:.92rem;font-weight:900;margin:0 0 11px;padding:0;border:0;background:transparent;text-transform:none}
body.ybc_blog_page .ybc_blog_sidebar .title_block::before{content:'';width:8px;height:8px;border-radius:50%;background:#e0518a;box-shadow:0 0 0 4px #fdeef5;flex:0 0 8px}
/* search block */
body.ybc_blog_page .ybc_block_search form{display:flex;align-items:center;gap:8px;background:#fdf6f9;border:1.5px solid #f3d9e6;border-radius:999px;padding:5px 6px;position:relative}
body.ybc_blog_page .ybc_block_search input.form-control{flex:1;min-width:0;border:0 !important;background:transparent !important;font-family:inherit;font-size:.84rem;font-weight:600;color:#5A4A4C;outline:none;box-shadow:none !important;padding:7px 10px;height:auto}
body.ybc_blog_page .ybc_block_search input.button{flex:0 0 auto;background:linear-gradient(135deg,#f478a9,#e0568b);border:0;border-radius:999px;color:#fff;font-family:inherit;font-size:.8rem;font-weight:800;padding:8px 16px;cursor:pointer;box-shadow:0 4px 10px rgba(244,120,169,.3)}
body.ybc_blog_page .ybc_block_search .icon_search{display:none}
/* generic sidebar lists (categories / recent / popular / archives / tags) */
body.ybc_blog_page .ybc_blog_sidebar .block ul{list-style:none;margin:0;padding:0}
body.ybc_blog_page .ybc_blog_sidebar .block ul li{border-bottom:1px dashed #f0dde6}
body.ybc_blog_page .ybc_blog_sidebar .block ul li:last-child{border-bottom:0}
body.ybc_blog_page .ybc_blog_sidebar .block ul li a{display:flex;align-items:center;gap:7px;padding:9px 2px;color:#5A4A4C !important;font-size:.84rem;font-weight:700;text-decoration:none !important;line-height:1.8}
body.ybc_blog_page .ybc_blog_sidebar .block ul li a::before{content:'';width:6px;height:6px;border-radius:50%;background:#e0518a;flex:0 0 6px}
body.ybc_blog_page .ybc_blog_sidebar .block img{border-radius:10px}

/* ---------- DETAIL page ---------- */
body.ybc_blog_page .ybc-blog-wrapper-detail{background:transparent}
body.ybc_blog_page .ybc_blog_img_wrapper{border-radius:18px;overflow:hidden;box-shadow:0 6px 20px rgba(0,0,0,.08);margin:4px 0 14px;animation:szdYbUp .5s cubic-bezier(.2,.8,.3,1) both}
body.ybc_blog_page .ybc_blog_img_wrapper img{width:100%;height:auto;display:block}
body.ybc_blog_page .ybc-blog-wrapper-detail h1.page-heading{background:linear-gradient(135deg,#fff5fa,#fdeef5);border:1px solid #f6d3e3;border-radius:18px;padding:16px 16px;margin:0 0 12px;box-shadow:0 6px 18px rgba(176,58,110,.07);font-size:1.22rem}
body.ybc_blog_page .post-details .blog-extra{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:12px}
body.ybc_blog_page .ybc-blog-latest-toolbar > *{background:#fff;border:1px solid #f3d9e6;border-radius:999px;padding:4px 11px}
body.ybc_blog_page .ybc-blog-wrapper-detail .ybc-blog-latest-toolbar{border:0;padding-top:0;margin-top:0}
/* prose */
body.ybc_blog_page .blog_description{background:#fff;border:1px solid #f0e2ea;border-radius:20px;padding:18px 17px;box-shadow:0 6px 20px rgba(0,0,0,.04);color:#3f3a3d;font-size:1rem;line-height:2.1;word-break:break-word}
body.ybc_blog_page .blog_description p{margin:0 0 14px}
body.ybc_blog_page .blog_description :is(h1,h2,h3,h4,h5,h6){color:#b03a6e;font-weight:800;line-height:1.7;margin:24px 0 10px}
body.ybc_blog_page .blog_description h2{font-size:1.12rem}
body.ybc_blog_page .blog_description h3{font-size:1.04rem}
body.ybc_blog_page .blog_description a{color:#e0518a;text-decoration:none;border-bottom:1px solid #f3c9dd}
body.ybc_blog_page .blog_description img{max-width:100%;height:auto;border-radius:14px;display:block;margin:16px auto;box-shadow:0 4px 16px rgba(0,0,0,.10)}
body.ybc_blog_page .blog_description ul{list-style:none;margin:0 0 16px;padding:0}
body.ybc_blog_page .blog_description ul > li{position:relative;padding-right:1.4em;margin-bottom:9px}
body.ybc_blog_page .blog_description ul > li::before{content:'';position:absolute;right:.2em;top:.8em;width:7px;height:7px;border-radius:50%;background:#e0518a}
body.ybc_blog_page .blog_description blockquote{margin:16px 0;padding:13px 16px;border-right:4px solid #e0518a;background:#fdf2f8;border-radius:0 12px 12px 0;color:#6b5560}
body.ybc_blog_page .blog_description table{width:100%;border-collapse:collapse;margin:16px 0;display:block;overflow-x:auto}
body.ybc_blog_page .blog_description th, body.ybc_blog_page .blog_description td{border:1px solid #f0dde6;padding:10px 13px;text-align:right}
/* tags + categories row */
body.ybc_blog_page .extra_tag_cat{margin-top:14px;display:flex;flex-direction:column;gap:8px}
body.ybc_blog_page .ybc-blog-tags a, body.ybc_blog_page .be-categories a{background:#fdeef5;border:1px solid #f6d3e3;color:#c43c6e !important;border-radius:999px;padding:5px 13px;font-size:.8rem;font-weight:700;text-decoration:none !important;display:inline-block;margin:2px 0}
/* polls */
body.ybc_blog_page .form-polls{background:#fffbeb;border:1px solid #f5e3ad;border-radius:18px;padding:14px 16px;margin-top:14px}
body.ybc_blog_page .form-polls .polls-title span{color:#8a6508;font-weight:800;font-size:.9rem}
body.ybc_blog_page .form-polls label{background:#fff;border:1.5px solid #f0dca6;border-radius:999px;padding:7px 15px;font-size:.82rem;font-weight:800;color:#8a6508;cursor:pointer;margin:6px 4px 0 0;display:inline-flex;align-items:center;gap:6px}
body.ybc_blog_page .form-polls input[type="radio"]{display:none}
/* related posts */
body.ybc_blog_page .ybc-blog-related-posts{margin-top:16px}
body.ybc_blog_page .ybc-blog-related-posts-list{display:flex;gap:10px;overflow-x:auto;list-style:none;margin:0;padding:2px 2px 8px;scroll-snap-type:x mandatory;scrollbar-width:none}
body.ybc_blog_page .ybc-blog-related-posts-list::-webkit-scrollbar{display:none}
body.ybc_blog_page .ybc-blog-related-posts-list li{flex:0 0 58%;max-width:220px;min-width:170px;scroll-snap-align:start;background:#fff;border:1px solid #f0e2ea;border-radius:16px;overflow:hidden;box-shadow:0 5px 14px rgba(0,0,0,.07);padding:0;width:auto}
body.ybc_blog_page .ybc-blog-related-posts-list li img{width:100%;height:auto;display:block}
body.ybc_blog_page .ybc-blog-related-posts-list li a{color:#3D2C2E !important;font-size:.82rem;font-weight:800;text-decoration:none !important;display:block;padding:8px 10px;line-height:1.8}
/* native related products section is replaced by our .szd-ps slider */
body.ybc_blog_page #ybc-blog-related-products{display:none !important}
/* comments area (light) */
body.ybc_blog_page .ybc-blog-comments, body.ybc_blog_page #ybc_blog_comments{background:#fff;border:1px solid #f0e2ea;border-radius:20px;padding:16px;margin-top:16px;box-shadow:0 6px 18px rgba(0,0,0,.04)}
body.ybc_blog_page .ybc-blog-comments input, body.ybc_blog_page .ybc-blog-comments textarea{border:1.5px solid #f3d9e6 !important;border-radius:12px !important;font-family:inherit !important}
body.ybc_blog_page .ybc-blog-comments button[type="submit"], body.ybc_blog_page .ybc-blog-comments input[type="submit"]{background:linear-gradient(135deg,#f478a9,#e0568b);border:0;border-radius:999px;color:#fff;font-family:inherit;font-weight:800;padding:9px 20px}
/* share row (injected) */
body.ybc_blog_page .szd-bsh{margin-top:0;padding-top:0;border-top:0;flex:1}
body.ybc_blog_page .szd-bsh__row{display:flex;gap:9px;flex-wrap:wrap}
body.ybc_blog_page .szd-bsh__item{width:42px;height:42px;border-radius:13px;background:#fff;border:1.5px solid #f3d9e6;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 4px 10px rgba(176,58,110,.08);text-decoration:none !important;transition:transform .15s}
body.ybc_blog_page .szd-bsh__item:active{transform:scale(.92)}
body.ybc_blog_page .szd-bsh__item img{width:22px;height:22px;object-fit:contain}
body.ybc_blog_page .szd-bsh__msg{margin-top:8px;color:#1c8f4c;font-size:.78rem;font-weight:800;opacity:0;transition:opacity .25s;width:100%}
body.ybc_blog_page .szd-bsh__msg.--on{opacity:1}
/* reading-time chip */
body.ybc_blog_page .szd-ybread{display:inline-flex;align-items:center;gap:5px;background:#fff;border:1px solid #f3d9e6;border-radius:999px;padding:4px 11px;color:#9a7184;font-size:.76rem;font-weight:700}
body.ybc_blog_page .szd-ybread svg{width:13px;height:13px;stroke:#cf6f99;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}
/* the unified product slider inside the article column */
body.ybc_blog_page .szd-ps{margin-left:0 !important;margin-right:0 !important;margin-top:16px !important}
/* hide leftovers */
body.ybc_blog_page .ybc-blog-wrapper-detail .blog-extra-item.blog-extra-facebook-share{display:none !important}

/* == YB2: slick arrows lose their English text → circular chevrons; misc accent fixes == */
body.ybc_blog_page .slick-arrow{font-size:0 !important;line-height:0;width:34px;height:34px;border-radius:50%;background:#fff !important;border:1.5px solid #f3d9e6 !important;box-shadow:0 4px 10px rgba(176,58,110,.14);position:absolute;z-index:5;top:50%;transform:translateY(-50%);cursor:pointer}
body.ybc_blog_page .slick-arrow::before{content:'';display:block;width:9px;height:9px;border-top:2.5px solid #e0518a;border-right:2.5px solid #e0518a;margin:auto}
body.ybc_blog_page .slick-prev{right:8px;left:auto}
body.ybc_blog_page .slick-next{left:8px;right:auto}
body.ybc_blog_page .slick-prev::before{transform:rotate(45deg);margin-right:13px}
body.ybc_blog_page .slick-next::before{transform:rotate(-135deg);margin-left:13px}
body.ybc_blog_page .slick-arrow.slick-disabled{opacity:.35}
body.ybc_blog_page .blog_view_all{background:linear-gradient(135deg,#f478a9,#e0568b) !important;border:0 !important;border-radius:999px !important;color:#fff !important;font-weight:800 !important;font-size:.82rem !important;padding:9px 20px !important;box-shadow:0 5px 12px rgba(244,120,169,.3) !important;text-decoration:none !important;display:inline-block}

/* == YB3: mobile — content FIRST, sidebar BELOW (ybc renders #left-column before #content-wrapper) == */
@media(max-width:991px){
body.ybc_blog_page .row:has(> #left-column),body.ybc_blog_page .row:has(> #right-column){display:flex;flex-direction:column}
body.ybc_blog_page #content-wrapper{order:1}
body.ybc_blog_page #left-column,body.ybc_blog_page #right-column{order:2}
}
/* blog intro line under the h1 */
body.ybc_blog_page .blog-category-desc{color:#9c7d8c;font-size:.84rem;line-height:1.9;margin:2px 2px 14px;text-align:center}

/* ============================================================================
   YB4 (2026-06-18) — fix the detail-page «بهم‌ریختگی»: meta row was nowrap so
   the author pill overflowed off the LEFT edge; an empty rating wrapper showed
   as a stray white pill; the title accent-dot dropped to its own line (dead
   space); and the comment form (real classes .ybc_comment_form_blog /
   .ybc-blog-form-comment — NOT .ybc-blog-comments) was unskinned (teal theme
   button, plain inputs). All brought into the شازده pink/white house style.
   ============================================================================ */

/* --- meta toolbar: let pills WRAP (was nowrap → author clipped at x:-21) --- */
body.ybc_blog_page .ybc-blog-latest-toolbar{flex-wrap:wrap;row-gap:8px}
body.ybc_blog_page .ybc-blog-wrapper-detail .ybc-blog-latest-toolbar{justify-content:flex-end}
body.ybc_blog_page .ybc-blog-wrapper-detail .ybc-blog-latest-toolbar > *{white-space:nowrap;display:inline-flex;align-items:center;gap:5px;color:#9a7184;font-size:.76rem;font-weight:700;line-height:1.4}
body.ybc_blog_page .ybc-blog-wrapper-detail .ybc-blog-latest-toolbar .ets_svg{display:inline-flex}
body.ybc_blog_page .ybc-blog-wrapper-detail .ybc-blog-latest-toolbar .ets_svg svg{fill:#cf6f99}
/* the empty comments/rating wrapper (0 comments, no rating) → no stray pill */
body.ybc_blog_page .blog_rating_wrapper:empty{display:none !important}
/* author pill stays one line, name in brand accent */
body.ybc_blog_page .ybc-blog-wrapper-detail .author-block{white-space:nowrap}
body.ybc_blog_page .ybc-blog-wrapper-detail .author-block .post-author-label{color:#bfa3b1;font-weight:700}
body.ybc_blog_page .ybc-blog-wrapper-detail .author-block a{color:#b03a6e !important;font-weight:800;text-decoration:none !important}

/* --- title card: accent dot inline so it hugs the title (was block → dropped) --- */
body.ybc_blog_page .ybc-blog-wrapper-detail h1.page-heading{display:flex;align-items:flex-start;gap:9px;line-height:1.85}
body.ybc_blog_page .ybc-blog-wrapper-detail h1.page-heading::before{margin:8px 0 0;flex:0 0 10px}
body.ybc_blog_page .ybc-blog-wrapper-detail h1.page-heading .title_cat{display:inline;flex:1}

/* --- comment form: the REAL container is .ybc_comment_form_blog --- */
body.ybc_blog_page .ybc_comment_form_blog{background:#fff;border:1px solid #f0e2ea;border-radius:20px;padding:16px 17px;margin-top:16px;box-shadow:0 6px 18px rgba(0,0,0,.04)}
body.ybc_blog_page .ybc_comment_form_blog .title_blog{color:#b03a6e;font-size:1.05rem;font-weight:900;margin:0 0 13px;padding:0;border:0}
body.ybc_blog_page .blog-comment-row{margin-bottom:12px}
body.ybc_blog_page .blog-comment-row label{display:block;color:#9a7184;font-size:.82rem;font-weight:700;margin:0 0 6px}
body.ybc_blog_page .ybc_comment_form_blog input.form-control,
body.ybc_blog_page .ybc_comment_form_blog textarea.form-control{width:100%;border:1.5px solid #f3d9e6 !important;border-radius:12px !important;background:#fdf6f9 !important;font-family:inherit !important;font-size:.88rem;font-weight:600;color:#5A4A4C;padding:10px 13px;outline:none;box-shadow:none !important}
body.ybc_blog_page .ybc_comment_form_blog textarea.form-control{min-height:118px;resize:vertical;line-height:1.9}
body.ybc_blog_page .blog-comment-row.flex_space_between{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px}
body.ybc_blog_page .blog-rate-post .blog_rating_box .star{cursor:pointer;font-size:1.15rem;color:#f0c24b}
body.ybc_blog_page .blog-rate-post label,body.ybc_blog_page .blog-capcha label{color:#9a7184;font-size:.8rem;font-weight:700;margin-left:6px}
body.ybc_blog_page .ybc_comment_form_blog input.button,
body.ybc_blog_page .ybc_comment_form_blog input[type="submit"],
body.ybc_blog_page .blog_view_all_button .view_all_link{background:linear-gradient(135deg,#f478a9,#e0568b) !important;border:0 !important;border-radius:999px !important;color:#fff !important;font-family:inherit !important;font-weight:800 !important;font-size:.86rem !important;padding:10px 24px !important;box-shadow:0 5px 12px rgba(244,120,169,.3) !important;cursor:pointer;text-decoration:none !important;display:inline-block;width:auto;-webkit-appearance:none}
body.ybc_blog_page .blog_view_all_button{margin-top:12px}
/* comment list cards */
body.ybc_blog_page .ybc_blog-comments-list .blog-comment-line{background:#fdf6f9;border:1px solid #f3e3ec;border-radius:16px;padding:13px 15px;margin-bottom:11px;list-style:none}
body.ybc_blog_page .ybc_blog-comments-list .comment-subject{color:#b03a6e;font-weight:800;font-size:.92rem;margin:0 0 6px}

/* == YB5: justify article prose on both edges (user request — applies to ALL posts) == */
body.ybc_blog_page .blog_description{text-align:justify;text-justify:inter-word}
body.ybc_blog_page .blog_description p,
body.ybc_blog_page .blog_description li{text-align:justify;text-align-last:right}
/* headings stay flush-right, never stretched by justify */
body.ybc_blog_page .blog_description :is(h1,h2,h3,h4,h5,h6){text-align:right;text-align-last:right}

/* ============================================================================
   YB6 (2026-06-19) — fix «article blocks narrower than module blocks».
   ROOT CAUSE (measured live @687px): YB3 made the wrapping .row flex-direction
   :column (content stacks above sidebar) BUT the bootstrap col-sm-8 / col-sm-4
   classes still cap #content-wrapper at 66% and #left-column at 33% width
   between 576–991px. So post cards (in the 66% column, then split 2-up by the
   old min-680 grid, minus a stray 30px .ybc-blog-wrapper padding) rendered at
   178px while the module/sidebar blocks were 201px. Fix: below desktop, force
   both columns to full width, post list to ONE column (= module-block width),
   and drop the extra inset. 2-up grid only on real desktop (≥992, set above).
   ============================================================================ */
@media(max-width:991px){
  body.ybc_blog_page #content-wrapper,
  body.ybc_blog_page #left-column,
  body.ybc_blog_page #right-column{flex:0 0 100% !important;max-width:100% !important;width:100% !important}
  body.ybc_blog_page ul.ybc-blog-list{grid-template-columns:1fr !important}
}
/* drop the module's 30px inset so post cards align edge-to-edge with the
   sidebar/module blocks (content-wrapper already supplies the 14px gutter) */
body.ybc_blog_page .ybc-blog-wrapper{padding:0 !important;max-width:880px;margin:0 auto}