.rskh-single-post-widget{
    --rskh-font:
      "Inter Tight",
      "Tajawal",
      system-ui,
      -apple-system,
      BlinkMacSystemFont,
      "Segoe UI",
      sans-serif;

    --rskh-brand:#6857f5;
    --rskh-brand-dark:#5645df;
    --rskh-title:#1b1e36;
    --rskh-text:#5f6574;
    --rskh-muted:#858998;
    --rskh-background:#f2f5fa;
    --rskh-side-background:#fbfcfd;
    --rskh-white:#ffffff;
    --rskh-line:rgba(104,87,245,.12);

    --rskh-chip-category:#6857f5;
    --rskh-chip-category-bg:rgba(104,87,245,.10);

    --rskh-chip-date:#db765c;
    --rskh-chip-date-bg:rgba(219,118,92,.10);

    --rskh-chip-author:#178d7a;
    --rskh-chip-author-bg:rgba(23,141,122,.10);

    position:relative;

    width:100%;
    max-width:100%;

    margin:0;
    padding:0;

    color:var(--rskh-title);
    background:transparent;

    font-family:var(--rskh-font);
    -webkit-font-smoothing:antialiased;

    box-sizing:border-box;
  }

  .rskh-single-post-widget *,
  .rskh-single-post-widget *::before,
  .rskh-single-post-widget *::after{
    box-sizing:border-box;
  }

  /* =========================================================
     التخطيط العام: المقال 70% والعمود الجانبي 30%
  ========================================================= */

  .rskh-single-post-layout{
    display:grid;

    grid-template-columns:
      minmax(0,7fr)
      minmax(270px,3fr);

    align-items:start;
    gap:32px;

    width:100%;
    max-width:1280px;

    margin:0 auto;
    padding:0;

    overflow:visible;

    direction:rtl;
  }

  /* =========================================================
     العمود الرئيسي
  ========================================================= */

  .rskh-single-post-main{
    width:100%;
    min-width:0;

    margin:0;
    padding:0;
  }

  .rskh-single-post-article{
    width:100%;
    min-width:0;

    margin:0;
    padding:0;
  }

  /* =========================================================
     الصورة البارزة
  ========================================================= */

  .rskh-single-post-media{
    position:relative;

    width:100%;
    aspect-ratio:16 / 9;

    margin:0 0 26px;
    padding:0;

    overflow:hidden;

    border:0;
    border-radius:25px;

    background:
      linear-gradient(
        135deg,
        rgba(104,87,245,.12),
        rgba(27,30,54,.055)
      );

    box-shadow:none;
  }

  .rskh-single-post-image{
    display:block;

    width:100%;
    height:100%;

    margin:0 !important;
    padding:0;

    object-fit:cover;
    object-position:center;

    border:0 !important;
    border-radius:25px !important;

    box-shadow:none !important;
  }

  .rskh-single-post-image-placeholder{
    display:flex;
    align-items:center;
    justify-content:center;

    width:100%;
    height:100%;

    padding:30px;

    border-radius:25px;

    color:rgba(27,30,54,.42);

    font-size:18px;
    line-height:1.6;
    font-weight:600;

    text-align:center;
  }

  /* =========================================================
     عنوان المقال
  ========================================================= */

  .rskh-single-post-widget
  .rskh-single-post-main
  .rskh-single-post-title{
    display:block !important;

    width:100% !important;
    max-width:none !important;

    inline-size:100% !important;
    max-inline-size:none !important;

    margin:0 0 18px !important;
    padding:0 !important;

    color:var(--rskh-title);

    font-size:30px;
    line-height:1.4;
    font-weight:700;
    letter-spacing:-.022em;

    direction:rtl;
    text-align:right;

    white-space:normal !important;
    word-break:normal !important;
    overflow-wrap:normal !important;
    hyphens:none !important;

    text-wrap:wrap !important;
    text-wrap-mode:wrap !important;
    text-wrap-style:auto !important;
  }

  /* =========================================================
     سلوقات معلومات المقال
  ========================================================= */

  .rskh-single-post-meta{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:9px;

    width:100%;

    margin:0 0 34px;
    padding:0;

    direction:rtl;
  }

  .rskh-single-post-chip{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:7px;

    min-height:32px;

    margin:0;
    padding:5px 12px;

    border:0;
    border-radius:999px;

    color:var(--rskh-muted);
    background:rgba(133,137,152,.10);

    font-family:var(--rskh-font);
    font-size:12px;
    line-height:1.4;
    font-weight:600;

    text-decoration:none !important;
    white-space:nowrap;

    box-shadow:none;

    -webkit-tap-highlight-color:transparent;

    transition:
      color .25s ease,
      background-color .25s ease,
      transform .25s ease;
  }

  /* دون إزاحة للنص في الحاسب والتابلت */
  .rskh-single-post-chip > span,
  .rskh-single-post-chip > time{
    position:relative;
    top:0;
  }

  .rskh-single-post-chip svg{
    display:block;

    width:14px;
    height:14px;
    flex:0 0 14px;

    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round;
  }

  /* التصنيف */
  .rskh-single-post-chip.is-category{
    color:var(--rskh-chip-category);
    background:var(--rskh-chip-category-bg);
  }

  /* التاريخ */
  .rskh-single-post-meta
  .rskh-single-post-chip:nth-child(2){
    color:var(--rskh-chip-date);
    background:var(--rskh-chip-date-bg);
  }

  /* المؤلف */
  .rskh-single-post-meta
  .rskh-single-post-chip:nth-child(3){
    color:var(--rskh-chip-author);
    background:var(--rskh-chip-author-bg);
  }

  a.rskh-single-post-chip:hover,
  a.rskh-single-post-chip:focus-visible{
    color:var(--rskh-brand);
    background:rgba(104,87,245,.15);

    transform:translateY(-1px);
  }

  a.rskh-single-post-chip:focus-visible{
    outline:2px solid rgba(104,87,245,.20);
    outline-offset:3px;
  }

  /* =========================================================
     محتوى المقال
  ========================================================= */

  .rskh-single-post-content{
    width:100%;
    max-width:100%;

    margin:0;
    padding:0;

    color:var(--rskh-text);

    font-size:15px;
    line-height:1.95;
    font-weight:400;

    direction:rtl;
    text-align:right;

    overflow-wrap:anywhere;
  }

  .rskh-single-post-content > *:first-child{
    margin-top:0;
  }

  .rskh-single-post-content > *:last-child{
    margin-bottom:0;
  }

  .rskh-single-post-content p{
    margin:0 0 20px;
  }

  /* =========================================================
     عناوين المقال
  ========================================================= */

  .rskh-single-post-content h2,
  .rskh-single-post-content h3,
  .rskh-single-post-content h4,
  .rskh-single-post-content h5,
  .rskh-single-post-content h6{
    color:var(--rskh-title);

    margin-top:32px;
    margin-bottom:12px;

    font-weight:600;
    line-height:1.55;
    letter-spacing:-.012em;

    overflow-wrap:anywhere;
  }

  .rskh-single-post-content h2{
    font-size:17px;
    font-weight:600;
  }

  .rskh-single-post-content h3{
    font-size:16px;
    font-weight:600;
  }

  .rskh-single-post-content h4,
  .rskh-single-post-content h5,
  .rskh-single-post-content h6{
    font-size:15px;
    font-weight:600;
  }

  /* =========================================================
     القوائم والنقاط والأرقام
  ========================================================= */

  .rskh-single-post-content ul,
  .rskh-single-post-content ol{
    margin:0 0 22px;

    padding-right:25px;
    padding-left:0;
  }

  .rskh-single-post-content li{
    margin-bottom:8px;
    padding-right:3px;
  }

  .rskh-single-post-content li::marker{
    color:var(--rskh-brand);
    font-weight:700;
  }

  .rskh-single-post-content ul li::marker{
    font-size:1.1em;
  }

  .rskh-single-post-content ol li::marker{
    color:var(--rskh-brand);
    font-weight:700;
  }

  .rskh-single-post-content hr{
    height:1px;

    margin:30px 0;

    border:0;

    background:rgba(104,87,245,.18);
  }

  /* =========================================================
     الروابط والصور داخل المقال
  ========================================================= */

  .rskh-single-post-content a{
    color:var(--rskh-brand);

    text-decoration-color:rgba(104,87,245,.45);
    text-decoration-thickness:1px;
    text-underline-offset:4px;
  }

  .rskh-single-post-content a:hover{
    color:var(--rskh-brand-dark);
  }

  .rskh-single-post-content img{
    max-width:100%;
    height:auto;

    margin-top:12px;
    margin-bottom:24px;

    border:0;
    border-radius:25px;

    box-shadow:none;
  }

  .rskh-single-post-content figure{
    max-width:100%;

    margin:24px 0;
  }

  .rskh-single-post-content figure img{
    margin:0;
  }

  .rskh-single-post-content figcaption{
    margin-top:8px;

    color:var(--rskh-muted);

    font-size:12px;
    line-height:1.7;

    text-align:center;
  }

  /* =========================================================
     الاقتباس
  ========================================================= */

  .rskh-single-post-content blockquote{
    position:relative;

    margin:28px 0;
    padding:22px 25px;

    border:0;
    border-right:3px solid var(--rskh-brand);
    border-radius:25px;

    background:rgba(104,87,245,.06);
    color:var(--rskh-title);

    font-size:15px;
    line-height:1.9;

    box-shadow:none;
  }

  .rskh-single-post-content blockquote p:last-child{
    margin-bottom:0;
  }

  /* =========================================================
     الجداول
  ========================================================= */

  .rskh-single-post-content table{
    width:100%;

    margin:24px 0;

    border-collapse:separate;
    border-spacing:0;

    overflow:hidden;

    border:1px solid rgba(104,87,245,.12);
    border-radius:25px;

    font-size:14px;
  }

  .rskh-single-post-content th,
  .rskh-single-post-content td{
    padding:13px 14px;

    border-bottom:1px solid rgba(104,87,245,.10);
    border-left:1px solid rgba(104,87,245,.10);

    text-align:right;
  }

  .rskh-single-post-content tr:last-child td{
    border-bottom:0;
  }

  .rskh-single-post-content th:last-child,
  .rskh-single-post-content td:last-child{
    border-left:0;
  }

  .rskh-single-post-content th{
    background:rgba(104,87,245,.065);
    color:var(--rskh-title);

    font-weight:600;
  }

  /* =========================================================
     الأكواد
  ========================================================= */

  .rskh-single-post-content pre{
    max-width:100%;

    overflow:auto;

    margin:24px 0;
    padding:20px;

    border-radius:25px;

    background:#1b1e36;
    color:#fff;

    direction:ltr;
    text-align:left;

    font-size:13px;
    line-height:1.7;
  }

  .rskh-single-post-content code{
    color:var(--rskh-brand);
  }

  .rskh-single-post-content pre code{
    color:inherit;
  }

  /* =========================================================
     العمود الجانبي
  ========================================================= */

  .rskh-single-post-sidebar{
    width:100%;
    min-width:0;

    margin:0;
    padding:0;

    align-self:start;
    overflow:visible;
  }

  .rskh-single-post-sidebar-inner{
    display:flex;
    flex-direction:column;
    gap:16px;

    width:100%;

    margin:0;
    padding:0;
  }
