/* === WooCommerce Checkout Blocks Tailwind Styling === */

/* Checkout container */
.wc-block-checkout {
    @apply max-w-5xl mx-auto px-4 py-8;
}

/* Headings */
.wc-block-checkout h2,
.wc-block-checkout h3 {
    @apply text-xl font-semibold mb-4;
}

/* Form fields */
.wc-block-checkout input[type="text"],
.wc-block-checkout input[type="email"],
.wc-block-checkout input[type="tel"],
.wc-block-checkout select,
.wc-block-checkout textarea {
    @apply w-full border border-gray-300 rounded-md px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:border-indigo-500;
}

/* Labels */
.wc-block-checkout label {
    @apply block mb-1 text-sm font-medium text-gray-700;
}

/* Buttons */
.wc-block-checkout .wc-block-components-button {
    @apply bg-indigo-600 text-white font-semibold rounded-lg px-6 py-3 transition-colors duration-200 ease-in-out;
}
.wc-block-checkout .wc-block-components-button:hover {
    @apply bg-indigo-700;
}

/* Order Summary */
.wc-block-checkout__order-summary {
    @apply bg-gray-50 p-4 rounded-lg border border-gray-200;
}
.wc-block-checkout__order-summary h3 {
    @apply text-lg font-semibold mb-3;
}

/* Cart items inside summary */
.wc-block-checkout__order-summary .wc-block-components-product-name {
    @apply font-medium text-gray-800;
}
.wc-block-checkout__order-summary .wc-block-components-product-price {
    @apply text-gray-600;
}

/* Totals section */
.wc-block-checkout__order-summary-totals {
    @apply border-t border-gray-300 mt-4 pt-4;
}

/* Notices */
.wc-block-components-notice {
    @apply bg-red-50 border border-red-300 text-red-700 px-4 py-3 rounded-md mb-4;
}

/* Terms and conditions text */
.wc-block-checkout .wc-block-checkout__terms {
    @apply text-sm text-gray-600;
}