/*
Theme Name: OceanWP Child Theme
Theme URI: https://oceanwp.org/
Description: OceanWP WordPress theme. Sample child theme.
Author: OceanWP
Author URI: https://oceanwp.org/
Template: oceanwp
Version: 1.0
*/

/* Parent stylesheet should be loaded from functions.php not using @import */

html {
  font-size: 100%; /* 1rem = 16px */
  scroll-behavior: smooth;
}

/* Sticky header for OceanWP */
#site-header {
  position: sticky !important;
  top: 0;                 /* klebt am oberen Rand */
  z-index: 1000;          /* über Content */
  background: #fff;       /* eigener Hintergrund */
  box-shadow: 0 2px 6px rgba(0,0,0,.06); /* optional: feiner Schatten */
}

/* Wenn eingeloggt (WP-Adminbar): Offset anpassen */
body.admin-bar #site-header { top: 32px; }
@media (max-width: 782px) {
  body.admin-bar #site-header { top: 46px; }
}

/* Eltern dürfen sticky nicht kappen */
#outer-wrap, #wrap {
  overflow: visible !important;
}

/* Falls irgendwo ein transform draufliegt, killt das sticky – testweise neutralisieren */
#site-header, #site-header-inner {
  transform: none !important;
}

.widget-area {
  position: sticky;
  top: 200px;  /* an deine Headerhöhe anpassen (data-height="50" + Padding) */
  z-index: 1100; /* über Content; Header bleibt darunter/ darüber je nach Wunsch */
}