// Bootstrap
// -----------------------------------------------------------------------------
@import 'init';
@import 'bootstrap';
@import 'slider';
@import 'slider2';
@import 'product-gallery';
@import 'product-styles';
@import 'commerce_product';

// Page Layout
// -----------------------------------------------------------------------------
@import 'page-layout';

// Components
// -----------------------------------------------------------------------------
@import "../../components/header/header";

// Include any custom stylesheets here
// -----------------------------------------------------------------------------
@import "base/elements";
@import "base/functions";
@import "base/helpers";
@import "base/typography";

// Header z-index utilities
// -----------------------------------------------------------------------------
// Ensure proper layering for sticky header
body {
  // Prevent content from being hidden under sticky header
  &.has-sticky-header {
    padding-top: 0; // Let header handle its own positioning
  }

  // Adjust header when Drupal toolbar is present
  &.toolbar-horizontal {
    .site-header {
      top: 39px; // Height of Drupal toolbar
    }
  }

  &.toolbar-vertical.toolbar-tray-open {
    .site-header {
      top: 39px; // Height of Drupal toolbar
    }
  }
}

// Utility classes for z-index management (Drupal-safe values)
.z-index-header {
  z-index: 500;
}

.z-index-header-promo {
  z-index: 501;
}

.z-index-header-nav {
  z-index: 502;
}

.z-index-search-overlay {
  z-index: 550;
}

.z-index-mobile-menu {
  z-index: 525;
}

// Ensure main content doesn't interfere with header
.main-content {
  position: relative;
  z-index: 1;
}
