/**
 * @file
 * Subtheme specific CSS.
 */

/* ============================================
   Gin Layout Builder - Bootstrap conflict fix
   ============================================ */

/* Fix close (X) button position and appearance */
#drupal-off-canvas-wrapper .ui-dialog-titlebar {
  position: relative;
}

#drupal-off-canvas-wrapper .ui-dialog-titlebar-close {
  position: absolute !important;
  top: 50% !important;
  right: 1rem !important;
  transform: translateY(-50%) !important;
  background: none !important;
  border: none !important;
  cursor: pointer !important;
  padding: 0 !important;
  margin: 0 !important;
  box-shadow: none !important;
}

/* Fix Update button - restore Gin LB styling */
#drupal-off-canvas .btn.btn-primary {
  background-color: #6200ee !important;
  border-color: #6200ee !important;
  color: #fff !important;
  border-radius: 4px !important;
  padding: 8px 16px !important;
  font-size: 0.875rem !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  box-shadow: none !important;
}

#drupal-off-canvas .btn.btn-primary:hover {
  background-color: #4b00b5 !important;
  border-color: #4b00b5 !important;
}

/* Fix off-canvas grey side area */
#drupal-off-canvas-wrapper {
  overflow: hidden !important;
}

#drupal-off-canvas {
  padding: 0 !important;
  margin: 0 !important;
}

/* Fix Update button */
#drupal-off-canvas .btn.btn-primary {
  display: inline-block !important;
  width: auto !important;
  height: auto !important;
  line-height: normal !important;
  padding: 8px 16px !important;
}

/* Fix button container so it doesn't stretch */
#drupal-off-canvas .glb-canvas-form__actions {
  padding: 1rem !important;
  background: #fff !important;
  border-top: 1px solid #e0e0e0 !important;
}

/* Move Toastify notifications to top-right, away from content */
.toastify {
  top: 70px !important;
  right: 20px !important;
  bottom: auto !important;
  left: auto !important;
}

/* ============================================
   Admin toolbar - header overlap fix
   ============================================ */

body.toolbar-fixed header#header.sticky-top {
  top: 39px !important;
}

body.toolbar-fixed.toolbar-horizontal.toolbar-tray-open header#header.sticky-top {
  top: 79px !important;
}

body.toolbar-fixed .featured-top {
  top: calc(var(--header-h) + var(--gap) + 39px) !important;
}

body.toolbar-fixed.toolbar-horizontal.toolbar-tray-open .featured-top {
  top: calc(var(--header-h) + var(--gap) + 79px) !important;
}