/* =========================================================
     بطاقات أحدث المقالات والمشاركة
  ========================================================= */

  .rskh-single-post-side-box{
    width:100%;

    margin:0;
    padding:22px;

    border:0;
    border-radius:25px;

    background:#fbfcfd;

    box-shadow:none;
  }

  .rskh-single-post-side-heading{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;

    width:100%;

    margin:0 0 17px;
    padding:0;

    color:var(--rskh-title);

    font-size:17px;
    line-height:1.5;
    font-weight:600;
  }

  .rskh-single-post-side-heading::after{
    content:"";

    width:7px;
    height:7px;
    flex:0 0 7px;

    border-radius:50%;

    background:var(--rskh-brand);

    box-shadow:
      0 0 0 5px
      rgba(104,87,245,.09);
  }

  /* =========================================================
     أحدث المقالات
  ========================================================= */

  .rskh-latest-posts-list{
    display:flex;
    flex-direction:column;

    width:100%;

    margin:0;
    padding:0;

    list-style:none;
  }

  .rskh-latest-post-item{
    width:100%;

    margin:0;
    padding:0;

    border-bottom:1px solid rgba(104,87,245,.10);
  }

  .rskh-latest-post-item:last-child{
    border-bottom:0;
  }

  .rskh-latest-post-link{
    display:grid;

    grid-template-columns:
      minmax(0,1fr)
      24px;

    align-items:center;
    gap:12px;

    width:100%;

    padding:13px 0;

    color:var(--rskh-title);

    text-decoration:none !important;

    transition:
      color .25s ease,
      transform .25s ease;
  }

  .rskh-latest-post-item:first-child
  .rskh-latest-post-link{
    padding-top:2px;
  }

  .rskh-latest-post-item:last-child
  .rskh-latest-post-link{
    padding-bottom:2px;
  }

  .rskh-latest-post-title{
    display:block;

    min-width:0;
    max-width:100%;

    overflow:hidden;

    color:inherit;

    font-size:13.5px;
    line-height:1.65;
    font-weight:600;

    white-space:nowrap;
    text-overflow:ellipsis;
  }

  .rskh-latest-post-arrow{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    width:24px;
    height:24px;

    border-radius:50%;

    background:rgba(104,87,245,.09);
    color:var(--rskh-brand);

    transition:
      background-color .25s ease,
      color .25s ease,
      transform .25s ease;
  }

  .rskh-latest-post-arrow svg{
    display:block;

    width:12px;
    height:12px;

    fill:none;
    stroke:currentColor;
    stroke-width:2;
    stroke-linecap:round;
    stroke-linejoin:round;
  }

  .rskh-latest-post-link:hover,
  .rskh-latest-post-link:focus-visible{
    color:var(--rskh-brand);
  }

  .rskh-latest-post-link:hover
  .rskh-latest-post-arrow,
  .rskh-latest-post-link:focus-visible
  .rskh-latest-post-arrow{
    background:var(--rskh-brand);
    color:#fff;

    transform:translateX(-2px);
  }

  .rskh-latest-post-link:focus-visible{
    outline:2px solid rgba(104,87,245,.18);
    outline-offset:4px;
    border-radius:8px;
  }

  .rskh-latest-posts-empty{
    margin:0;

    color:var(--rskh-muted);

    font-size:13px;
    line-height:1.7;
  }

  /* =========================================================
     أزرار المشاركة
  ========================================================= */

  .rskh-single-share-buttons{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:8px;

    width:100%;
  }

  .rskh-single-share-button{
    appearance:none;
    -webkit-appearance:none;

    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:7px;

    min-width:0;
    min-height:72px;

    margin:0;
    padding:10px 6px;

    border:0;
    border-radius:25px;
    outline:0;

    background:rgba(104,87,245,.065);
    color:var(--rskh-title);

    font-family:var(--rskh-font);
    font-size:10px;
    line-height:1.3;
    font-weight:600;

    text-align:center;
    text-decoration:none !important;

    box-shadow:none;

    cursor:pointer;
    -webkit-tap-highlight-color:transparent;

    transition:
      color .25s ease,
      background-color .25s ease,
      transform .25s ease;
  }

  .rskh-single-share-button svg{
    display:block;

    width:19px;
    height:19px;

    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round;
  }

  .rskh-single-share-button:hover,
  .rskh-single-share-button:focus-visible{
    background:rgba(104,87,245,.13);
    color:var(--rskh-brand);

    transform:translateY(-2px);
  }

  .rskh-single-share-button:focus-visible{
    outline:2px solid rgba(104,87,245,.20);
    outline-offset:3px;
  }

  .rskh-single-share-button.is-whatsapp{
    background:rgba(37,211,102,.075);
  }

  .rskh-single-share-button.is-whatsapp:hover,
  .rskh-single-share-button.is-whatsapp:focus-visible{
    background:rgba(37,211,102,.14);
    color:#159447;
  }

  /* =========================================================
     تأثير الدخول
  ========================================================= */

  .rskh-single-post-main,
  .rskh-single-post-sidebar{
    opacity:0;

    filter:blur(9px);

    transform:
      translate3d(0,24px,0)
      scale(.985);

    backface-visibility:hidden;
  }

  .rskh-single-post-widget.is-visible
  .rskh-single-post-main{
    animation:
      rskhSinglePostEnter
      .78s
      cubic-bezier(.16,1,.3,1)
      forwards;
  }

  .rskh-single-post-widget.is-visible
  .rskh-single-post-sidebar{
    animation:
      rskhSinglePostEnter
      .78s
      cubic-bezier(.16,1,.3,1)
      .12s
      forwards;
  }

  @keyframes rskhSinglePostEnter{
    0%{
      opacity:0;

      filter:blur(9px);

      transform:
        translate3d(0,24px,0)
        scale(.985);
    }

    65%{
      opacity:1;

      filter:blur(1px);

      transform:
        translate3d(0,-2px,0)
        scale(1.001);
    }

    100%{
      opacity:1;

      filter:blur(0);

      transform:
        translate3d(0,0,0)
        scale(1);
    }
  }

  /* =========================================================
     التابلت والشاشات المتوسطة
  ========================================================= */

  @media(min-width:901px) and (max-width:1100px){
    .rskh-single-post-layout{
      grid-template-columns:
        minmax(0,68fr)
        minmax(250px,32fr);

      gap:24px;
    }

    .rskh-single-post-widget
    .rskh-single-post-main
    .rskh-single-post-title{
      max-width:none !important;
      font-size:30px;
    }

    .rskh-single-post-side-box{
      padding:19px;
      border-radius:25px;
    }
  }

  /* =========================================================
     التابلت والجوال: عمود واحد
  ========================================================= */

  @media(max-width:900px){
    .rskh-single-post-layout{
      grid-template-columns:1fr;
      gap:34px;
    }

    .rskh-single-post-sidebar-inner{
      position:static;
      top:auto;
    }
  }

  /* =========================================================
     الجوال
  ========================================================= */

  @media(max-width:767px){
    .rskh-single-post-layout{
      gap:30px;
    }

    /* إصلاح الصورة ومنع ظهور مساحة أسفلها */
    .rskh-single-post-media{
      position:relative;

      display:block;

      width:100%;
      height:auto;
      min-height:0;
      aspect-ratio:4 / 3;

      margin:0 0 21px;
      padding:0;

      overflow:hidden;

      line-height:0;
      font-size:0;

      border-radius:25px;
    }

    .rskh-single-post-media
    .rskh-single-post-image{
      position:absolute;
      inset:0;

      display:block;

      width:100% !important;
      height:100% !important;

      margin:0 !important;
      padding:0 !important;

      object-fit:cover;
      object-position:center;

      border-radius:25px !important;

      vertical-align:top;
    }

    .rskh-single-post-image-placeholder{
      position:absolute;
      inset:0;

      display:flex;

      width:100%;
      height:100%;

      border-radius:25px !important;

      font-size:16px;
      line-height:1.6;
    }

    .rskh-single-post-widget
    .rskh-single-post-main
    .rskh-single-post-title{
      display:block !important;

      width:100% !important;
      max-width:none !important;

      inline-size:100% !important;
      max-inline-size:none !important;

      margin-top:0 !important;
      margin-right:0 !important;
      margin-bottom:15px !important;
      margin-left:0 !important;

      padding:0 !important;

      font-size:20px !important;
      line-height:1.5 !important;
      letter-spacing:-.014em !important;

      white-space:normal !important;
      word-break:normal !important;
      overflow-wrap:normal !important;
      hyphens:none !important;

      text-wrap:wrap !important;
      text-wrap-mode:wrap !important;
      text-wrap-style:auto !important;
    }

    .rskh-single-post-meta{
      gap:7px;
      margin-bottom:28px;
    }

    .rskh-single-post-chip{
      min-height:30px;

      padding:5px 10px;

      font-size:10.5px;
    }

    .rskh-single-post-chip svg{
      width:13px;
      height:13px;
      flex-basis:13px;
    }

    /* إزاحة نصوص السلوقات فقط 2px في الجوال */
    .rskh-single-post-chip > span,
    .rskh-single-post-chip > time{
      position:relative;
      top:2px;
    }

    /* إخفاء سلوق فريق رسخ في الجوال فقط */
    .rskh-single-post-meta
    .rskh-single-post-chip:nth-child(3){
      display:none;
    }

    .rskh-single-post-content{
      font-size:14px;
      line-height:1.92;
    }

    .rskh-single-post-content p{
      margin-bottom:17px;
    }

    .rskh-single-post-content h2{
      margin-top:28px;
      margin-bottom:11px;

      font-size:17px;
      font-weight:600;
    }

    .rskh-single-post-content h3{
      margin-top:26px;

      font-size:16px;
      font-weight:600;
    }

    .rskh-single-post-content h4,
    .rskh-single-post-content h5,
    .rskh-single-post-content h6{
      font-size:15px;
      font-weight:600;
    }

    .rskh-single-post-content img{
      border-radius:25px;
    }

    .rskh-single-post-content blockquote{
      margin:22px 0;
      padding:19px 20px;

      border-radius:25px;

      font-size:14px;
    }

    .rskh-single-post-content table,
    .rskh-single-post-content pre{
      border-radius:25px;
    }

    .rskh-single-post-side-box{
      padding:19px;

      border:0;
      border-radius:25px;

      background:#fbfcfd;

      box-shadow:none;
    }

    .rskh-single-post-side-heading{
      font-size:17px;
      font-weight:600;
    }

    /* تحريك النقطة وحدها للأعلى 2px */
    .rskh-single-post-side-heading::after{
      position:relative;
      top:-2px;
    }

    .rskh-latest-post-title{
      font-size:13px;

      white-space:nowrap;
      text-overflow:ellipsis;
    }

    .rskh-single-share-button{
      min-height:68px;
      border-radius:25px;
    }
  }

  @media(max-width:380px){
    .rskh-single-post-widget
    .rskh-single-post-main
    .rskh-single-post-title{
      font-size:20px !important;
    }

    .rskh-single-post-chip{
      padding-inline:9px;
      font-size:10px;
    }

    .rskh-single-share-button{
      min-height:65px;
      font-size:9px;
    }
  }

  /* =========================================================
     تقليل الحركة
  ========================================================= */

  @media(prefers-reduced-motion:reduce){
    .rskh-single-post-main,
    .rskh-single-post-sidebar{
      opacity:1 !important;

      filter:none !important;
      transform:none !important;

      animation:none !important;
    }

    .rskh-single-post-chip,
    .rskh-latest-post-link,
    .rskh-latest-post-arrow,
    .rskh-single-share-button{
      transition:none !important;
    }
  }
