/*
 * Tailwind CSS for WordPress Theme
 * This file should contain your compiled Tailwind CSS
 * 
 * For development, you would normally run:
 * npx tailwindcss -i ./src/input.css -o ./assets/css/tailwind.css --watch
 */

@tailwind base;
@tailwind components;
@tailwind utilities;

/* Custom component styles can be added here */
.site-main {
    @apply min-h-screen;
}

.skip-link {
    @apply absolute -top-10 left-6 bg-white text-black p-2 z-50 focus:top-6;
}

/* WordPress specific styles */
.alignfull {
    @apply w-full;
}

.alignwide {
    @apply w-full max-w-5xl mx-auto;
}

.aligncenter {
    @apply text-center;
}

.alignleft {
    @apply float-left mr-4;
}

.alignright {
    @apply float-right ml-4;
}

/* WooCommerce specific styles */
.woocommerce .content-area {
    @apply w-full;
}

.woocommerce .site-main {
    @apply container mx-auto px-4;
}