/* ===== Dual sidebars: 20% | auto | 20% ===== */
.double-sidebars-wrap{
  display:flex;
  align-items:flex-start;
  gap:24px;
  flex-wrap:nowrap;           /* keep on one row on desktop */
  margin:20px 0;
}

/* --- Left Sidebar --- */
.left-sidebar{
  flex:0 0 20%;
  max-width:20%;
  min-width:0;
  float:none !important;
}

/* --- Right Sidebar --- */
.right-sidebar{
  flex:0 0 20%;
  max-width:20%;
  min-width:0;
  float:none !important;
}

/* --- Main Content --- */
.main-content{
  flex:1 1 0%;
  width:auto !important;    /* override Jannah fixed widths */
  max-width:none !important;
  min-width:0;
  padding:0 10px;
  float:none !important;
}
/* neutralize inner widths that can break flex */
.double-sidebars-wrap .main-content[class*="tie-col"],
.double-sidebars-wrap .main-content > .container-wrapper,
.double-sidebars-wrap .main-content > .container{
  width:auto !important;
  max-width:none !important;
  float:none !important;
}

/* Safety */
.double-sidebars-wrap > *{ min-width:0; }

/* =========================================================
   UNIFORM BOXED WIDGETS FOR BOTH SIDEBARS
   ========================================================= */
.sidebar-inner.container-wrapper{
  padding:0 !important;       /* remove outer padding */
  border:0 !important;
  box-shadow:none !important;
}

/* Each widget same box + padding */
.left-sidebar .widget,
.right-sidebar .widget{
  background:#fff;
  border:1px solid rgba(0,0,0,.10);
  border-radius:4px;
  padding:16px;               /* uniform padding */
  margin:0 0 16px;
  box-sizing:border-box;
}

/* Widget titles */
.left-sidebar .widget-title,
.right-sidebar .widget-title{
  margin:0 0 12px;
  padding:0;
  line-height:1.3;
}

/* Images inside widgets */
.left-sidebar .widget img,
.right-sidebar .widget img{
  display:block;
  width:100%;
  height:auto;
  margin:0;
  border-radius:3px;
}

/* Lists inside widgets */
.left-sidebar .widget ul,
.right-sidebar .widget ul{
  padding:0;
  margin:0;
  list-style:none;
}
.left-sidebar .widget ul li,
.right-sidebar .widget ul li{
  margin:0 0 10px;
}

/* Social icons */
.left-sidebar .widget .social-icons a,
.right-sidebar .widget .social-icons a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
}

/* =========================================================
   RESPONSIVE RULES
   ========================================================= */
@media (max-width: 992px){
  .double-sidebars-wrap{
    flex-direction:column;
    gap:16px;
  }

  /* Content first on mobile */
  .main-content{
    order:1;
    width:100% !important;
  }
  .left-sidebar{
    order:2;
    flex:0 0 auto;
    max-width:100%;
    width:100% !important;
  }
  .right-sidebar{
    order:3;
    flex:0 0 auto;
    max-width:100%;
    width:100% !important;
  }

  /* Keep same inner padding */
  .left-sidebar .widget,
  .right-sidebar .widget{
    padding:16px;
  }
}

/* Wide screens polish */
@media (min-width: 1400px){
  .double-sidebars-wrap{ gap:28px; }
}