/* WooCommerce Dark Theme - Tanzspiegel */

body.woocommerce-page {
    background: #0a0a0a !important;
    color: #fff !important;
    padding-top: 100px !important;
}

/* Hide page title */
.woocommerce-page .entry-title,
.woocommerce-page h1.wp-block-post-title,
.woocommerce-page .page-title {
    display: none !important;
}

.wp-block-woocommerce-checkout,
.wp-block-woocommerce-cart {
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px;
}

/* Headings */
.wc-block-checkout h1,
.wc-block-checkout h2,
.wc-block-checkout h3,
.wc-block-cart h1,
.wc-block-cart h2 {
    color: #fff !important;
}

/* Form labels */
.wc-block-components-text-input label,
.wc-block-components-checkbox__label,
.wc-block-components-radio-control__label,
.wc-block-components-payment-method-label {
    color: #fff !important;
}

/* Descriptions */
.wc-block-components-radio-control__description,
.wc-block-components-radio-control__secondary-label {
    color: #ccc !important;
}

/* Order summary text */
.wc-block-components-order-summary-item__description,
.wc-block-components-product-name,
.wc-block-components-product-metadata__description,
.wc-block-components-totals-item__label,
.wc-block-components-totals-item__value,
.wc-block-components-totals-footer-item .wc-block-components-totals-item__label,
.wc-block-components-totals-footer-item .wc-block-components-totals-item__value {
    color: #fff !important;
}

/* Links */
.wc-block-checkout a:not([class]),
.wc-block-cart a:not([class]),
.wc-block-checkout .wc-block-components-checkout-policies a {
    color: #e84393 !important;
}

/* Dark inputs */
.wc-block-components-text-input input,
.wc-block-components-text-input textarea,
.wc-block-components-combobox input,
.wc-block-checkout select {
    background: #1a1a1a !important;
    border: 1px solid #333 !important;
    color: #fff !important;
    outline: none !important;
    box-shadow: none !important;
}

.wc-block-components-text-input input:focus,
.wc-block-components-text-input textarea:focus,
.wc-block-components-combobox input:focus,
.wc-block-checkout select:focus {
    border-color: #555 !important;
    outline: none !important;
    box-shadow: none !important;
}

/* All borders gray */
.wc-block-checkout *,
.wc-block-cart * {
    border-color: #333 !important;
}

/* Payment/shipping option boxes */
.wc-block-components-radio-control__option,
.wc-block-components-radio-control-accordion-option,
.wc-block-components-shipping-rates-control__package {
    border-color: #333 !important;
    background: transparent !important;
}

.wc-block-components-radio-control__option--checked,
.wc-block-components-radio-control-accordion-option--checked {
    border-color: #555 !important;
    background: rgba(255,255,255,0.05) !important;
}

/* Dropdown menu */
.wc-block-components-combobox-control .components-form-token-field__suggestions-list,
.components-popover__content {
    background: #1a1a1a !important;
    border: 1px solid #333 !important;
}

.wc-block-components-combobox-control .components-form-token-field__suggestion {
    color: #fff !important;
    background: #1a1a1a !important;
}

.wc-block-components-combobox-control .components-form-token-field__suggestion:hover,
.wc-block-components-combobox-control .components-form-token-field__suggestion.is-selected {
    background: #555 !important;
}

/* Hide quantity badge */
.wc-block-components-order-summary-item__quantity {
    display: none !important;
}

/* Radio buttons - use accent-color */
.wc-block-components-radio-control input[type="radio"] {
    accent-color: #e84393 !important;
}

/* Checkboxes - use accent-color */
.wc-block-components-checkbox__input {
    accent-color: #e84393 !important;
}

/* Payment method content */
.wc-block-components-radio-control-accordion-content {
    color: #ccc !important;
}

/* Button */
.wc-block-components-button {
    background: #e84393 !important;
    border: none !important;
    color: #fff !important;
}

/* Error/notice messages */
.wc-block-components-notice-banner {
    background: rgba(255,255,255,0.95) !important;
}

.wc-block-components-notice-banner__content {
    color: #333 !important;
}