/**
 * ELS Theme - Custom CSS Overrides
 * Equipment Lifecycle Solutions
 *
 * This file contains custom CSS that can't be achieved with Tailwind utilities.
 * Keep this file minimal - prefer Tailwind classes in templates.
 */

/* Magento-specific form element fixes */
.required-entry.validation-failed,
.validation-failed {
    border-color: #ef4444 !important;
}

/* Price display formatting */
.price-box .price {
    font-weight: 700;
}

.price-box .old-price .price {
    text-decoration: line-through;
    color: #6b7280;
}

.price-box .special-price .price {
    color: #d66000;
}

/* Product toolbar */
.toolbar .pager {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.toolbar .limiter {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

/* Category sidebar adjustments */
.block-layered-nav .block-content {
    padding: 0;
}

/* Mini cart styles */
#header-cart {
    position: relative;
}

/* Ensure Alpine.js x-cloak works */
[x-cloak] {
    display: none !important;
}

/* Print styles */
@media print {
    header,
    footer,
    .sidebar,
    .breadcrumbs,
    .toolbar {
        display: none !important;
    }

    main {
        padding: 0 !important;
    }

    .bg-white {
        box-shadow: none !important;
    }
}