/* =============================
   GLOBAL RTL + TYPOGRAPHY
   ============================= */
html, body { direction: rtl; text-align: right; }

.entry-content, .site-content, .site-header, .site-footer,
h1, h2, h3, h4, h5, h6, p, blockquote, figcaption {
  direction: rtl; text-align: right;
}

/* LTR exceptions (code/english/emails/urls) */
.ltr, pre, code, kbd, samp,
.wp-block-code, .wp-block-preformatted,
input[type="email"], input[type="url"] {
  direction: ltr !important;
  text-align: left !important;
  unicode-bidi: plaintext;
}
.num, .en { direction: ltr; text-align: left; }

/* =============================
   LISTS
   ============================= */
.entry-content ul, .entry-content ol, ul, ol {
  direction: rtl; text-align: right;
  list-style-position: inside;
  padding-inline-start: 1rem;   /* RTL-safe logical prop */
  padding-inline-end: 0;
  margin: 0;
}
.entry-content li, li { padding-inline-start: .25em; }

/* =============================
   NAV: dropdowns align on right
   ============================= */
.main-navigation ul ul { right: 0; left: auto; }
.main-navigation ul li:hover > ul,
.main-navigation ul li:focus-within > ul { right: 0; left: auto; }

/* =============================
   FORMS: inputs RTL by default
   ============================= */
input[type="text"], input[type="search"], input[type="tel"],
input[type="password"], textarea, select {
  direction: rtl; text-align: right;
}

/* =============================
   TRIO TILE GRID (single copy)
   ============================= */
.bhb-trio-row{
  display: grid; grid-template-columns: repeat(3, 1fr);
  gap: 18px; direction: rtl;
}
.bhb-tile{
  position: relative; display: block; width: 100%;
  aspect-ratio: 13/9;
  border-radius: 16px; overflow: hidden;
  box-shadow: 0 8px 20px rgba(0,0,0,.06);
  text-decoration: none;
}
.bhb-tile-imagewrap, .bhb-tile-img{
  position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover;
}
.bhb-tile-label{
  position: absolute; inset-inline-start: 12px; inset-block-end: 12px;
  background: rgba(0,0,0,.55); color:#fff; padding:8px 12px;
  border-radius: 12px; font-weight: 600; font-size: 15px; line-height: 1;
}
.bhb-tile:hover .bhb-tile-img{ transform: scale(1.05); transition: transform .35s ease; }
@media (max-width: 900px){ .bhb-trio-row{ grid-template-columns:1fr; } .bhb-tile{ aspect-ratio:3/2; } }

/* =============================
   HIDE META (quotes/prompts)
   ============================= */
.category-quotes .entry-title,
.category-quotes .entry-meta,
.category-quotes .author,
.category-prompts .entry-title,
.category-prompts .entry-meta,
.category-prompts .author { display: none !important; }

.category-quotes .cat-links,
.category-quotes .more-link,
.category-prompts .cat-links,
.category-prompts .more-link { display: none !important; }

/* On archive/home cards (grid/list) */
article.category-prompts .entry-footer,
article.category-quotes .entry-footer,
article.category-prompts .read-more,
article.category-quotes .read-more,
article.category-prompts .more-link,
article.category-quotes .more-link,
article.category-prompts .more-link-wrap,
article.category-quotes .more-link-wrap,
article.category-prompts .cat-links,
article.category-quotes .cat-links,
article.category-prompts .post-categories,
article.category-quotes .post-categories,
article.category-prompts .entry-categories,
article.category-quotes .entry-categories,
article.category-prompts .entry-taxonomies,
article.category-quotes .entry-taxonomies,
article.category-prompts .meta-cat,
article.category-quotes .meta-cat { display: none !important; }

/* (Optional) hide card titles/meta for those categories on archives) */
article.category-prompts .entry-header .entry-title,
article.category-quotes .entry-header .entry-title,
article.category-prompts .entry-meta,
article.category-quotes .entry-meta { display: none !important; }

/* On single post pages of those categories */
.single-post.category-prompts .entry-footer,
.single-post.category-quotes .entry-footer,
.single-post.category-prompts .read-more,
.single-post.category-quotes .read-more,
.single-post.category-prompts .more-link,
.single-post.category-quotes .more-link,
.single-post.category-prompts .cat-links,
.single-post.category-quotes .cat-links,
.single-post.category-prompts .post-categories,
.single-post.category-quotes .post-categories,
.single-post.category-prompts .entry-taxonomies,
.single-post.category-quotes .entry-taxonomies { display: none !important; }

