/* ==========================================================
   COMMON BLOG SIDEBAR — Dr.Anupama R
   One consistent right sidebar for Blog + all Blog inner pages.
   ========================================================== */

.blog-layout,
.blog-sidebar-layout,
.orig-post-wrap.blog-sidebar-layout,
.orig-blog-wrap.blog-sidebar-layout{
  display:grid !important;
  grid-template-columns:minmax(0, 820px) 320px !important;
  column-gap:70px !important;
  align-items:start !important;
  width:min(1210px, calc(100% - 50px)) !important;
  max-width:none !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

.blog-sidebar,
.orig-sidebar,
.common-blog-sidebar{
  width:320px !important;
  min-width:320px !important;
  background:#fff !important;
  padding:40px 40px 34px !important;
  box-shadow:0 12px 38px rgba(0,0,0,.07) !important;
  box-sizing:border-box !important;
  align-self:start !important;
  color:#222 !important;
  font-family:'Titillium Web',Arial,sans-serif !important;
}

.blog-sidebar .sidebar-widget,
.orig-sidebar .sidebar-widget,
.common-blog-sidebar .sidebar-widget{
  margin:0 0 40px !important;
  padding:0 !important;
  border:0 !important;
}

.blog-sidebar .sidebar-widget:last-child,
.orig-sidebar .sidebar-widget:last-child,
.common-blog-sidebar .sidebar-widget:last-child{
  margin-bottom:0 !important;
}

.blog-sidebar .widget-title,
.orig-sidebar .widget-title,
.common-blog-sidebar .widget-title{
  position:relative !important;
  margin:0 0 22px !important;
  padding:0 0 17px !important;
  color:#222 !important;
  font-size:20px !important;
  line-height:1.2 !important;
  font-weight:600 !important;
  text-transform:none !important;
}

.blog-sidebar .widget-title::after,
.orig-sidebar .widget-title::after,
.common-blog-sidebar .widget-title::after{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  bottom:0 !important;
  width:44px !important;
  height:2px !important;
  background:#df0068 !important;
}

/* Categories */
.blog-sidebar .widget-categories ul,
.orig-sidebar .widget-categories ul,
.common-blog-sidebar .widget-categories ul{
  list-style:none !important;
  margin:0 !important;
  padding:0 !important;
}

.blog-sidebar .widget-categories li,
.orig-sidebar .widget-categories li,
.common-blog-sidebar .widget-categories li{
  margin:0 !important;
  padding:9px 0 !important;
  border-bottom:1px solid #eeeeee !important;
}

.blog-sidebar .widget-categories li:last-child,
.orig-sidebar .widget-categories li:last-child,
.common-blog-sidebar .widget-categories li:last-child{
  border-bottom:0 !important;
}

.blog-sidebar .widget-categories a,
.orig-sidebar .widget-categories a,
.common-blog-sidebar .widget-categories a{
  display:block !important;
  color:#555 !important;
  font-size:15px !important;
  line-height:1.45 !important;
  font-weight:400 !important;
}

.blog-sidebar .widget-categories a::before,
.orig-sidebar .widget-categories a::before,
.common-blog-sidebar .widget-categories a::before{
  content:"›" !important;
  margin-right:9px !important;
  color:#222 !important;
}

.blog-sidebar .widget-categories .current-cat a,
.orig-sidebar .widget-categories .current-cat a,
.common-blog-sidebar .widget-categories .current-cat a{
  color:#df0068 !important;
  font-weight:600 !important;
}

/* Search */
.blog-sidebar .widget-search .search-form,
.orig-sidebar .widget-search .search-form,
.common-blog-sidebar .widget-search .search-form{
  display:flex !important;
  width:100% !important;
  margin:0 !important;
}

.blog-sidebar .widget-search .search-field,
.orig-sidebar .widget-search .search-field,
.common-blog-sidebar .widget-search .search-field{
  width:calc(100% - 76px) !important;
  height:42px !important;
  padding:0 12px !important;
  border:1px solid #ddd !important;
  border-right:0 !important;
  border-radius:0 !important;
  outline:none !important;
  background:#fff !important;
  color:#333 !important;
  font-size:14px !important;
}

.blog-sidebar .widget-search .search-submit,
.orig-sidebar .widget-search .search-submit,
.common-blog-sidebar .widget-search .search-submit{
  width:76px !important;
  height:42px !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:#df0068 !important;
  color:#fff !important;
  font-size:13px !important;
  font-weight:600 !important;
  cursor:pointer !important;
}

/* Tags */
.blog-sidebar .tagcloud,
.orig-sidebar .tagcloud,
.common-blog-sidebar .tagcloud{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:6px !important;
  margin:0 !important;
  line-height:1 !important;
}

.blog-sidebar .tagcloud a,
.orig-sidebar .tagcloud a,
.common-blog-sidebar .tagcloud a{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:6px 11px !important;
  background:#222 !important;
  border:0 !important;
  border-radius:4px !important;
  color:#fff !important;
  font-size:12px !important;
  line-height:1 !important;
  font-weight:600 !important;
  margin:0 !important;
}

.blog-sidebar .tagcloud .tag-small,
.orig-sidebar .tagcloud .tag-small,
.common-blog-sidebar .tagcloud .tag-small{
  font-size:12px !important;
}

.blog-sidebar .tagcloud .tag-large,
.orig-sidebar .tagcloud .tag-large,
.common-blog-sidebar .tagcloud .tag-large{
  font-size:12px !important;
  font-weight:700 !important;
}

.blog-sidebar .tagcloud a:hover,
.blog-sidebar .tagcloud a.current-tag,
.orig-sidebar .tagcloud a:hover,
.orig-sidebar .tagcloud a.current-tag,
.common-blog-sidebar .tagcloud a:hover,
.common-blog-sidebar .tagcloud a.current-tag{
  background:#df0068 !important;
  color:#fff !important;
}

/* Calendar */
.blog-sidebar .calendar-table,
.orig-sidebar .calendar-table,
.common-blog-sidebar .calendar-table{
  width:100% !important;
  border-collapse:collapse !important;
  table-layout:fixed !important;
  text-align:center !important;
  font-size:12px !important;
}

.blog-sidebar .calendar-table caption,
.orig-sidebar .calendar-table caption,
.common-blog-sidebar .calendar-table caption{
  caption-side:top !important;
  margin-bottom:13px !important;
  color:#555 !important;
  font-size:14px !important;
  font-weight:600 !important;
  text-align:center !important;
}

.blog-sidebar .calendar-table th,
.orig-sidebar .calendar-table th,
.common-blog-sidebar .calendar-table th{
  padding:5px 0 8px !important;
  color:#555 !important;
  font-size:11px !important;
  font-weight:600 !important;
  border:0 !important;
}

.blog-sidebar .calendar-table td,
.orig-sidebar .calendar-table td,
.common-blog-sidebar .calendar-table td{
  padding:5px 0 !important;
  color:#777 !important;
  font-size:12px !important;
  border:0 !important;
}

.blog-sidebar .calendar-table td.today span,
.blog-sidebar .calendar-table td#today span,
.orig-sidebar .calendar-table td.today span,
.orig-sidebar .calendar-table td#today span,
.common-blog-sidebar .calendar-table td.today span,
.common-blog-sidebar .calendar-table td#today span{
  display:inline-flex !important;
  width:27px !important;
  height:27px !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:50% !important;
  background:#df0068 !important;
  color:#fff !important;
  font-weight:600 !important;
}

