/* General */
.wp-block-woocommerce-product-filter-attribute {
    border-bottom: 1px solid #eee;
    padding: 0 0 1.5rem;
}

/* Color Filter Swatch */
.wc-block-product-filter-checkbox-list__items:has(.color-filter-swatch) {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

.wc-block-product-filter-checkbox-list__items:has(.color-filter-swatch) .wc-block-product-filter-checkbox-list__item {
    width: calc((100% - 16px) / 5);
    height: 30px;
    background-color: rgba(0, 0, 0, 0.025);
}

.wc-block-product-filter-checkbox-list__items:has(.color-filter-swatch) .wc-block-product-filter-checkbox-list__text-wrapper {
    cursor: pointer;
}

.wc-block-product-filter-checkbox-list__items:has(.color-filter-swatch) .wc-block-product-filter-checkbox-list__input-wrapper {
    position: absolute;
    top: -0.4rem;
    right: -0.4rem;
    z-index: 10;
    width: 0.875rem;
    height: 0.875rem;
}

.wc-block-product-filter-checkbox-list__items:has(.color-filter-swatch) .wc-block-product-filter-checkbox-list__input-wrapper .wc-block-product-filter-checkbox-list__input {
    border: none;
    border-radius: 50vw;
    width: 0.875rem;
    height: 0.875rem;
}

.wc-block-product-filter-checkbox-list__items:has(.color-filter-swatch) .wc-block-product-filter-checkbox-list__input-wrapper svg.wc-block-product-filter-checkbox-list__mark {
    border: none;
    border-radius: 50vw;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    left: unset;
}

.wc-block-product-filter-checkbox-list__items:has(.color-filter-swatch) .wc-block-product-filter-checkbox-list__input-wrapper input[type="checkbox"].wc-block-product-filter-checkbox-list__input:focus {
    outline-color: transparent;
}

.wc-block-product-filter-checkbox-list__items:has(.color-filter-swatch) .wc-block-product-filter-checkbox-list__text,
.farn-swatch-item label span {
    display: none;
    position: absolute;
    top: 0;
    width: max-content;
    background: #f1f1f1;
    left: 50%;
    transform: translate(-50%, -110%);
    padding: 0.125rem 0.25rem;
    font-size: 0.75rem;
    border-radius: 3px;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.25);
    z-index: 1;
    pointer-events: none;
}

.wc-block-product-filter-checkbox-list__items:has(.color-filter-swatch) .wc-block-product-filter-checkbox-list__item:hover .wc-block-product-filter-checkbox-list__text,
.farn-swatch-item:hover label span {
    display: block;
}

.wc-block-product-filter-checkbox-list__items:has(.color-filter-swatch) .wc-block-product-filter-checkbox-list__label,
.wc-block-product-filter-checkbox-list__items:has(.color-filter-swatch) .wc-block-product-filter-checkbox-list__text-wrapper {
    width: 100%;
    height: 100%;
    position: relative;
}

.wc-block-product-filter-checkbox-list__items:has(.color-filter-swatch) .wc-block-product-filter-checkbox-list__text-wrapper .color-filter-swatch {
    width: 100%;
    height: 30px;
    object-fit: cover;
}

/* Filter Checkboxen */
.wc-block-product-filter-checkbox-list__input-wrapper:before {
    background: transparent;
}

input[type="checkbox"].wc-block-product-filter-checkbox-list__input {
    border-radius: 3px;
    background-clip: padding-box;
    display: block;
    border: 1px solid #dadae5;
    background: transparent;
}

svg.wc-block-product-filter-checkbox-list__mark {
    background: #000;
    color: #fff;
    width: 0.825rem;
    height: 0.825rem;
    top: calc((1rem - 0.825rem) / 2);
    left: calc((1rem - 0.825rem) / 2);
    border-radius: 3px;
}

.wc-block-product-filter-checkbox-list__show-more {
    font-size: 0.75rem;
    margin-top: 0.5rem;
}

