/* ==========================================================================
   DrinkInTheWeeds Main CSS Bundle
   ==========================================================================

   This file aggregates all CSS modules in the correct cascade order.
   To change the theme, modify variables in theme/_variables.css

   Structure:
   1. Theme Variables (CSS Custom Properties)
   2. Base Styles (element resets and defaults)
   3. Components (reusable UI components)
   4. Utilities (helper classes)

   Page-specific styles are loaded separately via @section Styles in each page.
   See: wwwroot/css/pages/ folder

   ========================================================================== */

/* Theme Variables - MUST be first */
@import 'theme/_variables.css';

/* Base Styles */
@import 'theme/_base.css';

/* Components */
@import 'components/_cards.css';
@import 'components/_tags.css';
@import 'components/_tables.css';
@import 'components/_nutrition.css';
@import 'components/_tooltips.css';
@import 'components/_modals.css';
@import 'components/_buttons.css';
@import 'components/_forms.css';
@import 'components/_footer.css';
@import 'components/_images.css';
@import 'components/_stars.css';
@import 'components/_small-drink-card.css';
@import 'components/_sidebar.css';

/* Utilities - MUST be last to ensure overrides work */
@import 'utilities/_spacing.css';
@import 'utilities/_layout.css';

/* Search dropdown (global search widget) */
.navbar-search-wrapper { position: relative; display: inline-block; }
.global-search-dropdown { min-width: 260px; background: white; padding: 8px; border: 1px solid rgba(0,0,0,0.1); box-shadow: 0 6px 18px rgba(0,0,0,0.08); border-radius: 6px; }
.global-search-dropdown .form-control { width: 100%; }

/* Small drink card: disabled icon state for unauthenticated users */
.small-drink-card__icon-btn--disabled,
.small-drink-card__icon-btn[disabled],
.small-drink-card__icon-btn.disabled {
    opacity: 0.45;
    cursor: not-allowed;
    pointer-events: none;
}