/* Spacing between widgets — the reference uses clean horizontal rules */
.blog-sidebar .sidebar-widget + .sidebar-widget,
.orig-sidebar .sidebar-widget + .sidebar-widget,
.common-blog-sidebar .sidebar-widget + .sidebar-widget{
  border-top:1px solid #ededed !important;
  padding-top:34px !important;
}

/* Article pages: main content + sidebar */
.orig-post-wrap.blog-sidebar-layout > article,
.orig-post-wrap.blog-sidebar-layout > .orig-main,
.orig-blog-wrap.blog-sidebar-layout > article,
.blog-sidebar-layout > .blog-main{
  min-width:0 !important;
  width:auto !important;
}

.orig-post-wrap.blog-sidebar-layout .orig-post-media img,
.orig-blog-wrap.blog-sidebar-layout .orig-post-media img{
  width:100% !important;
  height:auto !important;
  display:block !important;
}

/* Preserve the reference article readability */
.orig-post-wrap.blog-sidebar-layout .orig-post-body,
.orig-blog-wrap.blog-sidebar-layout .orig-post-body{
  font-size:16px !important;
  line-height:1.75 !important;
}

@media(max-width:1050px){
  .blog-layout,
  .blog-sidebar-layout,
  .orig-post-wrap.blog-sidebar-layout,
  .orig-blog-wrap.blog-sidebar-layout{
    grid-template-columns:minmax(0,1fr) 290px !important;
    column-gap:40px !important;
    width:min(960px,calc(100% - 40px)) !important;
  }
  .blog-sidebar,
  .orig-sidebar,
  .common-blog-sidebar{
    width:290px !important;
    min-width:290px !important;
    padding:34px 30px 30px !important;
  }
}