/* Filter Chips */
.wc-block-product-filter-removable-chips__items .wc-block-product-filter-removable-chips__item {
    padding: 0 0.625rem 0 0;
    margin: 0 0 0.625rem 0;
    line-height: 1.5rem;
    font-size: 0.8125rem;
    border-radius: 3px;
    border: 1px solid #dadae5;
    color: #222222;
    background: #fff;
    cursor: pointer;
    white-space: nowrap;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: flex;
    gap: 0;
}

.wc-block-product-filter-removable-chips__items .wc-block-product-filter-removable-chips__item .wc-block-product-filter-removable-chips__label {
    order: 2;
}

.wc-block-product-filter-removable-chips__items .wc-block-product-filter-removable-chips__item .wc-block-product-filter-removable-chips__remove {
    order: 1;
    margin: 0;
    font-size: 0.5rem;
    position: relative;
    color: #222222;
}

.wc-block-product-filter-removable-chips__items .wc-block-product-filter-removable-chips__item .wc-block-product-filter-removable-chips__remove svg {
    scale: 0.75;
}

/* Product Pages */
.wc-block-components-notices:has(> .wp-block-add-to-cart-with-options),
div:has(> .wp-block-add-to-cart-with-options) {
    margin-inline: 0;
    width: 100%;
}

.wp-block-woocommerce-add-to-cart-with-options-variation-selector .wp-block-woocommerce-add-to-cart-with-options-variation-selector-attribute:not( :has(option + option + option)) {
    display: none;
}

.wp-block-woocommerce-add-to-cart-with-options-variation-selector .wp-block-woocommerce-add-to-cart-with-options-variation-selector-attribute option[value=""] {
    display: none;
}

.wp-block-woocommerce-add-to-cart-with-options-variation-selector .wp-block-woocommerce-add-to-cart-with-options-variation-selector-attribute>div {
    gap: 0.25rem;
}

.wp-block-woocommerce-add-to-cart-with-options-variation-selector .wp-block-woocommerce-add-to-cart-with-options-variation-selector-attribute label {
    font-size: 0.875rem;
    margin: 0;
}

.wp-block-woocommerce-add-to-cart-with-options-variation-selector .wp-block-woocommerce-add-to-cart-with-options-variation-selector-attribute .wp-block-woocommerce-add-to-cart-with-options-variation-selector-attribute-options {
    width: 100%;
}

.wp-block-woocommerce-add-to-cart-with-options-variation-selector .wp-block-woocommerce-add-to-cart-with-options-variation-selector-attribute .wp-block-woocommerce-add-to-cart-with-options-variation-selector-attribute-options select {
    width: 100%;
    padding: 0.75rem 1rem;
    border: 0.5px solid #010203;
    border-radius: 0.25rem;
    height: unset;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M7 9.5L12 14.5L17 9.5H7Z' fill='%23666666'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: calc(100% - 1rem) center;
    cursor: pointer;
    -webkit-appearance: none;
    appearance: none;
}

.wp-block-woocommerce-add-to-cart-with-options-variation-selector .wp-block-woocommerce-add-to-cart-with-options-variation-selector-attribute .wp-block-woocommerce-add-to-cart-with-options-variation-selector-attribute-options select:focus,
.wp-block-woocommerce-add-to-cart-with-options-variation-selector .wp-block-woocommerce-add-to-cart-with-options-variation-selector-attribute .wp-block-woocommerce-add-to-cart-with-options-variation-selector-attribute-options select:focus-visible {
    outline: 4px solid #f1eee9;
}

/* Product Image Slider */
.wc-block-product-gallery-large-image__inner-blocks button {
    padding: 0;
    background-color: #ffffff;
}

.wc-block-product-gallery-large-image__inner-blocks button svg {
    padding: 0;
}

/* Quantity */
.wc-block-components-notices:has(> .wp-block-add-to-cart-with-options) .wc-block-components-quantity-selector {
    border: 0.5px solid #010203;
    min-height: 50px;
}

.wc-block-components-notices:has(> .wp-block-add-to-cart-with-options) .wc-block-components-quantity-selector input {
    border: 0;
}

.wc-block-components-notices:has(> .wp-block-add-to-cart-with-options) .wc-block-components-quantity-selector button {
    color: #010203;
    opacity: 1;
}

