/* Bootstrap compatibility CSS for common Tailwind-like utilities used in the theme.
   This file provides minimal mappings to avoid breaking existing markup while
   migrating to Bootstrap 5. Add or refine mappings as needed.
*/

/* Layout helpers */
.max-w-7xl{max-width:80rem;margin-left:auto;margin-right:auto}
.mx-auto{margin-left:auto;margin-right:auto}
.px-6{padding-left:1.5rem;padding-right:1.5rem}
.py-16{padding-top:4rem;padding-bottom:4rem}
.p-8{padding:2rem}
.p-14{padding:3.5rem}
.mb-8{margin-bottom:2rem}
.mt-10{margin-top:2.5rem}
.h-52{height:13rem}
.w-full{width:100%}
.overflow-hidden{overflow:hidden}

/* Rounded helpers */
.rounded-2xl{border-radius:1rem !important}
.rounded-2xl, .rounded-2xl *{box-sizing:border-box}
.rounded-\[2rem\]{border-radius:2rem !important}
.rounded-\[1rem\]{border-radius:1rem !important}
.rounded-\[0\.75rem\]{border-radius:0.75rem !important}
.rounded-2xl{border-radius:1rem !important}

/* Border / shadow / background */
.border{border-width:1px;border-style:solid;border-color:#e6eef6}
.border-slate-100{border-color:#f1f5f9}
.bg-white{background-color:#ffffff}
.bg-slate-50{background-color:#f8fafc}
.shadow-2xl{box-shadow:0 25px 50px -12px rgba(2,6,23,0.3)}
.shadow-sm{box-shadow:0 1px 2px rgba(15,23,42,0.04)}

/* Typography */
.text-sm{font-size:.875rem}
.text-base{font-size:1rem}
.text-3xl{font-size:1.875rem}
.text-4xl{font-size:2.25rem}
.font-bold{font-weight:700}
.font-montserrat{font-family:Montserrat,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial}
.text-blue-600{color:#2563eb}
.text-blue-950{color:#0f172a}
.text-slate-400{color:#94a3b8}

/* Flex / Grid helpers */
.flex{display:flex}
.inline-flex{display:inline-flex}
.flex-col{flex-direction:column}
.flex-row{flex-direction:row}
.items-center{align-items:center}
.justify-between{justify-content:space-between}
.gap-6{gap:1.5rem}
.gap-3{gap:.75rem}
.grid{display:grid}
.md\:grid-cols-2{grid-template-columns:repeat(2,1fr)}

/* Responsive placeholders (basic breakpoints) */
@media (min-width:768px){
    .md\:p-14{padding:3.5rem}
    .md\:flex-row{flex-direction:row}
    .md\:items-end{align-items:flex-end}
    .md\:text-right{text-align:right}
}

/* Utility fallbacks */
.hidden{display:none !important}
.block{display:block}
.inline-block{display:inline-block}
.transition{transition:all .18s ease-in-out}
.hover\:bg-slate-50:hover{background-color:#f8fafc}
.hover\:text-blue-700:hover{color:#1d4ed8}

/* Small helpers used by JS (className assignments) */
.rounded-xl{border-radius:.75rem}
.px-3{padding-left:.75rem;padding-right:.75rem}
.py-2{padding-top:.5rem;padding-bottom:.5rem}
.text-sm{font-size:.875rem}
.font-medium{font-weight:500}
.text-slate-500{color:#6b7280}

/* Any additional mappings can be appended here as the migration continues */