/* Hide Jetpack related posts */
.single-post .jp-relatedposts,
.single-post h3.jp-relatedposts-headline { display: none !important; }

/* Hide prev/next for prompts, quotes, and exercises */
.single-post article.type-post.category-prompts ~ nav.navigation.post-navigation,
.single-post article.type-post.category-quotes ~ nav.navigation.post-navigation,
.single-post article.type-post.category-exercises ~ nav.navigation.post-navigation,
.single-post article.type-post.category-prompts + nav.navigation.post-navigation,
.single-post article.type-post.category-quotes + nav.navigation.post-navigation,
.single-post article.type-post.category-exercises + nav.navigation.post-navigation {
  display: none !important; margin: 0 !important; padding: 0 !important; height: 0 !important;
}

/* =============================
   COMMENT AREA — PROMPTS ONLY
   ============================= */
.single-post.category-prompts .comments-area .comment-reply-title {
  font-size: 1.25rem; line-height: 1.6; margin-bottom: .5rem; font-weight: 700;
}
.single-post.category-prompts #respond textarea#comment {
  min-height: 200px; font-size: 1rem; border-radius: .6rem;
}
.single-post.category-prompts #respond input#submit,
.single-post.category-prompts #respond .button[type="submit"] {
  font-size: .95rem; padding: .5rem 1rem; line-height: 1.2;
  border-radius: .6rem; background-color: var(--global-palette1, #2563eb);
  color: #fff; border: none; transition: background-color .2s ease;
}
.single-post.category-prompts #respond input#submit:hover,
.single-post.category-prompts #respond .button[type="submit"]:hover { background-color: #1e4fd7; }
.single-post.category-prompts .comments-area .comment-notes,
.single-post.category-prompts .comment-respond label { font-size: .92rem; }
.single-post.category-prompts .comment-subscription-form {
  direction: rtl; text-align: right; margin-top: .25rem; display: flex; align-items: center; gap: .4rem;
}
.single-post.category-prompts .comment-subscription-form label { font-size: .85rem; line-height: 1.4; }
/* Hide ONLY "new posts by email" checkbox */
.single-post.category-prompts .comment-subscription-form input#subscribe_blog,
.single-post.category-prompts .comment-subscription-form label[for="subscribe_blog"],
.single-post.category-prompts .comment-subscription-form input#subscribe_blog + label { display: none !important; }
.single-post.category-prompts .comment-subscription-form input[type="checkbox"] {
  margin-inline-start: .5rem; margin-inline-end: 0;
}
.single-post.category-prompts .logged-in-as { display: none; }

/* =============================
   COMMENT AREA — EXERCISES (category ID)
   ============================= */