/* =========================================
   إصلاح أيقونة واتساب
========================================= */

.rskh-single-share-button.is-whatsapp svg{
  display:none !important;
}

.rskh-single-share-button.is-whatsapp::before{
  content:"";

  display:block;
  flex:0 0 20px;

  width:20px;
  height:20px;

  background:currentColor;

  -webkit-mask:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M16.04 3C8.85 3 3 8.73 3 15.78c0 2.25.6 4.45 1.74 6.38L3 29l7.03-1.8a13.2 13.2 0 0 0 6 1.45h.01C23.23 28.65 29 22.92 29 15.87 29 8.82 23.23 3 16.04 3Zm0 23.49h-.01a11.07 11.07 0 0 1-5.61-1.51l-.4-.24-4.17 1.07 1.11-4-.26-.41a10.5 10.5 0 0 1-1.62-5.62c0-5.86 4.91-10.63 10.96-10.63 2.93 0 5.68 1.12 7.75 3.15a10.45 10.45 0 0 1 3.13 7.57c0 5.86-4.88 10.62-10.88 10.62Zm6-7.96c-.33-.16-1.95-.94-2.25-1.05-.3-.11-.52-.16-.74.16-.22.33-.85 1.05-1.04 1.27-.19.22-.38.25-.71.08-.33-.16-1.39-.5-2.65-1.6a9.92 9.92 0 0 1-1.83-2.23c-.19-.33-.02-.5.14-.67.15-.15.33-.38.49-.57.16-.19.22-.33.33-.55.11-.22.05-.41-.03-.57-.08-.16-.74-1.74-1.01-2.38-.27-.64-.54-.55-.74-.56h-.63c-.22 0-.57.08-.88.41-.3.33-1.15 1.1-1.15 2.68 0 1.58 1.18 3.11 1.34 3.33.16.22 2.32 3.47 5.62 4.87.79.33 1.4.53 1.88.68.79.24 1.5.21 2.07.13.63-.09 1.95-.78 2.22-1.53.27-.75.27-1.39.19-1.53-.08-.14-.3-.22-.63-.38Z'/%3E%3C/svg%3E")
    center / contain no-repeat;

  mask:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M16.04 3C8.85 3 3 8.73 3 15.78c0 2.25.6 4.45 1.74 6.38L3 29l7.03-1.8a13.2 13.2 0 0 0 6 1.45h.01C23.23 28.65 29 22.92 29 15.87 29 8.82 23.23 3 16.04 3Zm0 23.49h-.01a11.07 11.07 0 0 1-5.61-1.51l-.4-.24-4.17 1.07 1.11-4-.26-.41a10.5 10.5 0 0 1-1.62-5.62c0-5.86 4.91-10.63 10.96-10.63 2.93 0 5.68 1.12 7.75 3.15a10.45 10.45 0 0 1 3.13 7.57c0 5.86-4.88 10.62-10.88 10.62Zm6-7.96c-.33-.16-1.95-.94-2.25-1.05-.3-.11-.52-.16-.74.16-.22.33-.85 1.05-1.04 1.27-.19.22-.38.25-.71.08-.33-.16-1.39-.5-2.65-1.6a9.92 9.92 0 0 1-1.83-2.23c-.19-.33-.02-.5.14-.67.15-.15.33-.38.49-.57.16-.19.22-.33.33-.55.11-.22.05-.41-.03-.57-.08-.16-.74-1.74-1.01-2.38-.27-.64-.54-.55-.74-.56h-.63c-.22 0-.57.08-.88.41-.3.33-1.15 1.1-1.15 2.68 0 1.58 1.18 3.11 1.34 3.33.16.22 2.32 3.47 5.62 4.87.79.33 1.4.53 1.88.68.79.24 1.5.21 2.07.13.63-.09 1.95-.78 2.22-1.53.27-.75.27-1.39.19-1.53-.08-.14-.3-.22-.63-.38Z'/%3E%3C/svg%3E")
    center / contain no-repeat;
}


