/* מפעיל את הכלל רק במסכי Desktop */
@media (min-width: 1100px) {
  body.single-post .dt-col-lg-8.content-right {
      float: none !important;
      width: 100% !important;
      max-width: 100% !important;
      margin: 0 auto !important;
      padding: 0 250px; /* אפשר לשנות או לבטל */
  }
}

/* מיישר את שורת הגריד כך שהתוכן יהיה 100% */
body.single-post .dt-container-md .dt-row {
    display: block !important;
}

/* ביטול סיידבר שיכול לדחוף את התוכן */
body.single-post #secondary,
body.single-post .sidebar,
body.single-post .widget-area {
    display: none !important;
}

/* Hide featured image only inside single posts */
body.single-post .post-thumbnail,
body.single-post .featured-image,
body.single-post .post img.wp-post-image {
    display: none !important;
}

/* לשונית ה"טאבים" – מחליף טקסטים באנגלית לערבית/עברית */

/* 1) מסתיר את הטקסט המקורי של הכפתור (לא את האייקון) */
#postsTab button.nav-link { font-size: 0; }

/* משיב גודל לאייקונים */
#postsTab button.nav-link i { font-size: 14px; }

/* רווח קטן בין האייקון לטקסט החדש */
#postsTab button.nav-link::after {
  margin-inline-start: 6px;
  font-size: 14px;
  line-height: 1;
}

/* 2) טקסטים חדשים – ערבית (שנה לפי הצורך) */
#postsTab button[data-tab="recent"]::after   { content: "الأحدث"; }
#postsTab button[data-tab="trending"]::after { content: "الشائع"; }
#postsTab button[data-tab="popular"]::after  { content: "الأكثر قراءة"; }

/* מסתיר לגמרי את הטקסט המקורי ע"י הזחה של הטקסט מחוץ למסך */
.post-bottom a.more-link {
  display: inline-flex;
  align-items: center;
  text-indent: -9999px !important;  /* מסתיר את הטקסט */
  overflow: hidden;
}

/* מציג את הטקסט החדש במקום */
.post-bottom a.more-link::after {
  content: "إقرأ المزيد";
  text-indent: 0;
  font-size: 20px;
  margin-inline-end: 10px; /* אם צריך רווח לפני האייקון */
}

/* האייקון נשאר רגיל */
.post-bottom a.more-link i {
  text-indent: 0;
  font-size: 20px;
}

/* 1) Make the main column full-width and centered */
#dt-main.dt-col-lg-8.content-right {
  flex: 0 0 100% !important;   /* was 66.666% */
  max-width: 100% !important;
  float: none !important;
  margin: 0 auto !important;
}

/* 2) Let the container stretch (but keep small side padding if you want) */
.dt-container-md {
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* 3) Center the posts module and make it “almost full width” */
#dt-main .dt-posts-module {
  width: min(1280px, 96vw) !important;  /* adjust 1280/96vw to taste */
  margin-left: auto !important;
  margin-right: auto !important;
}

/* 4) Clean up row spacing so it doesn’t pull sideways */
#dt-main .dt-posts-module .dt-row {
  margin-left: 0 !important;
  margin-right: 0 !important;
  justify-content: center;
}

/* Optional: if a sidebar exists on this row, hide it on the homepage */
.home #secondary,
.home .sidebar { display: none !important; }

/* Stop horizontal scrolling on mobile */
html, body {
  max-width: 100% !important;
  overflow-x: hidden !important;
}

/* Ensure containers don’t stretch wider than screen */
.container,
.container-fluid,
.dt-container-md,
.dt-row {
  max-width: 100% !important;
  overflow-x: hidden !important;
}

/* Reset columns that may push beyond screen */
[class*="col-"] {
  max-width: 100% !important;
  flex: 0 0 auto !important;
}

/* Center the whole site container */
body .dt-container-md,
body .dt-container,
body .container,
body .site-content,
body #dt-main.dt-col-lg-8.content-right {
  margin-left: auto !important;
  margin-right: auto !important;
  float: none !important;
}

/* Make sure it spans the full screen width */
body .dt-container-md,
body .dt-container,
body .container {
  width: 100% !important;
  max-width: 100% !important;
  padding-left: 200px;
  padding-right: 200px;
}

/* MOBILE/TABLET: set the base for post text */
.single-post article.post-content {
  font-size: 2rem;          /* mobile base */
  line-height: 1.7;
}

/* Ignore any inline font-size inside the post (e.g., style="font-size:18px") */
.single-post article.post-content [style*="font-size"],
.single-post article.post-content .has-small-font-size,
.single-post article.post-content .has-medium-font-size,
.single-post article.post-content .has-large-font-size {
  font-size: inherit !important;   /* take size from the parent above */
}

/* DESKTOP: make post text 150% of mobile */
@media (min-width: 992px) {
  .single-post article.post-content {
    font-size: 2.5rem !important;  /* 150% of 1rem */
  }
}

.meta.list-inline a[href*="/author/"]{display:none!important}
.meta.list-inline img.author{display:none!important}

@media (max-width: 768px) {
  .content-right {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

	
  .post-single {
    width: 95%;
    max-width: 650px;
    padding: 10px 10px;
    margin-left: auto;
    margin-right: 20px;
    display: block;
    float: none; /* prevent any float issues */
}
  article.post-content {
    width: 100%;
    max-width: 650px;
    padding: 0px 10px;
    box-sizing: border-box;
  }
}

@media (max-width: 768px) {
  .post-carousel-banner .slick-track {
    justify-content: center !important;
    display: flex !important;
  }

  .post-carousel-banner .slick-slide {
    float: none !important;
    margin-left: auto;!important;
    margin-right: auto; !important;

  }
}

@media (max-width: 768px) {
  .post-carousel-banner .slick-track,
  .featured-posts-carousel .slick-track {
    display: flex !important;
    justify-content: center !important;
    flex-wrap: nowrap !important;
  }

  .post-carousel-banner .slick-slide,
  .featured-posts-carousel .slick-slide {
    float: none !important;
    margin-left: 5px;!important;
    margin-right: 25px; !important;
  }
}