/* Saj Kuaför Custom Styles */
:where([class^="ri-"])::before { content: "\f3c2"; }
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type="number"] {
  -moz-appearance: textfield;
}
.custom-checkbox {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  background-color: white;
  border: 2px solid #d4a373;
  border-radius: 4px;
  cursor: pointer;
}
.custom-checkbox.checked::after {
  content: '';
  position: absolute;
  top: 2px;
  left: 6px;
  width: 6px;
  height: 10px;
  border: solid #d4a373;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.custom-switch {
  position: relative;
  display: inline-block;
  width: 48px;
  height: 24px;
}
.custom-switch-input {
  opacity: 0;
  width: 0;
  height: 0;
}
.custom-switch-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: .4s;
  border-radius: 24px;
}
.custom-switch-slider:before {
  position: absolute;
  content: "";
  height: 18px;
  width: 18px;
  left: 3px;
  bottom: 3px;
  background-color: white;
  transition: .4s;
  border-radius: 50%;
}
.custom-switch-input:checked + .custom-switch-slider {
  background-color: #d4a373;
}
.custom-switch-input:checked + .custom-switch-slider:before {
  transform: translateX(24px);
}
/* Tailwind config is handled by CDN, but custom colors can be added here for fallback */
:root {
  --color-primary: #d4a373;
  --color-secondary: #e9c46a;
  --border-radius-button: 8px;
}
/* Responsive and centered images for gallery/about */
img.mx-auto, .gallery-img, .about-img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.bg-gray-100 {
  background-color: #f3f4f6;
}
img.object-center {
  object-position: center center;
}
img.w-auto {
  width: auto !important;
}
img.h-full {
  height: 100% !important;
}
img.max-w-md {
  max-width: 28rem;
}

/* Font Families */
.font-['Pacifico'] {
  font-family: 'Pacifico', cursive;
}
.font-sans {
  font-family: 'Inter', 'Segoe UI', 'Helvetica Neue', Arial, 'Noto Sans', sans-serif;
}

/* Color Classes (Tailwind Fallbacks) */
.text-primary { color: #d4a373 !important; }
.bg-primary { background-color: #d4a373 !important; }
.text-secondary { color: #e9c46a !important; }
.bg-secondary { background-color: #e9c46a !important; }
.text-gray-800 { color: #1f2937 !important; }
.text-gray-700 { color: #374151 !important; }
.text-gray-600 { color: #4b5563 !important; }
.text-gray-400 { color: #9ca3af !important; }
.bg-gray-900 { background-color: #111827 !important; }
.bg-white { background-color: #fff !important; }
.bg-opacity-50 { background-color: rgba(255,255,255,0.5) !important; }
.bg-opacity-10 { background-color: rgba(212,163,115,0.1) !important; }

/* Button and Link Styles */
.rounded-button { border-radius: 8px !important; }
.bg-primary:hover, .hover\:bg-primary:hover { background-color: #b97d3e !important; }
.text-primary:hover, .hover\:text-primary:hover { color: #b97d3e !important; }
.bg-gray-100:hover, .hover\:bg-gray-100:hover { background-color: #f3f4f6 !important; }
.text-white { color: #fff !important; }
.hover\:text-white:hover { color: #fff !important; }

/* Utility for drop shadow on white text */
.drop-shadow-lg {
  text-shadow: 0 2px 8px rgba(0,0,0,0.25);
}

/* Container max width for .container */
.container {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}