/**
 * Sidebar styles
 *
 * @package AFEL
 */

/* Base sidebar styles */
.afel-sidebar {
  width: 100%;
  max-width: 320px;
  margin-bottom: 24px;
  background-color: var(--afel-body-bg);
  border-radius: 6px;
  transition: all var(--afel-transition-normal) ease;
  position: relative;
}

/* Sidebar position */
.afel-sidebar--right {
  margin-left: 32px;
}

.afel-sidebar--left {
  margin-right: 32px;
  order: -1;
}

/* Content container for proper absolute positioning */
.afel-content--with-sidebar {
  position: relative;
}

.afel-sidebar__inner {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

/* Sticky sidebar - remove conflicting CSS */
.afel-sidebar--sticky .afel-sidebar__inner {
  /* Let JavaScript handle positioning */
  position: static;
}

/* Empty sidebar message */
.afel-sidebar__no-widgets {
  padding: 20px;
  background-color: var(--afel-body-bg);
  border-radius: 6px;
  text-align: center;
  color: var(--afel-secondary-text-color);
  border: 2px dashed var(--afel-border-color);
}

/* Responsive styles */
@media (max-width: 768px) {
  .afel-sidebar {
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .afel-sidebar--mobile-below {
    order: 1;
  }
}