/**
 * EDIUSFA WooCommerce Override Styles
 *
 * @package EDIUSFA
 * @version 2.0.0
 */

/* Override WooCommerce default styles for dark theme */
.woocommerce .woocommerce-products-header,
.woocommerce-page .woocommerce-products-header {
    display: none;
}

.woocommerce .woocommerce-result-count,
.woocommerce-page .woocommerce-result-count {
    display: none;
}

.woocommerce .woocommerce-ordering,
.woocommerce-page .woocommerce-ordering {
    float: none;
}

.woocommerce .woocommerce-ordering select,
.woocommerce-page .woocommerce-ordering select {
    background: var(--bg-surface);
    border: 1px solid var(--line);
    color: var(--text);
    font-family: inherit;
    font-size: .76rem;
    padding: 7px 10px;
    border-radius: 9px;
}

/* Product loop grid */
.woocommerce ul.products,
.woocommerce-page ul.products {
    display: contents;
}

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
    float: none;
    margin: 0;
    padding: 0;
    width: auto;
}

/* Star rating */
.woocommerce .star-rating,
.woocommerce-page .star-rating {
    color: var(--amber);
    font-size: .65rem;
}

/* Single product overrides */
.woocommerce div.product div.images,
.woocommerce-page div.product div.images {
    display: none;
}

.woocommerce div.product div.summary,
.woocommerce-page div.product div.summary {
    display: none;
}

.woocommerce div.product .woocommerce-tabs,
.woocommerce-page div.product .woocommerce-tabs {
    display: none;
}

/* Price styling */
.woocommerce div.product p.price,
.woocommerce div.product span.price,
.woocommerce-page div.product p.price,
.woocommerce-page div.product span.price {
    color: var(--amber);
    font-family: 'JetBrains Mono', monospace;
}

.woocommerce div.product p.price del,
.woocommerce div.product span.price del {
    color: var(--text-faint);
    text-decoration: line-through;
}

/* Cart page */
.woocommerce table.shop_table,
.woocommerce-page table.shop_table {
    background: var(--bg-surface);
    border-color: var(--line);
    border-radius: var(--radius);
    overflow: hidden;
}

.woocommerce table.shop_table th,
.woocommerce table.shop_table td {
    border-color: var(--line);
    color: var(--text-muted);
    padding: 12px;
}

.woocommerce table.shop_table th {
    background: var(--bg-surface-2);
    color: var(--text);
}

/* Checkout */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select {
    background: var(--bg-surface-2);
    border: 1px solid var(--line);
    color: var(--text);
    border-radius: 9px;
    padding: 10px 14px;
    font-family: inherit;
}

.woocommerce form .form-row label {
    color: var(--text-muted);
}

/* Buttons */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce-page a.button,
.woocommerce-page button.button,
.woocommerce-page input.button {
    background: var(--violet);
    color: #fff;
    border: none;
    border-radius: 9px;
    font-family: inherit;
    font-weight: 700;
    padding: 10px 18px;
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
    background: var(--violet-dim);
    color: #fff;
}

/* Mini cart */
.woocommerce.widget_shopping_cart .widget_shopping_cart_content {
    background: var(--bg-surface);
    border: 1px solid var(--line);
    border-radius: var(--radius);
    padding: 16px;
}

/* Account */
.woocommerce-MyAccount-navigation ul {
    list-style: none;
    padding: 0;
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.woocommerce-MyAccount-navigation ul li a {
    background: var(--bg-surface);
    border: 1px solid var(--line);
    color: var(--text-muted);
    padding: 8px 14px;
    border-radius: 99px;
    font-size: .82rem;
    font-weight: 600;
}

.woocommerce-MyAccount-navigation ul li.is-active a {
    background: var(--violet);
    border-color: var(--violet);
    color: #fff;
}

/* Review form */
.woocommerce #review_form #respond textarea {
    background: var(--bg-surface-2);
    border: 1px solid var(--line);
    color: var(--text);
    border-radius: 9px;
    font-family: inherit;
}

.woocommerce #review_form #respond .form-submit input {
    background: var(--violet);
    color: #fff;
    border: none;
    border-radius: 8px;
    font-family: inherit;
    font-weight: 700;
    padding: 9px 18px;
}