/* =========================================
   رفع نقاط عناوين البطاقات أكثر في الجوال
========================================= */

@media(max-width:767px){
  .rskh-single-post-side-heading::after{
    position:relative;
    top:-5px;
  }
}

/* =========================================
   توحيد أزرار المشاركة ومنع تنسيقات القالب
   من تغيير زر المشاركة ونسخ الرابط
========================================= */

.rskh-single-post-widget
.rskh-single-share-buttons
.rskh-single-share-button,
.rskh-single-post-widget
.rskh-single-share-buttons
button.rskh-single-share-button,
.rskh-single-post-widget
.rskh-single-share-buttons
a.rskh-single-share-button{
  -webkit-appearance:none !important;
  appearance:none !important;

  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:7px !important;

  width:100% !important;
  min-width:0 !important;
  max-width:none !important;
  min-height:72px !important;

  margin:0 !important;
  padding:10px 5px !important;

  border:0 !important;
  border-radius:25px !important;
  outline:0;

  background:rgba(104,87,245,.065) !important;
  background-image:none !important;
  color:var(--rskh-title) !important;

  font-family:var(--rskh-font) !important;
  font-size:10px !important;
  line-height:1.3 !important;
  font-weight:600 !important;
  letter-spacing:0 !important;
  text-transform:none !important;
  text-align:center !important;
  text-decoration:none !important;

  box-shadow:none !important;
  transform:none;
}

