/* Style WooCommerce info/message boxes with light gray background - Updated 2026-02-07 */
.woocommerce-info,
.woocommerce-message {
    background-color: #f5f5f5 !important;
    border-top-color: #cccccc !important;
    color: #333333 !important;
}

.woocommerce-info::before,
.woocommerce-message::before {
    color: #666666 !important;
}

.woocommerce-info a,
.woocommerce-message a {
    color: #2271b1 !important;
}

/* Hide ONLY the "added to cart" message on cart page - Added 2026-02-07 */
.woocommerce-cart .woocommerce-message {
    display: none !important;
}

/* Hide Uncategorized category - Added by Claude 2026-02-05 */
.woocommerce .products .product-category a[href*="/uncategorized/"] {
    display: none !important;
}

.woocommerce ul.products li.product-category:has(a[href*="/uncategorized/"]) {
    display: none !important;
}

/* Make PRODUCT images uniform (NOT category images) */
.woocommerce ul.products li.product:not(.product-category) img,
.woocommerce ul.products li.type-product img {
    width: 100% !important;
    height: 300px !important;
    max-height: 300px !important;
    min-height: 300px !important;
    object-fit: contain !important;
    object-position: center !important;
    background: #ffffff !important;
    padding: 15px !important;
    box-sizing: border-box !important;
}

/* Ensure product image containers are consistent */
.woocommerce ul.products li.product:not(.product-category) a img {
    display: block;
}

/* Fix button alignment for products with multi-line titles - Added 2026-02-05 */
.woocommerce ul.products li.product:not(.product-category) {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
}

/* Push button to bottom */
.woocommerce ul.products li.product:not(.product-category) .button,
.woocommerce ul.products li.product:not(.product-category) .add_to_cart_button,
.woocommerce ul.products li.product:not(.product-category) .product_type_variable {
    margin-top: auto !important;
}

/* Ensure price stays above button */
.woocommerce ul.products li.product:not(.product-category) .price {
    margin-bottom: 10px !important;
}

/* Make sure product title has consistent spacing */
.woocommerce ul.products li.product:not(.product-category) .woocommerce-loop-product__title {
    min-height: 2.5em !important;
    margin-bottom: 10px !important;
    flex-grow: 0 !important;
    flex-shrink: 0 !important;
}

/* Ensure product link doesn't interfere with flex layout */
.woocommerce ul.products li.product:not(.product-category) > a {
    display: flex !important;
    flex-direction: column !important;
    flex-grow: 1 !important;
}


/* Hide product sorting dropdown on category pages */
.woocommerce-ordering,
.storefront-sorting,
.woocommerce .woocommerce-ordering {
    display: none !important;
}


/* Reduce spacing between price, VAT, and shipping messages */
.woocommerce ul.products li.product .price,
.woocommerce ul.products li.product .woocommerce-price-suffix,
.woocommerce ul.products li.product .price-unit,
.woocommerce ul.products li.product .tax-info,
.woocommerce ul.products li.product .shipping-costs-info {
    margin-bottom: 3px !important;
    line-height: 1.3 !important;
}

.woocommerce ul.products li.product .wc-gzd-additional-info {
    margin-top: 0 !important;
    margin-bottom: 5px !important;
}

.woocommerce ul.products li.product .wc-gzd-additional-info .tax-info,
.woocommerce ul.products li.product .wc-gzd-additional-info .shipping-costs-info {
    display: block;
    margin: 2px 0 !important;
    font-size: 0.85em;
}


/* Make product price bold */
.woocommerce ul.products li.product .price {
    font-weight: bold !important;
}

/* Hide activations section on license view page - Added 2026-02-06 */
#elm-license-activations {
    display: none !important;
}

/* Widen products grid margin - Added 2026-02-06 */
.woocommerce ul.products {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

/* Checkout page payment button fixes - Added 2026-02-06 */

/* Move Google Pay/Apple Pay button below payment method selection */
.woocommerce-checkout #payment .ppcp-googlepay-button-container,
.woocommerce-checkout #payment .ppcp-applepay-button-container {
    order: 10 !important;
    margin-top: 20px !important;
}

#payment {
    display: flex !important;
    flex-direction: column !important;
}

#payment .payment_methods {
    order: 1 !important;
}

#payment .ppcp-googlepay-button-container,
#payment .ppcp-applepay-button-container {
    order: 2 !important;
}

#payment .form-row {
    order: 3 !important;
}

/* Hide "Pay Later" messaging on all pages (cart, checkout, product pages) */
.ppcp-paypal-paylater-message,
.ppcp-paylater-message,
[class*="paylater-message"],
[class*="ppcp-message"],
[data-pp-message],
.woocommerce-cart .ppcp-paypal-paylater-message,
.woocommerce-checkout .ppcp-paypal-paylater-message,
#payment .ppcp-paypal-paylater-message,
.cart-collaterals .ppcp-paypal-paylater-message,
.product .ppcp-paypal-paylater-message {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    overflow: hidden !important;
}