.single-post.category-782778186 .comments-area .comment-reply-title {
  font-size: 1.2rem; font-weight: 700; color: var(--global-palette3, #047857);
}
.single-post.category-782778186 #respond textarea#comment { min-height: 200px; border-radius: .6rem; }
.single-post.category-782778186 #respond input#submit,
.single-post.category-782778186 #respond .button[type="submit"] {
  font-size: .95rem; padding: .5rem 1rem; line-height: 1.2; border-radius: .6rem;
  background-color: var(--global-palette3, #047857); color: #fff; border: none;
}
.single-post.category-782778186 #respond input#submit:hover,
.single-post.category-782778186 #respond .button[type="submit"]:hover { filter: brightness(.9); }

/* Make sure the note is visible and styled */
.single-post .comments-area .comment-notes.bhb-note {
  display: block !important; margin: .25rem 0 .75rem;
  font-size: .92rem; color: var(--global-gray-700, #374151);
}

/* =============================
   INFO BOX
   ============================= */
.intro-box{
  border: 1px solid #ddd; border-left: 5px solid #3b82f6;
  padding: 1em 1.2em; margin-bottom: 1.5em; border-radius: 6px; background-color:#dcdceb;
}

/* =============================
   EXERCISES GRID
   ============================= */
.exercises-grid article{
  background: #f8f8fb; padding: 20px; border-radius: 14px;
  border: 1px solid rgba(0,0,0,.06); box-shadow: 0 2px 8px rgba(0,0,0,.08);
  transition: transform .18s ease, box-shadow .18s ease;
}
.exercises-grid article:hover{ transform: translateY(-4px); box-shadow: 0 8px 16px rgba(0,0,0,.14); }
.exercises-grid h2.entry-title a{ text-decoration: none; }
.exercises-grid .kb-posts-grid, .exercises-grid .kt-blocks-post-grid{ gap: 22px; }
.exercises-grid .entry-meta, .exercises-grid .kb-posts-date, .exercises-grid .kb-posts-author,
.exercises-grid .posted-on, .exercises-grid .byline{ display: none !important; }
.exercises-grid .more-link{
  display: inline-block; margin-top: 8px; padding: 8px 14px; border-radius: 999px;
  background: var(--accent, #3b4cca); color: #fff; text-decoration: none; font-weight: 600;
}
.exercises-grid .more-link:hover{ opacity: .9; }
.exercises-grid article:nth-child(4n+1){ --accent:#3b4cca; background:#eef1ff; }
.exercises-grid article:nth-child(4n+2){ --accent:#c73a3a; background:#fff0f0; }
.exercises-grid article:nth-child(4n+3){ --accent:#1a8f6a; background:#ecfbf6; }
.exercises-grid article:nth-child(4n+4){ --accent:#b56a00; background:#fff5e8; }

/* =============================
   META CHIPS (Views + Like)
   ============================= */
:root { --views-dot: #4B5563; } /* dark gray */

/* Put like & views side-by-side — works even without a wrapper */
.bhb-views-wrap,
.bhb-like-btn{ display: inline-flex; vertical-align: middle; }

/* Optional wrapper if you have one */
.bhb-meta-inline{
  display:flex; align-items:center; gap:.65rem; flex-wrap:wrap; margin-bottom:1rem;
}

/* Views chip */
.bhb-views-wrap{
  margin: 0 .5rem 0 0; padding: .2rem .6rem;
  border: 1px solid var(--global-gray-300, #e5e7eb);
  border-radius: 999px; font-size: .95rem; line-height: 1.6;
  background:#f3f3f3; color:#111827; gap:.35rem;
}
.bhb-views-label{ opacity: .8; }
.bhb-views-dot{
  width: .45rem; height: .45rem; border-radius: 50%;
  background-color: var(--views-dot); display: inline-block; margin-inline-end: .3rem;
}
.entry-footer .bhb-views-inline{ display: inline-flex; }

/* Like chip — matches views chip */
.bhb-like-btn{
  align-items:center; gap:.35rem; padding:.2rem .6rem;
  border-radius:999px; background:#f3f3f3; color:#111827;
  border:1px solid #e5e7eb; cursor:pointer; line-height:1.6; font-size:.95rem;
  transition: background .2s ease, border-color .2s ease, transform .06s ease;
  margin: 0;  /* remove extra gaps so it sits next to views */
}
.bhb-like-btn:hover{ background:#e9ecef; border-color:#d7dce1; }
.bhb-like-btn.is-liked{ background:#e5e7eb; border-color:#cfd6dd; }
.bhb-like-btn.is-busy{ opacity:.7; pointer-events:none; }
.bhb-like-btn .bhb-like-heart,
.bhb-like-btn .bhb-like-text,
.bhb-like-btn .bhb-like-count{ color:inherit; }

/* Stack chips nicely on small screens */
@media (max-width: 480px){
  .bhb-meta-inline{ gap:.5rem; }
  .bhb-views-wrap, .bhb-like-btn{ font-size:.9rem; }
}

/* Hide author/date on all archives */
.archive .entry-meta, .archive .posted-on, .archive .byline { display: none !important; }

/* =============================
   TAGS + SHARE (unified look)
   ============================= */
.entry-content .sharedaddy,
.entry-content .wp-block-social-links,
.bhb-share-wrap { margin-bottom: 0 !important; }

.sharedaddy .sd-block{
  display:flex; align-items:center; gap:.5rem; flex-wrap:wrap;
  direction: rtl; margin-top:1.5rem; margin-bottom: .3rem;
  border:none !important; padding-top:0;
}
.sharedaddy .sd-title{
  margin:0; font-size:.9rem; line-height:1.4; color:#000; opacity:.85; font-weight:500;
}
.sharedaddy .sd-content ul{ margin:0 !important; }
.sharedaddy .sd-title::before, .sharedaddy .sd-title::after{ content:none !important; }
/* Hide Jetpack's "customize buttons" line */
.sharedaddy .sd-block p { display: none !important; }

/* Tags */
.bhb-tags-wrap{
  display:flex; align-items:center; flex-wrap:wrap; gap:.4rem;
  font-size:.9rem; color:#000; direction:rtl; text-align:right;
  margin-top:0 !important; margin-bottom:2rem !important; border:none !important; padding-top:0;
}
.bhb-tags-label{ margin-inline-start:.25rem; font-weight:500; opacity:.85; }
.bhb-tags-wrap a{
  display:inline-block; padding:.3rem .6rem;
  border:1px solid var(--global-gray-300,#e5e7eb);
  border-radius:.65rem; text-decoration:none;
  background:var(--global-gray-50,#f9fafb); color:#000;
  transition:background .2s, border-color .2s;
}
.bhb-tags-wrap a:hover{ background:var(--global-gray-100,#f3f4f6); border-color:var(--global-gray-400,#d1d5db); }

/* Hide default footer tags (avoid duplicates) */
.entry-footer .tags-links { display: none !important; }

/* 1) Kill any bottom margin on the share block */
/* Kill spacing Kadence adds to the share block itself */
.content-area .entry-content > .sharedaddy,
.entry-content > .sharedaddy,
.sharedaddy,
.sharedaddy .sd-block{
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}
/* Override the theme's block-gap on the tags block */
.content-area .entry-content > .bhb-tags-wrap,
.entry-content > .bhb-tags-wrap{
  margin-top: .2rem !important;           /* physical */
  margin-block-start: .2rem !important;   /* logical */
}

/* When tags come right after share, keep it tight */
.content-area .entry-content > .sharedaddy + .bhb-tags-wrap,
.entry-content > .sharedaddy + .bhb-tags-wrap{
  margin-top: .2rem !important;
  margin-block-start: .2rem !important;
}
/* Nuke *previous sibling's* bottom margin only when the next is our tags block */
.entry-content > *:has(+ .bhb-tags-wrap){
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}


/* comment section sotries*/
.story-comment-intro {
    background: #f6f1ed;
    border-radius: 12px;
    padding: 18px 22px;
    margin: 18px 0 28px;
    line-height: 2;
}

.story-comment-intro p {
    margin-bottom: 10px;
}

.story-comment-intro p:last-child {
    margin-bottom: 0;
}

.story-comment-field label {
    display: block;
    margin-bottom: 10px;
    font-weight: 600;
}

.story-comment-field textarea {
    width: 100%;
    min-height: 180px;
    padding: 16px;
    border-radius: 10px;
    line-height: 1.9;
}

.story-reply-title {
    margin-bottom: 14px;
}
/* Hide author and date from Kadence Related Posts */
.single-post .entry-related .entry-meta {
    display: none;
}
/* زمان مطالعه روایت‌ها */
.story-reading-time {
    display: flex;
    align-items: center;
    gap: 6px;

    direction: rtl;
    white-space: nowrap;

    color: #777;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
}

.story-reading-time-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 17px;
    line-height: 1;
    color: #777;
}


/* دسکتاپ */
@media screen and (min-width: 768px) {

    .single-post.category-stories .entry-header {
        display: grid;
        grid-template-columns: 1fr auto;
        grid-template-rows: auto auto;
        column-gap: 30px;

        /* تراز براساس خط نوشته، نه مرکز عناصر */
        align-items: baseline;
    }

    /* دسته‌بندی */
    .single-post.category-stories .entry-taxonomies {
        grid-column: 2;
        grid-row: 1;
        justify-self: end;
        margin: 0 0 5px;
    }

    /* عنوان */
    .single-post.category-stories .entry-title {
        grid-column: 2;
        grid-row: 2;
        justify-self: end;
        align-self: baseline;

        margin: 0;
        padding: 0;
        line-height: 1.2;
    }

    /* زمان مطالعه */
    .single-post.category-stories .story-reading-time {
        grid-column: 1;
        grid-row: 2;

        justify-self: start;
        align-self: baseline;

        margin: 0;
        padding: 0;
    }
}


/* موبایل */
@media screen and (max-width: 767px) {

    .single-post.category-stories .entry-header {
        display: block;
    }

    .single-post.category-stories .story-reading-time {
        justify-content: flex-start;
        margin-top: 10px;
        margin-bottom: 16px;
    }
}
/*for homepage template*/
/* Full-screen homepage using the Default template */
html,
body.home.page-id-1871 {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    min-height: 100% !important;
    overflow-x: hidden !important;
}

/* Hide Kadence header, footer and page title */
body.home.page-id-1871 #masthead,
body.home.page-id-1871 #colophon,
body.home.page-id-1871 .entry-header,
body.home.page-id-1871 .entry-footer,
body.home.page-id-1871 .page-title,
body.home.page-id-1871 .entry-hero {
    display: none !important;
}

/* Remove all Kadence page constraints */
body.home.page-id-1871 .wp-site-blocks,
body.home.page-id-1871 #inner-wrap,
body.home.page-id-1871 #primary,
body.home.page-id-1871 #main,
body.home.page-id-1871 .content-area,
body.home.page-id-1871 .site-main,
body.home.page-id-1871 .content-container,
body.home.page-id-1871 .site-container,
body.home.page-id-1871 .content-bg,
body.home.page-id-1871 .single-content,
body.home.page-id-1871 article,
body.home.page-id-1871 .entry,
body.home.page-id-1871 .entry-content-wrap,
body.home.page-id-1871 .entry-content,
body.home.page-id-1871 .wp-block-group,
body.home.page-id-1871 .wp-block-group__inner-container {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
}

/* Make your custom page span the whole browser width */
body.home.page-id-1871 .page {
    position: relative !important;
    inset: auto !important;

    width: 100vw !important;
    max-width: none !important;
    min-height: 100vh !important;

    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;

    padding: 32px 24px !important;
    overflow: hidden !important;
}

/* Remove WordPress block spacing */
body.home.page-id-1871 .entry-content > *,
body.home.page-id-1871 .single-content > *,
body.home.page-id-1871 .wp-block-group > *,
body.home.page-id-1871 .wp-block-group__inner-container > * {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* Prevent an unnecessary vertical scrollbar */
body.home.page-id-1871 .content-area {
    min-height: 0 !important;
}

/* Mobile adjustments */
@media screen and (max-width: 767px) {
    body.home.page-id-1871 .page {
        min-height: 100svh !important;
        padding: 24px 18px !important;
    }

    body.home.page-id-1871 h1 {
        font-size: 36px !important;
    }

    body.home.page-id-1871 p.desc {
        font-size: 17px !important;
        line-height: 1.9 !important;
    }
}
/* Hero صفحه اصلی */
.page-id-436 .home-hero {
    min-height: 430px !important;
    height: 430px !important;
    overflow: hidden;
}

/* ستون داخلی Hero هم به همان ارتفاع محدود شود */
.page-id-436 .home-hero > .kt-row-column-wrap {
    min-height: 430px !important;
    height: 430px !important;
    align-items: center;
}

/* تبلت */
@media (max-width: 1024px) {
    .page-id-436 .home-hero,
    .page-id-436 .home-hero > .kt-row-column-wrap {
        height: 380px !important;
        min-height: 380px !important;
    }
}

/* موبایل */
@media (max-width: 767px) {
    .page-id-436 .home-hero,
    .page-id-436 .home-hero > .kt-row-column-wrap {
        height: 420px !important;
        min-height: 420px !important;
    }
}
/* Bia Harf Bezanim – compact footer */
.site-footer {
    border-top: 1px solid #ebe7e2;
    box-shadow: none;
}

.bhb-footer {
    direction: rtl;
    text-align: center;
    padding: 32px 20px 26px;
}

.bhb-footer-title {
    margin-bottom: 12px;
    color: #263247;
    font-size: 18px;
    font-weight: 600;
}

.bhb-footer-links {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-bottom: 14px;
    font-size: 14px;
}

.bhb-footer-links a {
    color: #526075;
    text-decoration: none;
    transition: opacity 0.2s ease;
}

.bhb-footer-links a:hover {
    opacity: 0.6;
}

.bhb-footer-dot {
    color: #b5bbc3;
}

.bhb-footer-copy {
    color: #969ca5;
    font-size: 12px;
}

/* Reduce Kadence's default footer spacing */
.site-footer-row-container-inner {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.site-footer-row {
    min-height: auto !important;
}

/* Info Box hover effect */
.kt-blocks-info-box-link-wrap {
    transition: all 0.25s ease;
    cursor: pointer;
}

.kt-blocks-info-box-link-wrap:hover {
    filter: brightness(0.96);
    transform: translateY(-3px);
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
}