.rskh-single-post-widget
.rskh-single-share-buttons
.rskh-single-share-button > span{
  display:block !important;
  width:100%;
  margin:0 !important;
  padding:0 !important;

  color:inherit !important;
  font:inherit !important;
  line-height:1.3 !important;
  white-space:nowrap !important;
  text-align:center !important;
}

.rskh-single-post-widget
.rskh-single-share-buttons
.rskh-single-share-button svg{
  display:block !important;
  flex:0 0 19px !important;

  width:19px !important;
  height:19px !important;
  margin:0 !important;
  padding:0 !important;

  fill:none !important;
  stroke:currentColor !important;
}

.rskh-single-post-widget
.rskh-single-share-buttons
.rskh-single-share-button:hover,
.rskh-single-post-widget
.rskh-single-share-buttons
.rskh-single-share-button:focus-visible{
  background:rgba(104,87,245,.13) !important;
  color:var(--rskh-brand) !important;
  transform:translateY(-2px);
}

.rskh-single-post-widget
.rskh-single-share-buttons
.rskh-single-share-button.is-whatsapp{
  background:rgba(37,211,102,.075) !important;
  color:var(--rskh-title) !important;
}

.rskh-single-post-widget
.rskh-single-share-buttons
.rskh-single-share-button.is-whatsapp:hover,
.rskh-single-post-widget
.rskh-single-share-buttons
.rskh-single-share-button.is-whatsapp:focus-visible{
  background:rgba(37,211,102,.14) !important;
  color:#159447 !important;
}

