/* Custom Toolbar Dropdown Styling */
.toolbar-sorter select.sorter-options {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='2'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
    background-size: 1.25rem;
    background-position: right 0.25rem center;
    background-repeat: no-repeat;
}

.toolbar-sorter select.sorter-options:focus {
    outline: none;
    box-shadow: none;
}

.toolbar-sorter select.sorter-options option {
    padding: 0.75rem 1rem;
    background-color: white;
    color: #334155;
    font-weight: 500;
}

.toolbar-sorter select.sorter-options option:hover,
.toolbar-sorter select.sorter-options option:focus {
    background-color: #f0fdf4;
    color: #166534;
}

.toolbar-sorter select.sorter-options option:checked,
.toolbar-sorter select.sorter-options option[selected] {
    background-color: #22c55e;
    color: white;
    font-weight: 600;
}

/* Category Description Full Width */
.category-description-fullwidth {
    width: 100%;
    max-width: 100%;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    width: 100vw;
}

.category-description-fullwidth .container {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    box-sizing: border-box;
}

@media (min-width: 768px) {
    .category-description-fullwidth .container {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
}

@media (min-width: 1024px) {
    .category-description-fullwidth .container {
        padding-left: 2rem;
        padding-right: 2rem;
    }
}

.category-description {
    max-width: 100%;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

/* Hide PageBuilder product slider pagination dots */
.glider-dot,
[data-content-type="products"] .glider-dots,
[data-content-type="products"] [role="tablist"] {
    display: none !important;
}

/* Featured Categories - Hide discount/badge stickers ONLY on category cards */
#featured-categories .category-card .absolute.top-4.right-4,
#featured-categories .category-card [class*="bg-yellow"],
#featured-categories .category-card [class*="rounded-full"][class*="absolute"],
#featured-categories .category-card [class*="badge"],
#featured-categories .category-card [class*="sticker"],
#featured-categories .category-card [class*="label"][class*="absolute"] {
    display: none !important;
}

/* Product Card Titles - Limit to 2 lines with ellipsis */
.product-item .product-item-name,
.product-item .product-name,
.product-item a.product-item-link,
.product-card .product-item-name,
.product-card .product-name {
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    line-height: 1.4 !important;
    max-height: calc(1.4em * 2) !important;
}