/* 🌐  Container */
.container {
  max-width: var(--layout_width);
  width: 100%;
  margin: 0 auto;
  padding: 0 30px;
}

/* 📌 Row for Flex/Grid Layout */
.ascora-row {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  gap: 10px;
}

/* Unflex Row (যদি Flex না চাই) */
.unflex-row {
  width: 100%;
}

/* 🌐 Wide Layout (Full Width) */
.wide {
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0;
}

/* 📦 Boxed Layout Enable হলে */
.boxed {
  max-width: var(--layout_width); /* ডায়নামিক Width */
  margin: 0 auto;
  background-color: #f9f9f9; /* Optional Background */
  box-shadow: var(--boxed_shadow, 0 0 10px rgba(0, 0, 0, 0.1));
  margin-top: var(--boxed_margin_top);
  margin-bottom: var(--boxed_margin_bottom);
}

/* 📦 Boxed Layout-এর ভিতরের Content */
.boxed .site-container {
  width: 100%;
  max-width: var(--layout_width);
  background: #fff; /* Optional Background */
  padding-right: 30px;
  padding-left: 30px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
}
.ascora-row .blog{
  display: block;
  width: 100%;
}
.home .page-content{
  padding-top: 0;
}
.home .page-main-section{
  margin-top: 0;
}
/* 💻 Responsive Adjustments */
@media (max-width: 1024px) {
  .container {
    max-width: 95%;
  }
  .boxed {
    max-width: 95%;
  }
  .boxed .container {
    padding-right: 10px;
    padding-left: 10px;
  }
  .ascora-sidebar{
    width: 25%;
  }
}

@media (max-width: 768px) {
  .container {
    padding: 0 10px;
  }
  .boxed .container {
    padding-right: 15px;
    padding-left: 15px;
  }
}
/* 🌐 Page Content Padding */
.page-content {
  padding-top: var(--layout_padding_top);
  padding-bottom: var(--layout_padding_bottom);
}

/* 💻 Responsive Adjustments */
@media (max-width: 1024px) {
  .page-content {
    padding-top: var(--layout_padding_top);
    padding-bottom: var(--layout_padding_bottom);
  }
}

@media (max-width: 768px) {
  .page-content {
    padding-top: var(--layout_padding_top);
    padding-bottom: var(--layout_padding_bottom);
  }
}

/* ========== Blog ===========*/
.blog-main .ascora-row {
  display: flex;
  flex-wrap: nowrap;
}

/* Sidebar 30% width, Main Content will take remaining space */

.blog-main .ascora-row .blog-article {
  flex-grow: 1;
  /* flex-basis: 70%; */
}
/* ========== page ===========*/
.page-main-section .ascora-row {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
}
.page-main-section {
  margin: 20px auto;
}
/* Fixed Sidebar Width */



/* Left Sidebar */
.left-sidebar .ascora-row {
  flex-wrap: nowrap;
  gap: 20px;
}

.left-sidebar .page-article {
  flex-grow: 1;
  margin-bottom: 20px;
}

/* ======== Pagination ===========*/
.ascora-pagination {
  margin: 20px auto;
}
.ascora-pagination .flex-start {
  justify-content: flex-start;
}
.ascora-pagination .space-around {
  justify-content: space-around;
}
.ascora-pagination .flex-end {
  justify-content: flex-end;
}
/* ========== Fotter ===========*/
.footer .ascora-row {
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 20px;
}
.footer .ascora-row div {
  /* flex-basis: 25%; */
  flex: 1;
}
.footer .ascora-row .sub-menu {
  display: none;
}
/* ========Sub Fotter ===========*/
.sub-fotter .ascora-row {
  justify-content: space-between;
  align-items: center;
}
/* ======== Single Page ===========*/
.single-post.pagination {
  display: flex;
  justify-content: end;
  width: 100%;
}
.about-author {
  margin: 20px 0;
}
div.author-pic-des.single-page {
  display: flex;
  margin-top: 10px;
}
div.author-pic-des.single-page .author-pic {
  margin-right: 20px;
}
/* ======= Author Related Post ========= */
.related-title {
  margin-bottom: 10px;
}

article.related-post {
  flex: 1; /* সব div সমান জায়গা নেবে */
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
}
/* ======== Comments Lis t========*/
.the-comment.d-flex {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}