@media(max-width:820px){
  .blog-layout,
  .blog-sidebar-layout,
  .orig-post-wrap.blog-sidebar-layout,
  .orig-blog-wrap.blog-sidebar-layout{
    display:block !important;
    width:calc(100% - 36px) !important;
  }
  .blog-sidebar,
  .orig-sidebar,
  .common-blog-sidebar{
    width:100% !important;
    min-width:0 !important;
    max-width:520px !important;
    margin:50px auto 0 !important;
    position:static !important;
  }
}

/* ==========================================================
   SCROLL EFFECTS — same on every page that has the sidebar
   ========================================================== */

/* Sidebar stays in view while the article scrolls past it */
.blog-sidebar,
.orig-sidebar,
.common-blog-sidebar{
  position:sticky !important;
  top:110px !important;
}

/* Each widget fades/slides in as it enters the viewport
   (toggled by js/blog-sidebar.js adding .sw-revealed) */
.blog-sidebar .sidebar-widget,
.orig-sidebar .sidebar-widget,
.common-blog-sidebar .sidebar-widget{
  opacity:0;
  transform:translateY(18px);
  transition:opacity .55s ease, transform .55s ease;
}
.blog-sidebar .sidebar-widget.sw-revealed,
.orig-sidebar .sidebar-widget.sw-revealed,
.common-blog-sidebar .sidebar-widget.sw-revealed{
  opacity:1;
  transform:translateY(0);
}

/* Scroll-to-top button — self-contained so it works even on
   pages that don't load css/blog-exact.css */
.scroll-to-top{
  position:fixed !important;
  right:26px !important;
  bottom:26px !important;
  width:46px !important;
  height:46px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:#df0068 !important;
  color:#fff !important;
  border-radius:50% !important;
  font-size:20px !important;
  line-height:1 !important;
  text-decoration:none !important;
  box-shadow:0 8px 22px rgba(0,0,0,.18) !important;
  opacity:0 !important;
  visibility:hidden !important;
  transform:translateY(12px) !important;
  transition:opacity .3s ease, transform .3s ease, visibility .3s ease !important;
  z-index:999 !important;
}
.scroll-to-top.visible{
  opacity:1 !important;
  visibility:visible !important;
  transform:translateY(0) !important;
}
.scroll-to-top:hover{
  background:#b8004f !important;
}


/* ===== Footer icon images ===== */
.footer-icon{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:52px;
}
.footer-icon img{
  width:52px;
  height:52px;
  object-fit:contain;
  display:block;
  margin:0 auto;
}
@media (max-width:576px){
  .footer-icon img{
    width:48px;
    height:48px;
  }
}