/* ==========================================================================
   WooCommerce Custom Styles with Tailwind
   ========================================================================== */

/* Forms */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select,
.woocommerce form .form-row .select2-container {
    @apply w-full px-4 py-2 border border-gray-600 rounded-md focus:ring-2 focus:ring-blue-500 shadow-sm focus:border-blue-500 transition-colors bg-transparent text-gray-200 w-full transition-shadow outline-none;


}
.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus,
.woocommerce form .form-row select:focus {
    @apply shadow-lg border-indigo-700 shadow-indigo-500/60 outline-none;
}
.woocommerce form .form-row .select2-container .select2-selection--single{
    @apply bg-transparent border-0 text-gray-200;
}
.woocommerce form .form-row .select2-container--default .select2-selection--single .select2-selection__rendered {
    @apply text-gray-400;
}
.select2-dropdown {
    @apply bg-gray-800 border border-gray-600 text-gray-200;
}
.select2-search__field {
    @apply bg-gray-700 text-gray-200 border border-gray-600;
}
.select2-results__option--highlighted {
    @apply bg-indigo-800 text-indigo-100 !important;
}
.select2-results__option[data-selected=true] {
    @apply bg-indigo-600 text-indigo-100 !important;
}
.woocommerce form .form-row label {
    @apply block text-sm font-medium text-gray-300 mb-2;
}
.woocommerce-form__label woocommerce-form__label-for-checkbox checkbox {
    @apply text-gray-400;
}
.woocommerce form .form-row {
    @apply mb-4;
}

.woocommerce form .form-row-first,
.woocommerce form .form-row-last {
    @apply w-full lg:w-[calc(50%-0.5rem)] inline-block;
}

.woocommerce form .form-row-first {
    @apply lg:mr-4;
}
.woocommerce form .woocommerce-form__label-for-checkbox {
    @apply text-gray-300;
}
.woocommerce form .checkout-inline-error-message {
    @apply text-red-600 text-sm mt-2;
}
.woocommerce form .woocommerce-form__input-checkbox {
    @apply mr-2;
}
/* Buttons */
.woocommerce button.button,
.woocommerce a.button,
.woocommerce input.button {
    @apply bg-indigo-600 text-white px-6 py-2 rounded-md hover:bg-indigo-700 transition-colors font-medium inline-block;
}

.woocommerce button.button.alt,
.woocommerce a.button.alt,
.woocommerce input.button.alt {
    @apply bg-indigo-600 text-white hover:bg-indigo-700;
}

.woocommerce button.button:disabled,
.woocommerce button.button.disabled {
    @apply bg-gray-400 cursor-not-allowed opacity-60;
}

/* Messages */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
    @apply p-4 rounded-md mb-4;
}

.woocommerce-message {
    @apply bg-green-50 text-green-800 border-l-4 border-green-500;
}

.woocommerce-info {
    @apply bg-gray-700/60 text-indigo-300 border-l-4 border-indigo-500;
}

.woocommerce-error {
    @apply bg-gray-700/60 text-red-300 border-l-4 border-red-500;
}

.woocommerce-error li,
.woocommerce-message li,
.woocommerce-info li {
    @apply list-none;
}

/* Quantity Input */
.quantity {
    @apply inline-flex items-center space-x-2;
}

.quantity input.qty {
    @apply w-20 px-3 py-2 text-center border border-gray-300 rounded-md focus:ring-2 focus:ring-blue-500 focus:border-blue-500;
}

/* Tables */
.woocommerce table.shop_table, table .shop_table.wps_sfw_details {
    @apply w-full border-collapse;
}

.woocommerce table.shop_table th, table .shop_table.wps_sfw_details th {
    @apply bg-gray-800 px-6 py-4 text-left text-sm font-semibold text-gray-500 border-b border-gray-900;
}
.wps_sfw_details_wrap-parent table.shop_table tr {
    @apply bg-gray-800 !important
}
.woocommerce table.shop_table td, table .shop_table.wps_sfw_details td {
    @apply px-6 py-4 border-b border-gray-900 text-gray-300;
}
.woocommerce table.shop_table tr:hover, table .shop_table.wps_sfw_details tr:hover {
    @apply bg-gray-800;
}

