/*
Theme Name: Methow Valley Real Estate
Theme URI:
Author: 
Author URI:
Description: WordPress theme converted from Next.js
Version: 1.0.0
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: wp-methow-valley-real-estate
*/

/* ==========================================================================
   Base Styles
   ========================================================================== */

:root {
  --color-50: #f3f4f5;
  --color-100: #e4e6e9;
  --color-200: #c9cdd3;
  --color-300: #a3aab4;
  --color-400: #6e7a88;
  --color-500: #4a5564;
  --color-600: #3a4350;
  --color-700: #2f3641;
  --color-800: #262c35;
  --color-900: #1C2733;
  --color-950: #121820;
  --color-color: #1C2733;
}

/* ==========================================================================
   Tailwind-compiled Styles
   ========================================================================== */

.flex { display: flex; }
.hidden { display: none; }
.block { display: block; }
.inline-block { display: inline-block; }
.grid { display: grid; }
.items-center { align-items: center; }
.justify-center { justify-content: center; }
.justify-between { justify-content: space-between; }
.text-center { text-align: center; }
.font-bold { font-weight: 700; }
.font-semibold { font-weight: 600; }
.rounded { border-radius: 0.25rem; }
.rounded-lg { border-radius: 0.5rem; }
.rounded-xl { border-radius: 0.75rem; }
.rounded-full { border-radius: 9999px; }
.shadow-lg { box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1); }
.p-1 { padding: 0.25rem; }
.p-2 { padding: 0.5rem; }
.p-3 { padding: 0.75rem; }
.p-4 { padding: 1.0rem; }
.p-6 { padding: 1.5rem; }
.p-8 { padding: 2.0rem; }

/* Scroll utilities */
.overflow-x-auto { overflow-x: auto; }
.overflow-visible { overflow: visible; }
.snap-x { scroll-snap-type: x mandatory; }
.snap-mandatory { scroll-snap-type: x mandatory; }
.snap-start { scroll-snap-align: start; }
.shrink-0 { flex-shrink: 0; }

/* Hide scrollbar utility */
.hide-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.hide-scrollbar::-webkit-scrollbar {
  display: none;
}