.wc-block-components-notices:has(> .wp-block-add-to-cart-with-options) .wc-block-components-product-button button {
    width: 100%;
}

/* Variation Swatches Product Page */
.farn-variation-swatches {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

.farn-swatch-item {
    width: 15%;
    height: auto;
    aspect-ratio: 8/5;
    background-color: rgba(0, 0, 0, 0.025);
    position: relative;
    cursor: pointer;
}

.farn-swatch-item label {
    display: block;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.farn-swatch-item label.has-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.farn-swatch-item input {
    border: none;
    border-radius: 50vw;
    width: 0.875rem;
    height: 0.875rem;
    margin: 0;
    position: absolute;
    top: -0.45rem;
    right: -0.45rem;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    z-index: 10;
}

.farn-swatch-item input:focus,
.farn-swatch-item input:focus-visible {
    outline-color: transparent;
}

.farn-swatch-item input::after {
    display: none;
    content: "";
    width: 14px;
    height: 14px;
    background-color: #000000;
    background-image: url("data:image/svg+xml,%3Csvg class='wc-block-product-filter-checkbox-list__mark' viewBox='0 0 10 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.25 1.19922L3.75 6.69922L1 3.94922' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");
    background-size: 55%;
    background-repeat: no-repeat;
    background-position: center;
    top: 50%;
    left: 50%;
    position: relative;
    transform: translate(-50%, -50%);
    border-radius: 50vw;
}

.farn-swatch-item input.checked::after {
    display: block;
}

.wp-block-woocommerce-product-price:has(+ .detailpreise) {
    display: none;
}

.wp-block-woocommerce-product-price .price {
    font-weight: 700;
    font-size: 1.5rem;
    margin-bottom: 0.425rem;
}

/* Header */
.wc-block-mini-cart__button {
    width: 32px;
    height: 32px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Cmask id='mask0_797_2382' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='32' height='32'%3E%3Crect width='32' height='32' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_797_2382)'%3E%3Cpath d='M7.55583 29.3333C6.95583 29.3333 6.43539 29.113 5.9945 28.6723C5.55383 28.2314 5.3335 27.711 5.3335 27.111V10.2223C5.3335 9.62233 5.55383 9.10189 5.9945 8.661C6.43539 8.22034 6.95583 8 7.55583 8H10.8892V7.77767C10.8892 6.35545 11.3854 5.14811 12.3778 4.15567C13.3705 3.163 14.5779 2.66667 16.0002 2.66667C17.4224 2.66667 18.6298 3.163 19.6225 4.15567C20.6149 5.14811 21.1112 6.35545 21.1112 7.77767V8H24.4445C25.0445 8 25.5649 8.22034 26.0058 8.661C26.4465 9.10189 26.6668 9.62233 26.6668 10.2223V27.111C26.6668 27.711 26.4465 28.2314 26.0058 28.6723C25.5649 29.113 25.0445 29.3333 24.4445 29.3333H7.55583ZM13.1112 8H18.8892V7.77767C18.8892 6.97034 18.6095 6.287 18.0502 5.72767C17.4908 5.16856 16.8075 4.889 16.0002 4.889C15.1928 4.889 14.5095 5.16856 13.9502 5.72767C13.3908 6.287 13.1112 6.97034 13.1112 7.77767V8ZM20.0002 14.2223C20.3186 14.2223 20.5834 14.1168 20.7945 13.9057C21.0056 13.6946 21.1112 13.4297 21.1112 13.111V10.2223H18.8892V13.111C18.8892 13.4297 18.9947 13.6946 19.2058 13.9057C19.4169 14.1168 19.6817 14.2223 20.0002 14.2223ZM12.0002 14.2223C12.3186 14.2223 12.5834 14.1168 12.7945 13.9057C13.0056 13.6946 13.1112 13.4297 13.1112 13.111V10.2223H10.8892V13.111C10.8892 13.4297 10.9947 13.6946 11.2058 13.9057C11.4169 14.1168 11.6817 14.2223 12.0002 14.2223Z' fill='%231C1B1F'/%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 90%;
    padding: 0;
}

.wc-block-mini-cart__button svg {
    display: none;
}

.wc-block-customer-account__link {
    padding: 0;
    width: 32px;
    height: 32px;
    display: grid;
    place-content: center;
}

.wc-block-customer-account__link svg {
    width: 100%;
    height: 100%;
}

/* Warenkorb & Kasse */
p.ppcp-place-order-description {
    text-align: left !important;
}

#radio-control-wc-payment-method-options-ppcp-gateway__label,
#radio-control-wc-payment-method-options-invoice__label {
    position: relative;
}

