/**
 * Utility classes to replace inline styles
 * This file eliminates the need for 'unsafe-hashes' in CSP
 */

/* Text color utilities */
.text-white-important {
    color: white !important;
}

/* Display utilities */
.display-none {
    display: none;
}

.display-flex {
    display: flex;
}

.display-block {
    display: block;
}

/* Dark mode icon positioning - used in theme toggle */
.icon-absolute-center {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Mobile menu overlay background */
.mobile-menu-overlay-bg {
    background-color: rgba(0, 0, 0, 0.4);
}

/* Header minimum height */
.header-min-height {
    min-height: 58px;
}

/* Theme toggle button sizing */
.theme-toggle-size {
    width: 42px;
    height: 42px;
    z-index: 20;
}

/* Search form height */
.search-form-height {
    height: 42px;
}

/* Hidden by default - shown with JavaScript */
.js-hidden {
    display: none;
}

/* Flex by default - hidden with JavaScript */
.js-flex {
    display: flex;
}