/* واتساب يعتمد على الأيقونة المرسومة عبر ::before */
.rskh-single-post-widget
.rskh-single-share-buttons
.rskh-single-share-button.is-whatsapp svg{
  display:none !important;
}

@media(max-width:767px){
  .rskh-single-post-widget
  .rskh-single-share-buttons
  .rskh-single-share-button{
    min-height:68px !important;
    padding:9px 4px !important;
    font-size:10px !important;
  }
}

@media(max-width:380px){
  .rskh-single-post-widget
  .rskh-single-share-buttons
  .rskh-single-share-button{
    min-height:65px !important;
    font-size:9px !important;
  }
}

/* =========================================================
   العمود الجانبي: Sticky على الحاسب فقط
   - الـ aside نفسه هو العنصر Sticky داخل Grid
   - مسافة 15px من أعلى وأسفل نافذة العرض
   - الجوال والتابلت يبقيان بالسلوك العادي
========================================================= */

@media (min-width:901px){
  .rskh-single-post-widget
  .rskh-single-post-layout{
    align-items:start !important;
    overflow:visible !important;
  }

  .rskh-single-post-widget
  .rskh-single-post-sidebar{
    position:-webkit-sticky !important;
    position:sticky !important;
    top:15px !important;
    right:auto !important;
    bottom:auto !important;
    left:auto !important;

    align-self:start !important;
    width:100% !important;
    max-width:100% !important;
    height:fit-content !important;
    max-height:calc(100vh - 30px) !important;
    max-height:calc(100dvh - 30px) !important;

    margin:0 !important;
    padding:0 !important;

    overflow-x:hidden !important;
    overflow-y:auto !important;
    overscroll-behavior:contain;
    scrollbar-width:thin;
    contain:none !important;
    will-change:auto !important;
    transform:none !important;
  }

  .rskh-single-post-widget
  .rskh-single-post-sidebar-inner{
    position:static !important;
    inset:auto !important;
    top:auto !important;
    right:auto !important;
    bottom:auto !important;
    left:auto !important;

    width:100% !important;
    max-width:100% !important;
    height:auto !important;
    max-height:none !important;

    margin:0 !important;
    padding:0 !important;

    overflow:visible !important;
    contain:none !important;
    will-change:auto !important;
    transform:none !important;
  }

  /* الحاسب: أحدث 8 مقالات فقط. */
  .rskh-single-post-widget
  .rskh-latest-posts-list
  .rskh-latest-post-item:nth-child(n+9){
    display:none !important;
  }
}

