/* Shoobox Contents Page Styles */

/* Wrapper: height встановлює JS при .sticky-nav--fixed, щоб не було стрибка.
   Фон як у секції контенту (bg-light), щоб під sticky-nav не було білої смуги. */
.sticky-nav-wrapper {
    background: #f8f9fa;
}

/* Навбар у потоці, скролиться; при .sticky-nav--fixed — fixed, не зникає внизу */
.sticky-nav {
    position: relative !important;
    left: 0;
    right: 0;
    z-index: 9999;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    pointer-events: auto !important;
    padding: 8px 20px !important;
    width: 100%;
    box-sizing: border-box;
}

.sticky-nav.sticky-nav--fixed {
    position: fixed !important;
    top: 0 !important;
    left: 0;
    right: 0;
}

/* Коли є глобальне сповіщення — fixed трохи нижче */
body:has(.global-notification) .sticky-nav.sticky-nav--fixed {
    top: 5px !important;
}

/* Primary кнопки: жовта тема (сторінка /shoobox/contents/) */
.btn-primary,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:focus-visible,
.btn-primary:active {
    background-color: #f9b101 !important;
    border-color: #f9b101 !important;
    color: #292929 !important;
    box-shadow: 0 0 0 0.25rem rgba(249, 177, 1, 0.25) !important;
}
.btn-primary:hover {
    background-color: #e0a000 !important;
    border-color: #e0a000 !important;
}