/* Make checkout button full width */
.woocommerce-checkout #payment #place_order,
.woocommerce-checkout .woocommerce-checkout-payment #place_order,
#place_order,
button[name="woocommerce_checkout_place_order"],
.woocommerce-checkout button[type="submit"] {
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
}

.woocommerce-checkout #payment .form-row.place-order {
    width: 100% !important;
}

.woocommerce-checkout #payment .form-row {
    max-width: 100% !important;
}

/* Change "OR" to "ODER" for German */
.ppcp-separator::before,
.ppcp-separator::after,
.payment-method-separator::before,
.payment-method-separator::after {
    content: "ODER" !important;
}

.ppcp-separator,
.payment-method-separator {
    text-indent: -9999px !important;
}

.ppcp-separator::before,
.payment-method-separator::before {
    text-indent: 0 !important;
    float: left !important;
}

/* Category display customization - name above, description below - Added 2026-02-06 */
.woocommerce .products li.product-category {
    display: flex !important;
    flex-direction: column !important;
    text-align: center !important;
    height: 100% !important;
}

/* Category title above icon */
.woocommerce .products li.product-category .category-title-above {
    order: 1;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 15px;
    margin-top: 0;
    line-height: 1.3;
    min-height: 3em !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Category image in the middle */
.woocommerce .products li.product-category a img {
    order: 2;
    margin: 0 auto 15px;
}

/* Category description below icon */
.woocommerce .products li.product-category .category-description {
    order: 3;
    font-size: 14px;
    color: #666;
    line-height: 1.5;
    margin-top: 10px;
    min-height: 3em !important;
}

/* Make sure link wrapper respects flex order */
.woocommerce .products li.product-category > a {
    display: flex;
    flex-direction: column;
    width: 100%;
}

/* Remove default category title styling */
.woocommerce .products li.product-category .woocommerce-loop-category__title {
    display: none;
}


/* Custom Footer Styling - Macrium shop style - Added 2026-02-06 */
.custom-footer {
    background-color: #f8f8f8;
    padding: 40px 20px 20px;
    border-top: 1px solid #e0e0e0;
}

.custom-footer .footer-content {
    display: flex;
    justify-content: space-between;
    max-width: 1200px;
    margin: 0 auto 30px;
    gap: 40px;
    flex-wrap: wrap;
}

.custom-footer .footer-section {
    flex: 1;
    min-width: 200px;
}

.custom-footer .footer-section h4 {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 15px;
    color: #333;
}

.custom-footer .footer-section ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.custom-footer .footer-section ul li {
    margin-bottom: 8px;
}

.custom-footer .footer-section ul li a {
    color: #666;
    text-decoration: none;
    font-size: 14px;
    transition: color 0.2s;
}

.custom-footer .footer-section ul li a:hover {
    color: #2271b1;
    text-decoration: underline;
}

.custom-footer .payment-methods .payment-icons {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
    justify-content: flex-start;
}

.custom-footer .payment-methods .payment-icons img {
    max-width: 50px;
    max-height: 30px;
    width: auto;
    height: auto;
    object-fit: contain;
}

/* Style vorkasse icon to match others with white background */
.custom-footer .payment-methods .payment-icons img.vorkasse-icon {
    background-color: #ffffff;
    padding: 3px 5px;
    border-radius: 3px;
    border: 1px solid #e0e0e0;
}

.custom-footer .footer-bottom {
    text-align: center;
    padding-top: 20px;
    border-top: 1px solid #e0e0e0;
    max-width: 1200px;
    margin: 0 auto;
}

.custom-footer .footer-bottom p {
    margin: 0;
    font-size: 14px;
    color: #666;
}

.custom-footer .footer-bottom a {
    color: #666;
    text-decoration: none;
}

.custom-footer .footer-bottom a:hover {
    color: #2271b1;
    text-decoration: underline;
}

/* Responsive footer */
@media (max-width: 768px) {
    .custom-footer .footer-content {
        flex-direction: column;
        gap: 30px;
    }

    .custom-footer .payment-icons {
        flex-wrap: wrap;
    }

    .custom-footer .payment-icons img {
        max-width: 50px;
    }
}

/* Zahlarten page - inline payment icons - Added 2026-02-07 */
.payment-icons-inline {
    display: flex !important;
    gap: 10px !important;
    align-items: center !important;
    margin-bottom: 15px !important;
}

.payment-icons-inline img {
    height: 30px !important;
    width: auto !important;
    display: inline-block !important;
}

/* Align 'Ihre Bestellung' heading to the left on checkout - Added 2026-02-07 */
#order_review_heading,
h3#order_review_heading,
.wc-gzd-heading-moved#order_review_heading {
    width: 100% !important;
    text-align: left !important;
    display: block !important;
    margin-left: 0 !important;
    padding-left: 0 !important;
}

/* Hide FAQ helpful rating section - Added 2026-02-11 */
.ewd-ufaq-ratings,
.ewd-ufaq-ratings-label,
.ewd-ufaq-rating-button,
.ewd-ufaq-up-vote, .ewd-ufaq-down-vote {
    display: none !important;
}


/* Hide FAQ ratings section (correct selector) - Added 2026-02-11 */
.ewd-ufaq-ratings {
    display: none !important;
}