@media (max-width:900px){
  .rskh-single-post-widget
  .rskh-single-post-sidebar,
  .rskh-single-post-widget
  .rskh-single-post-sidebar-inner{
    position:static !important;
    inset:auto !important;
    top:auto !important;
    right:auto !important;
    bottom:auto !important;
    left:auto !important;

    width:100% !important;
    max-width:100% !important;
    height:auto !important;
    max-height:none !important;
    min-height:0 !important;

    margin:0 !important;

    overflow:visible !important;
    contain:none !important;
    will-change:auto !important;
    transform:none !important;
  }
}

/* =========================================================
   عدد أحدث المقالات
   الحاسب: 8
   الجوال: 6 (كما كان قبل هذا التعديل)
========================================================= */

@media(max-width:767px){
  .rskh-single-post-widget
  .rskh-latest-posts-list
  .rskh-latest-post-item:nth-child(n+7){
    display:none !important;
  }
}

/* =========================================================
   RSKH Blog Suite v2.0.1 - الدمج النهائي
   ========================================================= */

/* يأخذ المقال عرض السكشن الحاضن نفسه دون max-width خاص من الإضافة. */
.rskh-single-post-widget .rskh-single-post-layout {
  width: 100% !important;
  max-width: none !important;
  margin-inline: 0 !important;
}

/* ضمان ظهور المقال دائمًا، خصوصًا في الجوال، دون الاعتماد على IntersectionObserver. */
.rskh-single-post-widget .rskh-single-post-main,
.rskh-single-post-widget .rskh-single-post-sidebar,
.rskh-single-post-widget.is-visible .rskh-single-post-main,
.rskh-single-post-widget.is-visible .rskh-single-post-sidebar {
  opacity: 1 !important;
  visibility: visible !important;
  filter: none !important;
  transform: none !important;
  animation: none !important;
}

/* جدول المحتويات: مطوي افتراضيًا، بلا خلفية نهائيًا، ويبقى داخل DOM. */
.rskh-single-post-content .rskh-toc.is-collapsible > p:first-child {
  margin: 0 !important;
}

