/* BaharSEO article experience — separate, opt-in selectors for requested areas only. */

/* Latest three blog posts: homepage only, rendered after the existing homepage. */
body.home .bseo-latest-section {
  box-sizing: border-box; width: 100%; position: relative; isolation: isolate; direction: rtl;
  padding: clamp(56px, 6.5vw, 94px) 20px;
  background: radial-gradient(ellipse at 6% 5%, rgba(25,199,220,.14), transparent 44%),
              linear-gradient(180deg,#f6fcff 0%, #fff 100%);
  border-top: 1px solid #e2f0f7;
}
.bseo-latest-section *, .bseo-latest-section *::before, .bseo-latest-section *::after {box-sizing:border-box}
.bseo-latest-inner {width: min(1200px, 100%); margin:0 auto}
.bseo-latest-heading-row {display:flex; justify-content:space-between; align-items:flex-end; gap:24px; margin-bottom:31px}
.bseo-latest-heading-copy {min-width:0}
.bseo-latest-eyebrow {display:inline-flex; align-items:center; gap:7px; color:#087c93; font-size:12px; font-weight:800; letter-spacing:0; padding:6px 13px; border:1px solid #c6eff5; background:#eaffff; border-radius:999px; margin-bottom:15px}
.bseo-latest-eyebrow>span {color:#0c9bab; font-size:15px}
.bseo-latest-heading-copy h2 {font-size:clamp(23px,2.9vw,36px)!important; line-height:1.65!important; margin:0 0 7px!important; color:#102f4c!important; font-weight:900!important}
.bseo-latest-heading-copy p {margin:0!important; color:#5f778a!important; line-height:2!important; font-size:14px}
.bseo-latest-all {display:inline-flex; align-items:center; justify-content:center; white-space:nowrap; gap:12px; min-height:47px; padding:10px 18px; text-decoration:none!important; font-size:13px; font-weight:800; color:#0d6e8c!important; background:#fff; border:1px solid #caeaf1; border-radius:13px; box-shadow:0 6px 19px rgba(16,61,95,.04); transition:transform .2s, box-shadow .2s, border-color .2s}
.bseo-latest-all:hover,.bseo-latest-all:focus-visible {transform:translateY(-2px); border-color:#79d6e6; box-shadow:0 10px 23px rgba(16,61,95,.1)}
.bseo-latest-grid {display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:21px}
.bseo-latest-card {min-width:0; margin:0; overflow:hidden; border:1px solid #dfedf5; border-radius:20px; background:#fff; box-shadow:0 12px 27px rgba(17,69,102,.065); transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease}
.bseo-latest-card:hover,.bseo-latest-card:focus-within {transform:translateY(-5px); box-shadow:0 20px 40px rgba(17,69,102,.115); border-color:#b1e4ec}
.bseo-latest-card-link {display:flex; flex-direction:column; height:100%; color:inherit!important; text-decoration:none!important}
.bseo-latest-cover {position:relative; aspect-ratio:16 / 9; overflow:hidden; background:linear-gradient(145deg,#0e648d,#16b6c3)}
.bseo-latest-cover-image {display:block; width:100%; height:100%; object-fit:cover; transition:transform .4s ease}
.bseo-latest-card:hover .bseo-latest-cover-image,.bseo-latest-card:focus-within .bseo-latest-cover-image {transform:scale(1.045)}
.bseo-latest-cover-fallback {height:100%;display:grid;place-items:center;background:radial-gradient(circle at 20% 25%,rgba(255,255,255,.22) 0 8%,transparent 9%), linear-gradient(125deg,#123e65,#0a8fbb 60%,#20c7d8);}
.bseo-latest-cover-fallback span {color:rgba(255,255,255,.72); font-size:75px; line-height:1}
.bseo-latest-index {position:absolute; top:15px; right:16px; min-width:37px; height:37px; display:grid; place-items:center; padding:0 8px; color:#fff; font-weight:900; font-size:13px; border-radius:11px; background:rgba(8,37,63,.72); border:1px solid rgba(255,255,255,.35); backdrop-filter:blur(6px)}
.bseo-latest-card-body {display:flex; flex:1; flex-direction:column; gap:0; padding:23px 23px 24px; text-align:right}
.bseo-latest-topic {align-self:flex-start; max-width:100%; color:#0a8397; font-size:11.5px; font-weight:800; line-height:1.7; background:#ebfbfe; border-radius:8px; padding:4px 10px; margin-bottom:13px}
.bseo-latest-card-body h3 {color:#153654!important; font-size:18px!important; line-height:1.8!important; font-weight:850!important; margin:0 0 9px!important; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden}
.bseo-latest-card-body p {color:#637a8c!important; font-size:12.5px!important; line-height:2.05!important; margin:0 0 22px!important; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden}
.bseo-latest-read {display:flex; align-items:center; justify-content:space-between; margin-top:auto; padding-top:15px; border-top:1px solid #edf4f8; color:#087c9b; font-size:13px; font-weight:900}
.bseo-latest-read-icon {display:grid; place-items:center; width:34px; height:34px; background:#e9faff; color:#087e9c; border-radius:10px; font-size:17px; transition:background .2s,color .2s,transform .2s}
.bseo-latest-card:hover .bseo-latest-read-icon,.bseo-latest-card:focus-within .bseo-latest-read-icon {background:#0e94ae; color:#fff; transform:translateX(-3px)}

/* Single-post metadata: keep useful author/categories; remove default comment shortcut. */
body.single-post .entry-header .entry-meta {display:flex; flex-wrap:wrap; align-items:center; gap:7px 11px; margin-top:12px; margin-bottom:19px; color:#5b7688!important; font-size:12px!important; line-height:1.8;}
body.single-post .entry-header .entry-meta a {color:#176d91!important; text-decoration:none!important}
body.single-post .entry-header .entry-meta a:hover {color:#0babb8!important}
body.single-post .entry-header .entry-meta .comments-link,
body.single-post .entry-header .entry-meta .ast-comments-link,
body.single-post .entry-header .entry-meta .ast-meta-l-comments {display:none!important}
body.single-post .entry-header .entry-meta .cat-links:has(a[href*="uncategorized"]),
body.single-post .entry-header .entry-meta .ast-taxonomy-container:has(a[href*="uncategorized"]) {display:none!important}

/* Astra adjacent-post navigation. Original links and their targets are retained. */
body.single-post .post-navigation {margin-block:35px 32px!important; padding:0!important; border:0!important}
body.single-post .post-navigation .nav-links {display:flex!important; flex-wrap:wrap; gap:18px; width:100%; padding:0!important; border:0!important}
body.single-post .post-navigation .nav-previous,
body.single-post .post-navigation .nav-next {flex:1 1 320px; min-width:0; position:relative; margin:0!important}
body.single-post .post-navigation .nav-previous::after {content:none!important}
body.single-post .post-navigation .nav-previous a,
body.single-post .post-navigation .nav-next a,
body.single-post .post-navigation .bseo-post-nav-card-link {box-sizing:border-box;display:flex!important; align-items:center; gap:16px; width:100%!important; max-width:none!important; min-height:132px; padding:18px!important; text-align:right!important; color:#143d5d!important; text-decoration:none!important; background:linear-gradient(135deg,#fff,#f3fbff); border:1px solid #d8eaf4; border-radius:20px; box-shadow:0 10px 28px rgba(22,75,111,.06); transition:border-color .2s, box-shadow .2s, transform .2s}
body.single-post .post-navigation .nav-links a:hover,
body.single-post .post-navigation .nav-links a:focus-visible {border-color:#89d9e8; box-shadow:0 14px 30px rgba(22,75,111,.13); transform:translateY(-2px)}
body.single-post .post-navigation .bseo-post-nav-media {display:block; flex:0 0 116px; width:116px}
body.single-post .post-navigation .bseo-post-nav-thumb {display:block; width:116px; height:88px; object-fit:cover; border-radius:16px; background:#e9f5fb; box-shadow:0 10px 24px rgba(17,69,102,.08)}
body.single-post .post-navigation .bseo-post-nav-thumb-fallback {display:grid; place-items:center; color:#fff; font-size:34px; line-height:1; background:linear-gradient(140deg,#0a7cb1,#19c8d6)}
body.single-post .post-navigation .bseo-post-nav-copy {display:flex; flex-direction:column; justify-content:center; min-width:0; flex:1}
.bseo-post-nav-label {display:inline-flex; align-items:center; gap:6px; font-size:12px; font-weight:800; color:#0a8399; line-height:1.8}
.bseo-post-nav-label>span {font-size:15px; display:inline-block}
.bseo-post-nav-title {display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; max-width:100%; margin-top:8px; color:#153a58; font-size:18px; line-height:1.8; font-weight:900; white-space:normal}
.bseo-post-nav-meta {display:inline-flex; align-self:flex-start; margin-top:10px; padding:5px 10px; border-radius:999px; background:#ebfbff; border:1px solid #cfeef4; color:#0d6b84; font-size:11.5px; font-weight:800; line-height:1.7}

/* Native comment form — no change to comment storage, permissions or submission. */
body.single-post .comments-area #respond,
body.single-post #respond.comment-respond {box-sizing:border-box;direction:rtl; max-width:100%; margin-top:30px; padding:clamp(23px,3.4vw,41px)!important; background:linear-gradient(155deg,#fff 65%,#f5fcff); border:1px solid #dbedf4; border-radius:23px; box-shadow:0 14px 38px rgba(22,68,98,.07)}
body.single-post #respond #reply-title {position:relative; color:#123e60!important; margin:0 0 13px!important; padding-right:17px; font-size:clamp(20px,2.35vw,25px)!important; font-weight:900!important; line-height:1.65!important}
body.single-post #respond #reply-title:before {position:absolute; content:""; right:0; top:11px; height:23px; width:5px; border-radius:8px; background:linear-gradient(#0daec4,#1369c2)}
body.single-post .bseo-comment-intro {color:#57748a!important; font-size:13.5px; line-height:2; margin:0 0 22px!important}
body.single-post .bseo-comment-rating {margin:0 0 22px; padding:18px 18px 16px; border:1px solid #d8edf4; border-radius:18px; background:linear-gradient(145deg,#f8fdff,#ffffff 72%)}
body.single-post .bseo-comment-rating-head {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:8px 18px; margin-bottom:14px}
body.single-post .bseo-comment-rating-head strong {color:#123e60; font-size:14px; font-weight:900; line-height:1.8}
body.single-post .bseo-comment-rating-head span {color:#688398; font-size:12px; line-height:1.8}
body.single-post .bseo-comment-rating-options {display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:10px}
body.single-post .bseo-rating-option {position:relative; display:block; min-width:0; cursor:pointer}
body.single-post .bseo-rating-option input {position:absolute; inset:0; opacity:0; pointer-events:none}
body.single-post .bseo-rating-pill {display:flex; flex-direction:column; align-items:center; justify-content:center; gap:7px; min-height:88px; padding:12px 10px; border:1px solid #d7eaf2; border-radius:16px; background:#fff; color:#32566f; text-align:center; transition:transform .2s,border-color .2s,box-shadow .2s,background .2s}
body.single-post .bseo-rating-emoji {font-size:28px; line-height:1}
body.single-post .bseo-rating-text {font-size:12px; font-weight:800; line-height:1.7}
body.single-post .bseo-rating-option:hover .bseo-rating-pill,
body.single-post .bseo-rating-option input:focus-visible + .bseo-rating-pill {border-color:#8ddae7; box-shadow:0 12px 24px rgba(17,69,102,.08); transform:translateY(-2px)}
body.single-post .bseo-rating-option input:checked + .bseo-rating-pill {border-color:#18b5cc; background:linear-gradient(160deg,#ecfdff,#ffffff 70%); box-shadow:0 14px 28px rgba(9,135,181,.14); color:#0f4a64}
body.single-post .comments-area .comments-title {position:relative; margin:24px 0 18px!important; padding-right:15px; color:#133d5d!important; font-size:clamp(18px,2.1vw,23px)!important; font-weight:900!important; line-height:1.7!important}
body.single-post .comments-area .comments-title::before {content:''; position:absolute; right:0; top:10px; width:5px; height:22px; border-radius:999px; background:linear-gradient(#0daec4,#1369c2)}
body.single-post .comment-list {margin:0!important; padding:0!important; list-style:none}
body.single-post .comment-list > li.comment {margin:0 0 18px!important; padding:0!important; list-style:none}
body.single-post .comment-body {position:relative; padding:22px 22px 18px!important; border:1px solid #d8ebf3; border-radius:20px; background:linear-gradient(150deg,#fff,#f6fcff 75%); box-shadow:0 12px 28px rgba(19,66,95,.06)}
body.single-post .comment-meta {margin-bottom:12px}
body.single-post .comment-author {display:flex; flex-wrap:wrap; align-items:center; gap:8px 12px; margin-bottom:8px}
body.single-post .comment-author .avatar {border-radius:50%; box-shadow:0 4px 14px rgba(16,61,95,.12)}
body.single-post .comment-author .fn {color:#123e60; font-weight:900}
body.single-post .comment-metadata a {color:#6a8495!important; font-size:12px; text-decoration:none!important}
body.single-post .comment-content p {margin:0 0 12px!important; color:#234b66; line-height:2.05!important}
body.single-post .reply a {display:inline-flex; align-items:center; gap:7px; min-height:36px; padding:6px 14px; border-radius:999px; background:#edf9fd; border:1px solid #c9ebf3; color:#0a7a94!important; font-size:12px; font-weight:800; text-decoration:none!important}
body.single-post .reply a:hover {background:#dff7fd; border-color:#92deea}
body.single-post .bseo-comment-rating-badge {display:inline-flex; align-items:center; gap:8px; margin:0 0 12px; padding:6px 12px; border-radius:999px; background:#ecfdff; border:1px solid #cceef5; color:#0a6981; font-size:12px; font-weight:800; line-height:1.7}
body.single-post .bseo-comment-rating-emoji {font-size:18px; line-height:1}
body.single-post #respond .comment-form,body.single-post #respond form {margin:0}
body.single-post #respond .comment-form-comment {padding:0!important; border:0!important; margin:0 0 17px!important; min-width:0}
body.single-post #respond .comment-form-textarea {width:100%; padding:0!important; float:none!important}
body.single-post #respond .comment-form-comment label:not(.screen-reader-text) {display:inline-block; margin-bottom:9px; font-size:13px; font-weight:800; color:#224d6a}
body.single-post #respond .comment-form-comment textarea,
body.single-post #respond textarea#comment {box-sizing:border-box; display:block; width:100%; min-height:160px; max-height:420px; resize:vertical; padding:17px 18px!important; border:1px solid #d3e6ef!important; border-radius:14px!important; background:#f7fbfe!important; color:#173950!important; font:inherit; font-size:14px!important; line-height:2!important; box-shadow:none!important; transition:border-color .2s,box-shadow .2s}
body.single-post #respond textarea#comment::placeholder {color:#879eae; opacity:1}
body.single-post #respond textarea#comment:focus {outline:2px solid transparent!important; border-color:#1fb6ce!important; box-shadow:0 0 0 4px rgba(31,182,206,.13)!important; background:#fff!important}
body.single-post #respond .comment-form input:not([type="submit"]):not([type="checkbox"]) {box-sizing:border-box; width:100%; max-width:100%; border:1px solid #d3e6ef; border-radius:11px; background:#f7fbfe; padding:11px 13px}
body.single-post #respond .comment-form input:focus-visible {outline:2px solid #14b2ca; outline-offset:2px}
body.single-post #respond .form-submit {text-align:left; margin:16px 0 0!important}
body.single-post #respond #submit {display:inline-flex; align-items:center; justify-content:center; min-height:48px; min-width:145px; padding:10px 27px!important; color:#fff!important; font-size:14px!important; font-weight:850!important; background:linear-gradient(115deg,#0876c4,#09a7b8)!important; border:0!important; border-radius:12px!important; box-shadow:0 9px 21px rgba(9,135,181,.22); cursor:pointer; transition:transform .2s,box-shadow .2s}
body.single-post #respond #submit:hover {transform:translateY(-2px); box-shadow:0 13px 27px rgba(9,135,181,.32)}
body.single-post #respond .comment-notes,body.single-post #respond .must-log-in {font-size:12px; color:#627d8e; line-height:1.9}

/* The existing footer's scroll-to-top anchor; same #page behavior, refined appearance. */
#colophon.bseo-footer .bseo-footer-bottom .bseo-backtop {display:inline-flex; align-items:center; gap:10px; min-height:45px; padding:5px 5px 5px 14px; border:1px solid rgba(116,210,230,.36); border-radius:999px; background:rgba(255,255,255,.065); color:#e7f9ff!important; font-weight:750; font-size:12.5px; text-decoration:none!important; transition:background .2s,border-color .2s,transform .2s}
#colophon.bseo-footer .bseo-footer-bottom .bseo-backtop-icon {display:grid; place-items:center; width:34px; height:34px; flex:0 0 34px; background:linear-gradient(135deg,#16a3bd,#38d9dc); border-radius:50%; color:#063a53; font-size:19px; font-weight:900; line-height:1; transition:transform .2s}
#colophon.bseo-footer .bseo-footer-bottom .bseo-backtop:hover,
#colophon.bseo-footer .bseo-footer-bottom .bseo-backtop:focus-visible {border-color:#79ddf0; background:rgba(255,255,255,.14); transform:translateY(-2px)}
#colophon.bseo-footer .bseo-footer-bottom .bseo-backtop:hover .bseo-backtop-icon {transform:translateY(-2px)}

@media (max-width:900px) {
  .bseo-latest-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
  .bseo-latest-heading-row {align-items:flex-start}
}
@media (max-width:640px) {
  body.home .bseo-latest-section {padding:49px 16px}
  .bseo-latest-grid {grid-template-columns:1fr; gap:17px}
  .bseo-latest-heading-row {flex-direction:column; align-items:stretch; gap:20px}
  .bseo-latest-all {align-self:flex-start}
  .bseo-latest-card-body {padding:19px 19px 22px}
  body.single-post .post-navigation .nav-links {gap:12px}
  body.single-post .post-navigation .nav-previous,body.single-post .post-navigation .nav-next {flex-basis:100%}
  body.single-post .post-navigation .nav-previous a,body.single-post .post-navigation .nav-next a,body.single-post .post-navigation .bseo-post-nav-card-link {min-height:unset; padding:14px!important; gap:12px}
  body.single-post .post-navigation .bseo-post-nav-media {flex-basis:88px; width:88px}
  body.single-post .post-navigation .bseo-post-nav-thumb {width:88px; height:72px; border-radius:14px}
  body.single-post .bseo-post-nav-title {font-size:15px}
  body.single-post #respond #reply-title {padding-right:14px}
  body.single-post .bseo-comment-rating-options {grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:420px) {
  body.single-post .bseo-comment-rating-options {grid-template-columns:1fr 1fr}
  body.single-post .bseo-rating-pill {min-height:82px; padding-inline:8px}
  body.single-post .bseo-rating-text {font-size:11.5px}
}
@media (prefers-reduced-motion:reduce) {
  .bseo-latest-section *,body.single-post .post-navigation *,body.single-post #respond *,#colophon.bseo-footer .bseo-backtop {transition:none!important}
}