/*
 * File: css/conf/00-base/01.reset.css
 * Logic: Global Resets & Helpers.
 * Refactored from: 05.schema.css
 */

/* ==========================================================================
   1. BOX SIZING & BODY
   ========================================================================== */
* {
  box-sizing: border-box;
}

body {
  margin: 0 !important;
  padding: 0 !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* ==========================================================================
   2. MEDIA DEFAULTS
   ========================================================================== */
img {
  max-width: 100%;
  height: auto;
  display: block;
  /* Transition for lazy loading or hover effects if needed globally */
  transition: opacity var(--transition-base);
}

.img-cover {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

/* ==========================================================================
   3. UTILITIES
   ========================================================================== */
.visually-hidden {
  position: absolute !important;
  width: var(--unit-px) !important;
  height: var(--unit-px) !important;
  padding: 0 !important;
  margin: var(--unit-px-neg) !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

/* Hidden helper often used in JS toggles */
.hidden {
  display: none !important;
}