#radio-control-wc-payment-method-options-ppcp-gateway__label::after,
#radio-control-wc-payment-method-options-invoice__label::after {
    content: "";
    width: 80px;
    position: absolute;
    right: 0;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right;
}

#radio-control-wc-payment-method-options-ppcp-gateway__label::after {
    background-image: url(https://2025.sebworld.de/wp-content/uploads/2026/05/zahlungsart-paypal.svg);
    height: 28px;
}

#radio-control-wc-payment-method-options-invoice__label::after {
    background-image: url(https://2025.sebworld.de/wp-content/uploads/2026/05/zahlungsart-vorkasse.svg);
    height: 26px;
}

.wc-block-components-radio-control__label-group .wc-block-components-radio-control__secondary-label {
    flex: unset;
}

.wp-block-woocommerce-checkout .wc-block-components-shipping-rates-control__package .wc-block-components-radio-control .wc-block-components-radio-control__input {
    top: 20px;
}

#radio-control-0-flat_rate\:7__label::before,
#radio-control-0-flat_rate\:8__label::before,
#radio-control-0-flat_rate\:9__label::before,
#radio-control-0-flat_rate\:12__label::before {
    content: "";
    background-repeat: no-repeat;
    height: 28px;
    width: 90px;
    display: inline-block;
    vertical-align: middle;
}

#radio-control-0-flat_rate\:7__label::before,
#radio-control-0-flat_rate\:9__label::before {
    background-image: url(https://2025.sebworld.de/wp-content/uploads/2026/05/versandart-spedition-sebworld.svg);
}

#radio-control-0-flat_rate\:8__label::before {
    background-image: url(https://2025.sebworld.de/wp-content/uploads/2026/05/versandart-hermes.svg);
}

#radio-control-0-flat_rate\:12__label::before {
    background-image: url(https://2025.sebworld.de/wp-content/uploads/2026/05/versandart-abholung.svg);
}

h1:has(+ .entry-content [data-block-name="woocommerce/cart"]) {
    margin-top: 4rem;
    margin-bottom: 2rem;
}

/* Account Style Fix */
/* Adressen */
.woocommerce-account .addresses .title .edit {
    float: unset;
}

/* Kontodetails */
.woocommerce .edit-account .woocommerce-form-row {
    margin-bottom: 1rem;
}

.woocommerce .edit-account fieldset {
    margin-top: 1.5rem;
}

.woocommerce .edit-account #account_display_name_description {
    display: block;
    font-size: 0.875rem;
    margin-top: 0.25rem;
}

/* Zahlungsarten */
#add_payment_method #payment,
.woocommerce-cart #payment,
.woocommerce-checkout #payment {
    background-color: var(--wp--preset--color--light-beige);
}

#add_payment_method #payment div.payment_box,
.woocommerce-cart #payment div.payment_box,
.woocommerce-checkout #payment div.payment_box {
    background-color: #ffffff;
}

#add_payment_method #payment div.payment_box::before,
.woocommerce-cart #payment div.payment_box::before,
.woocommerce-checkout #payment div.payment_box::before {
    border-bottom-color: #ffffff;
}

#add_payment_method #payment div.payment_box input,
.woocommerce-cart #payment div.payment_box input,
.woocommerce-checkout #payment div.payment_box input {
    box-shadow: unset;
}


/* Fix for WooCommerce Block Cart/Mini Cart showing two images due to overridden [hidden] attribute */
[hidden] {
    display: none !important;
}