/* Price */
.woocommerce .price {
    @apply text-gray-300 font-semibold;
}

.woocommerce .price del {
    @apply text-gray-400 mr-2;
}

.woocommerce .price ins {
    @apply text-green-600 no-underline;
}

/* Star Rating */
.woocommerce .star-rating {
    @apply text-yellow-400;
}

/* Product */
.woocommerce ul.products li.product {
    @apply rounded-lg shadow-sm overflow-hidden hover:shadow-md transition-shadow;
}

.woocommerce ul.products li.product img {
    @apply w-full h-auto object-cover;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
    @apply text-lg font-semibold text-gray-300 mb-2;
}

/* Payment Methods */
.woocommerce-checkout #payment ul.payment_methods li {
    @apply mb-3 last:mb-0;
}

.woocommerce-checkout #payment ul.payment_methods li input {
    @apply mr-3;
}

.woocommerce-checkout #payment ul.payment_methods li label {
    @apply font-medium text-gray-300 cursor-pointer;
}

.woocommerce-checkout #payment div.payment_box {
    @apply bg-gray-50 p-4 rounded-md mt-2 text-sm text-gray-700;
}

/* Terms and Conditions */
.woocommerce-terms-and-conditions-wrapper {
    @apply mb-4;
}

.woocommerce-terms-and-conditions {
    @apply max-h-48 overflow-y-auto border border-gray-300 rounded-md p-4 mb-4 text-sm;
}

.woocommerce-privacy-policy-text {
    @apply text-sm text-gray-600 mb-4;
}

.woocommerce-form__label-for-checkbox {
    @apply flex items-start space-x-2;
}

.woocommerce-form__label-for-checkbox input[type="checkbox"] {
    @apply mt-1;
}

.woocommerce-form__label-for-checkbox span {
    @apply text-sm text-gray-400;
}

/* Shipping Calculator */
.shipping-calculator-form {
    @apply space-y-4;
}

/* Coupon Form */
.woocommerce-form-coupon {
    @apply bg-indigo-50 p-6 rounded-md mb-6;
}
mark {
    @apply bg-purple-300 text-gray-900 px-3 py-1 rounded;
}
/* Account Forms */
.woocommerce-form-login,
.woocommerce-form-register {
    @apply p-6 rounded-lg shadow-sm;
}

/* Notices */
.woocommerce-notices-wrapper {
    @apply mb-6;
}

/* Empty Cart */
.cart-empty {
    @apply text-center py-12 text-gray-600;
}

/* Validation Error */
.woocommerce-invalid input.input-text,
.woocommerce-invalid textarea,
.woocommerce-invalid select {
    @apply border-red-500 focus:ring-red-500 focus:border-red-500;
}

.woocommerce-invalid label {
    @apply text-red-600;
}

/* Order Details */
.woocommerce-order-details {
    @apply rounded-lg shadow-sm p-6 mb-6;
}

.woocommerce-order-details__title {
    @apply text-xl font-bold text-gray-300 mb-4;
}

.woocommerce-customer-details {
    @apply rounded-lg shadow-sm p-6;
}

/* Responsive */
@media (max-width: 768px) {
    .woocommerce form .form-row-first,
    .woocommerce form .form-row-last {
        @apply w-full mr-0;
    }
    
    .woocommerce table.shop_table {
        @apply text-sm;
    }
    
    .woocommerce table.shop_table th,
    .woocommerce table.shop_table td {
        @apply px-3 py-2;
    }
}

p {
    @apply text-gray-300;
}
.woocommerce {
    @apply text-gray-300 p-4 mb-8;
}





.wps_sfw_account_additional_wrap {
    @apply p-0 border-0;
}
.wps_sfw_details_wrap h3 {
    @apply text-lg font-semibold text-gray-300 mb-4 bg-transparent border-0;
}