/*
Theme Name: Custom Woo Theme
Theme URI: http://example.com/
Author: Antigravity
Author URI: http://example.com/
Description: A custom WooCommerce theme built with Tailwind CSS.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: custom-woo-theme
*/

/* Missing utilities for front-page additions */
.aspect-\[4\/5\] { aspect-ratio: 4 / 5; }
.aspect-\[3\/4\] { aspect-ratio: 3 / 4; }
.aspect-\[4\/3\] { aspect-ratio: 4 / 3; }
.h-\[80vh\] { height: 80vh; }
.max-w-\[1400px\] { max-width: 1400px; }
.scale-\[1\.3\] { transform: scale(1.3); }
.gap-3 { gap: 0.75rem; }
.p-3 { padding: 0.75rem; }
.min-w-0 { min-width: 0px; }
.flex-shrink-0 { flex-shrink: 0; }
.items-start { align-items: flex-start; }

/* Core layout utilities missing from main.css */
.flex-1 { flex: 1 1 0%; }
.flex-col { flex-direction: column; }
.justify-center { justify-content: center; }
.items-center { align-items: center; }
.justify-between { justify-content: space-between; }
.items-baseline { align-items: baseline; }
.items-end { align-items: flex-end; }
.justify-end { justify-content: flex-end; }

.bg-black { background-color: #000; }
.bg-gray-50 { background-color: #f9fafb; }
.bg-white\/90 { background-color: rgba(255,255,255,0.9); }
.bg-white\/60 { background-color: rgba(255,255,255,0.6); }
.bg-white\/20 { background-color: rgba(255,255,255,0.2); }
.border-white\/10 { border-color: rgba(255,255,255,0.1); }

.bg-white\/10 { background-color: rgba(255,255,255,0.1); }
.border-white\/20 { border-color: rgba(255,255,255,0.2); }
.backdrop-blur-md { backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }

.text-white\/40 { color: rgba(255,255,255,0.4); }
.text-white\/50 { color: rgba(255,255,255,0.5); }
.text-white\/60 { color: rgba(255,255,255,0.6); }
.text-white\/70 { color: rgba(255,255,255,0.7); }
.text-white { color: #fff; }
.text-gray-900 { color: #111827; }
.text-gray-600 { color: #4b5563; }
.text-primary { color: var(--wp--preset--color--primary, #1a1a1a); }

/* Transitions & hover helpers */
.transition-all { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }
.duration-700 { transition-duration: 700ms; }
.duration-500 { transition-duration: 500ms; }
.duration-300 { transition-duration: 300ms; }

/* Grid breakpoints */
@media (min-width: 640px) {
    .sm\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (min-width: 768px) {
    .md\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .md\:h-screen { height: 100vh; }
    .md\:mx-8 { margin-left: 2rem; margin-right: 2rem; }
    .md\:-mt-12 { margin-top: -3rem; }
    .md\:mt-8 { margin-top: 2rem; }
    .md\:-mt-6 { margin-top: -1.5rem; }
    .md\:mt-12 { margin-top: 3rem; }
    .md\:-mt-8 { margin-top: -2rem; }
    .md\:mt-4 { margin-top: 1rem; }
    .md\:-mt-\[10\%\] { margin-top: -10%; }
    .md\:gap-4 { gap: 1rem; }
    .md\:p-4 { padding: 1rem; }
}

.grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }

@media (min-width: 1024px) {
    .lg\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .lg\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}