/* Sandra Theme - Tailwind CSS Utilities (pre-compiled subset) */
/* For full Tailwind, run: npx tailwindcss -i ./src/input.css -o ./assets/css/tailwind.css */

*,::after,::before{box-sizing:border-box;border-width:0;border-style:solid}
html{line-height:1.5;-webkit-text-size-adjust:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
body{margin:0;line-height:inherit}
img,svg,video{display:block;max-width:100%;height:auto}

/* Responsive utilities */
@media(max-width:767px){
  .wp-block-columns{flex-direction:column!important}
  .wp-block-column{flex-basis:100%!important}
  .wp-block-buttons{flex-direction:column!important}
  .wp-block-button{width:100%}
  .wp-block-button__link{width:100%;text-align:center}
  h1{font-size:2.25rem!important}
  h2{font-size:1.875rem!important}
}

/* Smooth scroll (disabled for reduced motion) */
@media (prefers-reduced-motion: no-preference){
  html{scroll-behavior:smooth}
}

/* Focus styles */
:focus-visible{outline:2px solid var(--wp--preset--color--primary);outline-offset:2px}

/* Button hover */
.wp-block-button__link:hover{opacity:0.9;transform:translateY(-1px);transition:all 0.2s ease}
.wp-block-button__link{transition:all 0.2s ease}

/* Card hover */
.wp-block-column:hover{transition:box-shadow 0.3s ease}

/* Animations */
@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
/* Animation disabled for users that prefer reduced motion */
@media (prefers-reduced-motion: no-preference){
  .wp-block-group{animation:fadeInUp 0.5s ease-out}
}
@media (prefers-reduced-motion: reduce){
  .wp-block-group{animation:none!important}
}

/* Performance */
img{content-visibility:auto}