html body .rskh-single-post-widget .rskh-toc .rskh-toc__toggle,
html body .rskh-single-post-widget .rskh-toc .rskh-toc__toggle:hover,
html body .rskh-single-post-widget .rskh-toc .rskh-toc__toggle:focus,
html body .rskh-single-post-widget .rskh-toc .rskh-toc__toggle:focus-visible,
html body .rskh-single-post-widget .rskh-toc .rskh-toc__toggle:active {
  appearance: none;
  -webkit-appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  gap: 6px;
  width: auto;
  min-height: 1.4em;
  margin: 0;
  padding: 0;
  border: 0 !important;
  outline: 0;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  color: var(--rskh-title, #1b1e36) !important;
  -webkit-text-fill-color: var(--rskh-title, #1b1e36) !important;
  font: inherit;
  font-weight: 700;
  line-height: inherit;
  text-align: start;
  cursor: pointer;
}

html body .rskh-single-post-widget .rskh-toc .rskh-toc__label,
html body .rskh-single-post-widget .rskh-toc .rskh-toc__arrow {
  color: var(--rskh-title, #1b1e36) !important;
  -webkit-text-fill-color: var(--rskh-title, #1b1e36) !important;
}

.rskh-single-post-widget .rskh-toc .rskh-toc__arrow {
  display: inline-block;
  width: .48em;
  height: .48em;
  flex: 0 0 .48em;
  border-right: 1.5px solid currentColor;
  border-bottom: 1.5px solid currentColor;
  transform: rotate(45deg);
  transform-origin: center;
  opacity: .72;
  transition: transform 180ms ease;
}

.rskh-single-post-widget .rskh-toc.is-open .rskh-toc__arrow {
  transform: rotate(225deg);
}

.rskh-single-post-widget .rskh-toc.is-collapsible > ul,
.rskh-single-post-widget .rskh-toc.is-collapsible > ol {
  max-height: 0;
  margin-block-start: 0 !important;
  margin-block-end: 0 !important;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
  transition: max-height 220ms ease, opacity 160ms ease, margin 220ms ease;
}

.rskh-single-post-widget .rskh-toc.is-collapsible.is-open > ul,
.rskh-single-post-widget .rskh-toc.is-collapsible.is-open > ol {
  max-height: 80rem;
  margin-block-start: .65em !important;
  margin-block-end: 1.15em !important;
  opacity: 1;
  pointer-events: auto;
}

/* ألوان أزرار المشاركة ثابتة من الحالة العادية ولا تتبدل عند hover/press. */
html body .rskh-single-post-widget .rskh-single-share-buttons > button.rskh-single-share-button.rskh-native-share,
html body .rskh-single-post-widget .rskh-single-share-buttons > button.rskh-single-share-button.rskh-native-share:hover,
html body .rskh-single-post-widget .rskh-single-share-buttons > button.rskh-single-share-button.rskh-native-share:focus,
html body .rskh-single-post-widget .rskh-single-share-buttons > button.rskh-single-share-button.rskh-native-share:focus-visible,
html body .rskh-single-post-widget .rskh-single-share-buttons > button.rskh-single-share-button.rskh-native-share:active {
  --rskh-share-color: #6857f5;
  color: var(--rskh-share-color) !important;
  -webkit-text-fill-color: var(--rskh-share-color) !important;
  border-color: rgba(104,87,245,.22) !important;
  background: rgba(104,87,245,.09) !important;
  background-color: rgba(104,87,245,.09) !important;
  background-image: none !important;
}

html body .rskh-single-post-widget .rskh-single-share-buttons > a.rskh-single-share-button.is-whatsapp,
html body .rskh-single-post-widget .rskh-single-share-buttons > a.rskh-single-share-button.is-whatsapp:link,
html body .rskh-single-post-widget .rskh-single-share-buttons > a.rskh-single-share-button.is-whatsapp:visited,
html body .rskh-single-post-widget .rskh-single-share-buttons > a.rskh-single-share-button.is-whatsapp:hover,
html body .rskh-single-post-widget .rskh-single-share-buttons > a.rskh-single-share-button.is-whatsapp:focus,
html body .rskh-single-post-widget .rskh-single-share-buttons > a.rskh-single-share-button.is-whatsapp:focus-visible,
html body .rskh-single-post-widget .rskh-single-share-buttons > a.rskh-single-share-button.is-whatsapp:active {
  --rskh-share-color: #128c4a;
  color: var(--rskh-share-color) !important;
  -webkit-text-fill-color: var(--rskh-share-color) !important;
  border-color: rgba(18,140,74,.22) !important;
  background: rgba(37,211,102,.10) !important;
  background-color: rgba(37,211,102,.10) !important;
  background-image: none !important;
  text-decoration: none !important;
}

html body .rskh-single-post-widget .rskh-single-share-buttons > button.rskh-single-share-button.rskh-copy-share,
html body .rskh-single-post-widget .rskh-single-share-buttons > button.rskh-single-share-button.rskh-copy-share:hover,
html body .rskh-single-post-widget .rskh-single-share-buttons > button.rskh-single-share-button.rskh-copy-share:focus,
html body .rskh-single-post-widget .rskh-single-share-buttons > button.rskh-single-share-button.rskh-copy-share:focus-visible,
html body .rskh-single-post-widget .rskh-single-share-buttons > button.rskh-single-share-button.rskh-copy-share:active {
  --rskh-share-color: #2563eb;
  color: var(--rskh-share-color) !important;
  -webkit-text-fill-color: var(--rskh-share-color) !important;
  border-color: rgba(37,99,235,.22) !important;
  background: rgba(37,99,235,.09) !important;
  background-color: rgba(37,99,235,.09) !important;
  background-image: none !important;
}

html body .rskh-single-post-widget .rskh-single-share-buttons > .rskh-single-share-button > span,
html body .rskh-single-post-widget .rskh-single-share-buttons > .rskh-single-share-button > .rskh-share-label {
  color: var(--rskh-share-color, currentColor) !important;
  -webkit-text-fill-color: var(--rskh-share-color, currentColor) !important;
}

html body .rskh-single-post-widget .rskh-single-share-buttons > .rskh-single-share-button > svg {
  color: var(--rskh-share-color, currentColor) !important;
  stroke: var(--rskh-share-color, currentColor) !important;
}

@media (max-width: 767px) {
  html body.single-post .rskh-single-post-widget,
  html body.single-post .rskh-single-post-layout,
  html body.single-post .rskh-single-post-main,
  html body.single-post .rskh-single-post-article,
  html body.single-post .rskh-single-post-content {
    visibility: visible !important;
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
    height: auto !important;
    max-height: none !important;
  }
}