/* =========================================
   0. RESET & BASIS
   ========================================= */
form.cart .variations { visibility: visible !important; position: relative !important; left: auto !important; top: auto !important; height: auto !important; width: 100% !important; overflow: visible !important; margin-bottom: 20px !important; display: table !important; }
#aio-move-variations-here table.variations { display: table !important; width: 100% !important; margin: 0 !important; border: none !important; }
#aio-move-variations-here table.variations tr { display: block !important; width: 100% !important; }
#aio-move-variations-here table.variations td { display: block !important; width: 100% !important; padding: 8px 0 !important; border: none !important; text-align: left !important; }
#aio-move-variations-here table.variations label { font-weight: 700; margin-bottom: 8px; display: block; color: #333 !important; text-transform: uppercase; font-size: 13px; }
#aio-move-variations-here select, #aio-move-variations-here select option { width: 100% !important; padding: 12px !important; border: 1px solid #ccc !important; border-radius: 4px !important; background-color: #fff !important; color: #333 !important; display: block !important; height: auto !important; }
.aio-wizard-container:empty { display: none !important; }
form.cart .single_variation_wrap .woocommerce-variation.single_variation, .woocommerce-variation-price, .woocommerce-variation-availability, .woocommerce-variation-description, body.single-product div.summary p.price, body.single-product div.summary span.price, form.cart > h3, form.cart > h4 { display: none !important; }
#aio-wizard h3, #aio-wizard h4, .aio-summary-card h3, .aio-summary-card h4, .aio-sc-title { display: block !important; }

/* Blocksy / Germanized: Standard-Icons in Badges verbergen */
.ct-product-badge svg, .ct-product-badge i, .onsale svg, .onsale i, .badge svg, .badge i, .product-badge .wc-block-components-product-badge__icon { display: none !important; }

/* =========================================
   1. WIZARD STYLES (ORIGINAL PRODUKTSEITE)
   ========================================= */
.aio-wizard-wrapper, .aio-wizard-container { border: 2px solid #46b450; border-radius: 8px; padding: 25px; background: #fff; margin-bottom: 30px; box-shadow: 0 4px 15px rgba(0,0,0,0.02); }
.aio-wizard-main-headline { color: #333; margin-top: 0; margin-bottom: 25px; font-weight: 700; font-size: 20px; text-transform: uppercase; border-bottom: 1px solid #eee; padding-bottom: 15px; text-align: left; }
.aio-step { background: #fff; border: 1px solid #46b450; border-radius: 6px; margin-bottom: 15px; overflow: hidden; box-shadow: 0 2px 4px rgba(0,0,0,0.02); transition: all 0.3s ease; }
.aio-step.active { border: 2px solid #46b450; box-shadow: 0 4px 12px rgba(70, 180, 80, 0.15); background: #fff; }
.aio-step-header { padding: 18px 25px; display: flex; align-items: center; justify-content: space-between; cursor: pointer; background: #f9f9f9; border-bottom: 1px solid transparent; border-radius: 6px; user-select: none; }
.aio-step-header:hover { background: #f0f0f0; }
.aio-step.active .aio-step-header { border-bottom: 1px solid #e1e1e1; border-radius: 4px 4px 0 0; background: #f4f4f4; }
.aio-step-left { display: flex; align-items: center; gap: 15px; }
.aio-step-number { width: 34px; height: 34px; border-radius: 50%; background: #ddd; color: #555; font-weight: bold; display: flex; align-items: center; justify-content: center; font-size: 15px; flex-shrink: 0; }
.aio-step.active .aio-step-number, .aio-step.completed .aio-step-number { background: #46b450 !important; color: #fff !important; }
.aio-step-title { font-size: 18px; font-weight: 700; color: #333; margin: 0; }
.aio-step.completed .aio-step-title::after { content: " ✓"; color: #46b450; font-weight: 800; }
.aio-step-summary { font-size: 14px; color: #46b450; margin-right: 15px; text-align: right; font-weight: 700; }
.aio-step.active .aio-step-summary { display: none; }
.aio-step-content { display: none; padding: 25px; background: #fff; border-radius: 0 0 6px 6px; }
.aio-step.active .aio-step-content { display: block; }

/* =========================================
   2. EINHEITLICHE KARTEN (FORMAT, MATERIAL, ZUBEHÖR, DATENCHECK)
   ========================================= */
.aio-visual-grid, .aio-addon-grid { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(calc(50% - 20px), 1fr)) !important; gap: 20px !important; width: 100% !important; box-sizing: border-box !important; margin-top: 15px !important; margin-bottom: 15px !important; }
@media (min-width: 768px) { .aio-visual-grid, .aio-addon-grid { grid-template-columns: repeat(auto-fill, minmax(calc(33.333% - 20px), 1fr)) !important; } }

/* Basis-Design für alle Karten */
.aio-visual-option, .aio-addon-card, .aio-dc-card, .aio-addon-none-card, .aio-dc-none-card { 
    border: 2px solid #e2e8f0 !important; 
    border-radius: 16px !important; 
    cursor: pointer !important; 
    background: #fff !important; 
    position: relative !important; 
    overflow: visible !important; 
    transition: all 0.3s ease !important; 
    display: flex !important; 
    flex-direction: column !important; 
    justify-content: flex-start !important; 
    align-items: stretch !important; 
    height: 100% !important; 
    padding: 0 !important; 
    box-shadow: 0 4px 10px rgba(0,0,0,0.03) !important; 
    box-sizing: border-box !important; 
    aspect-ratio: auto !important; 
}
.aio-visual-option { min-height: 195px !important; }
.aio-addon-card, .aio-dc-card, .aio-addon-none-card, .aio-dc-none-card { min-height: 260px !important; }
.aio-visual-option.aio-vis-text-only { min-height: 100px !important; justify-content: center !important; padding: 20px !important; }
.aio-visual-option.aio-vis-text-only .aio-vis-label { padding: 0 !important; }

/* Hover-Effekt */
.aio-visual-option:hover, .aio-addon-card:hover, .aio-dc-card:hover, .aio-addon-none-card:hover, .aio-dc-none-card:hover { 
    border-color: #cbd5e1 !important; 
    transform: translateY(-4px) !important; 
    box-shadow: 0 10px 20px rgba(0,0,0,0.08) !important; 
}

/* =========================================
   NEU: EINHEITLICHER SELECTED-STATUS FÜR ALLE KARTEN (OHNE HÄKCHEN)
   ========================================= */
#aio-wizard .aio-visual-option.selected, 
#aio-wizard .aio-addon-card.selected, 
#aio-wizard .aio-dc-card.selected, 
#aio-wizard .aio-addon-none-card.selected, 
#aio-wizard .aio-dc-none-card.selected { 
    border: 3px solid #46b450 !important; 
    box-shadow: 0 10px 25px rgba(70,180,80,0.25) !important; 
    background-color: #fff !important; 
    transform: translateY(-4px) !important;
}

/* Verhindert, dass alte Pseudo-Elemente noch auftauchen */
.aio-visual-option.selected::after, 
.aio-addon-card.selected::after, 
.aio-dc-card.selected::after, 
.aio-addon-none-card.selected::after, 
.aio-dc-none-card.selected::after { 
    display: none !important; 
}

/* Inhalte der Karten */
.aio-vis-img-wrap { width: 100% !important; height: 140px !important; flex-shrink: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; background: #f8fafc !important; padding: 0 !important; box-sizing: border-box !important; position: relative !important; border-radius: 14px 14px 0 0 !important; overflow: hidden !important; border-bottom: 1px solid #f1f5f9 !important; }
.aio-vis-img-wrap img { width: 100% !important; height: 100% !important; max-height: none !important; margin: 0 !important; object-fit: cover !important; display: block !important; opacity: 1 !important; filter: none !important; mix-blend-mode: normal !important; background-color: transparent !important; border-radius: 14px 14px 0 0 !important; }
.aio-vis-label { padding: 15px !important; font-size: 15px !important; font-weight: 700 !important; color: #333 !important; line-height: 1.3 !important; background: #fff !important; flex-grow: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; border-radius: 0 0 15px 15px !important; margin-top: auto !important; border-top: none !important; }
.aio-vis-badge { position: absolute !important; top: -12px !important; left: 50% !important; transform: translateX(-50%) !important; right: auto !important; color: #fff; padding: 4px 12px !important; font-size: 11px !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; z-index: 30 !important; border-radius: 6px !important; box-shadow: 0 4px 10px rgba(0,0,0,0.2) !important; border: 1px solid rgba(255,255,255,0.4) !important; width: max-content !important; text-align: center !important; }

/* Info-Icon Footer */
.aio-vis-info-footer { position: absolute !important; right: 10px !important; bottom: 10px !important; z-index: 9999 !important; cursor: pointer !important; width: 32px !important; height: 32px !important; background-color: #fff !important; border-radius: 50% !important; border: 2px solid #2c2870 !important; display: flex !important; align-items: center !important; justify-content: center !important; box-shadow: 0 4px 10px rgba(0,0,0,0.15) !important; transition: all 0.2s ease !important; pointer-events: auto !important; margin: 0 !important; }
.aio-vis-info-footer.aio-vis-info-text-only { top: 10px !important; right: 10px !important; bottom: auto !important; }
.aio-vis-info-footer:hover { transform: scale(1.1) !important; background-color: #2c2870 !important; }
.aio-info-icon-text { color: #2c2870 !important; font-family: Georgia, 'Times New Roman', serif !important; font-style: italic !important; font-size: 18px !important; font-weight: 700 !important; pointer-events: none !important; margin-top: 2px !important; transition: all 0.2s ease !important; }
.aio-vis-info-footer:hover .aio-info-icon-text { color: #fff !important; }

/* =========================================
   3. MODERNE FORM-FELDER
   ========================================= */
.aio-flex-inputs { display: flex; gap: 20px; flex-wrap: wrap; }
.aio-input-group { flex: 1; min-width: 140px; }
.aio-input-group label { display: block; margin-bottom: 8px; font-size: 13px; font-weight: 700; color: #555; text-transform: uppercase; }
.aio-input-group input, .aio-input-group textarea { width: 100% !important; padding: 14px 15px !important; border: 1px solid #e2e8f0 !important; border-radius: 14px !important; box-sizing: border-box !important; -webkit-appearance: none !important; margin: 0 !important; font-size: 15px !important; background: #f8fafc !important; transition: all 0.3s ease !important; box-shadow: 0 2px 6px rgba(0,0,0,0.02) !important; }
.aio-input-group input:focus, .aio-input-group textarea:focus { border-color: #46b450 !important; background: #fff !important; outline: none !important; box-shadow: 0 0 0 3px rgba(70,180,80,0.15) !important; }
.aio-input-group input::-webkit-outer-spin-button, .aio-input-group input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.aio-addon-qty { width: 60px !important; height: 35px !important; border-radius: 6px !important; border: 1px solid #cbd5e1 !important; text-align: center !important; padding: 5px !important; background: #f8fafc !important; font-weight: bold !important; }

/* =========================================
   4. SUMMARY & DATASHEET
   ========================================= */
.aio-summary-card { background: #fdfdfd; border: 1px solid #e5e5e5; border-radius: 8px; padding: 25px; margin-top: 25px; }
.aio-sc-title { font-size: 16px; font-weight: 700; margin: 0 0 15px 0; text-transform: uppercase; border-bottom: 1px solid #eee; padding-bottom: 10px; }
.aio-sc-row { display: flex; justify-content: space-between; font-size: 14px; margin-bottom: 8px; color: #555; }
.aio-sc-row span:last-child { font-weight: 600; color: #333; text-align: right; }
.aio-sc-total-price { font-size: 24px; font-weight: 800; color: #46b450; }
.aio-sc-footer { border-top: 1px solid #eee; padding-top: 20px; margin-top: 15px; display: flex; justify-content: space-between; align-items: center; }
.aio-datasheet-btn { display: inline-flex !important; align-items: center; gap: 12px; background-color: #ffffff; border: 1px solid #bae6fd; border-radius: 6px; padding: 10px 15px; text-decoration: none !important; transition: all 0.2s ease; }
.aio-datasheet-btn:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(3, 105, 161, 0.15); border-color: #0284c7; background-color: #f0f9ff; }
.aio-datasheet-icon { width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; background: #e0f2fe; border-radius: 50%; font-size: 16px; }

/* =========================================
   5. UPLOAD GRID
   ========================================= */
.aio-thank-you-wrapper { max-width: 800px; margin: 20px 0; }
.aio-ty-header h3 { margin-bottom: 10px; color: #333; }
.aio-ty-header p { margin-bottom: 25px; color: #666; }
.aio-upload-rows { display: flex; flex-direction: column; gap: 20px; }
.aio-item-row { border: 1px solid #e1e1e1; border-radius: 8px; background: #fff; overflow: hidden; }
.aio-item-row.status-done { border-color: #46b450; }
.aio-item-header { padding: 15px 20px; background: #f9f9f9; display: flex; align-items: center; gap: 15px; border-bottom: 1px solid #eee; }
.aio-item-row.status-done .aio-item-header { background: #f0fff4; border-bottom-color: #c6e6c6; }
.aio-item-icon { width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; background: #fff; border-radius: 50%; border: 1px solid #ddd; font-size: 16px; }
.aio-item-row.status-done .aio-item-icon { background: #46b450; border-color: #46b450; color: #fff; }
.aio-item-title { font-weight: 700; color: #333; font-size: 15px; }
.aio-split-box { display: flex; flex-wrap: wrap; }
.aio-box-frame { flex: 1; min-width: 280px; padding: 30px; box-sizing: border-box; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.aio-box-upload { border-right: 1px solid #eee; }
.aio-box-preview { background: #fdfdfd; min-height: 250px; }
.b2b-post-checkout-upload { width: 100%; text-align: center; }
.aio-upload-label { font-size: 15px; font-weight: 600; color: #444; margin-bottom: 20px; }
.aio-custom-file-upload { display: inline-flex; align-items: center; gap: 10px; padding: 12px 25px; cursor: pointer; background: #fff; border: 2px dashed #bbb; border-radius: 6px; font-weight: 600; color: #555; transition: all 0.2s ease; }
.aio-custom-file-upload:hover { border-color: #3b82f6 !important; background-color: #f8fafc !important; color: #2563eb !important; }
.aio-custom-file-upload::before { content: "📂"; font-size: 18px; }
.aio-upload-warning { margin: 15px 0; font-size: 12px; color: #888; background: #f5f5f5; padding: 6px 10px; border-radius: 4px; display: inline-block; }
.b2b-upload-btn { width: 100%; padding: 14px; border: none; border-radius: 6px; background: #ddd; color: #fff; font-weight: 700; cursor: not-allowed; transition: 0.3s; margin-top: 15px; text-transform: uppercase; font-size: 13px; letter-spacing: 0.5px; }
.b2b-upload-btn.ready { background: #2563eb !important; cursor: pointer; box-shadow: 0 4px 10px rgba(37, 99, 235, 0.2); }
.b2b-upload-btn.ready:hover { background: #1d4ed8 !important; transform: translateY(-1px); box-shadow: 0 6px 12px rgba(37, 99, 235, 0.3); }
.aio-selected-filename { margin-top: 15px; font-size: 14px; color: #2563eb; font-weight: 600; min-height: 20px; word-break: break-all; }
.aio-progress-container { width: 100%; margin-top: 20px; }
.aio-progress-bar { width: 100%; height: 6px; background: #eee; border-radius: 3px; overflow: hidden; margin-bottom: 8px; }
.aio-progress-fill { width: 0%; height: 100%; background: #2563eb; transition: width 0.3s; }
.aio-progress-text { font-size: 12px; color: #555; font-weight: 500; animation: pulse 1.5s infinite; }
.aio-success-modern { text-align: center; animation: fadeIn 0.5s; width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%; }
.aio-icon-success { width: 60px; height: 60px; background: #46b450; color: #fff; border-radius: 50%; font-size: 30px; display: flex; align-items: center; justify-content: center; margin: 0 auto 15px auto; box-shadow: 0 4px 10px rgba(70,180,80,0.3); }
.aio-success-modern h4 { margin: 0 0 10px 0; font-size: 18px; color: #333; }
.aio-file-tag { display: inline-block; background: #f0f4f8; padding: 6px 12px; border-radius: 4px; color: #555; font-size: 13px; font-family: monospace; border: 1px solid #dce4ea; margin-bottom: 15px; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.aio-delete-btn { background: none; border: none; color: #d63638; font-size: 13px; font-weight: 600; cursor: pointer; text-decoration: underline; padding: 5px 10px; opacity: 0.8; transition: 0.2s; }
.aio-delete-btn:hover { opacity: 1; background: #fff5f5; border-radius: 4px; color: #dc2626 !important; }
.aio-pdf-embed { width: 100%; height: 100%; border: none; }
.aio-preview-placeholder { text-align: center; color: #ccc; }
@keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
@keyframes pulse { 0% { opacity: 0.6; } 50% { opacity: 1; } 100% { opacity: 0.6; } }
@media (max-width: 600px) { .aio-split-box { flex-direction: column; } .aio-box-upload { border-right: none; border-bottom: 1px solid #eee; } }

/* CHECKBOX FIXES */
.woocommerce-checkout .wc-gzd-checkbox-placeholder { border: none !important; padding: 0 !important; margin: 0 !important; }
.woocommerce-checkout .wc-gzd-checkbox-placeholder.validate-required { border: 3px solid #46b450 !important; background-color: #f9f9f9 !important; padding: 20px !important; margin: 15px 0 !important; border-radius: 8px !important; display: block !important; clear: both !important; }
.woocommerce-checkout .wc-gzd-checkbox-placeholder input[type="checkbox"] { display: inline-block !important; visibility: visible !important; opacity: 1 !important; width: 24px !important; height: 24px !important; margin-right: 15px !important; cursor: pointer !important; border: 2px solid #46b450 !important; background-color: #f0fff4 !important; accent-color: #46b450 !important; }
.woocommerce-checkout .wc-gzd-checkbox-placeholder input[type="checkbox"]:checked { background-color: #46b450 !important; border-color: #46b450 !important; }

/* FREE SHIPPING PROGRESS BAR */
.aio-shipping-progress-wrapper { margin-bottom: 25px; padding: 15px; background: #fdfdfd; border: 1px solid #eee; border-radius: 8px; }
.aio-shipping-text { font-size: 15px; color: #333; font-weight: 600; margin-bottom: 10px; line-height: 1.4; }
.aio-progress-track { width: 100%; height: 14px; background-color: #f1f1f1; border-radius: 10px; overflow: hidden; position: relative; box-shadow: inset 0 1px 3px rgba(0,0,0,0.1); }
.aio-progress-bar-striped { height: 100%; background-color: #3e3881; width: 0%; transition: width 0.6s ease; border-radius: 10px; background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 20px 20px; animation: aio-progress-stripe 2s linear infinite; }
@keyframes aio-progress-stripe { 0% { background-position: 0 0; } 100% { background-position: 40px 0; } }

/* =========================================
   6. MODERNES INFO-MODAL
   ========================================= */
.aio-modal { position: fixed !important; z-index: 999999 !important; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.6) !important; display: none; align-items: center; justify-content: center; }
#aio-info-modal .aio-modal-content { background-color: #fff; max-width: 850px !important; width: 90% !important; padding: 40px !important; margin: auto !important; border-radius: 12px !important; border: none !important; box-shadow: 0 10px 40px rgba(0,0,0,0.15) !important; position: relative; max-height: 90vh !important; overflow-y: auto !important; }
#aio-info-modal .aio-close-modal { position: absolute !important; z-index: 99999 !important; top: 15px !important; right: 15px !important; color: #433878 !important; font-size: 32px !important; opacity: 0.7 !important; cursor: pointer !important; width: 40px !important; height: 40px !important; display: flex !important; align-items: center !important; justify-content: center !important; background: #fff !important; border-radius: 50% !important; pointer-events: auto !important; }
#aio-info-modal .aio-close-modal:hover { opacity: 1 !important; background: #f3f4f6 !important; }
#aio-info-modal .aio-modal-title { text-align: left !important; color: #433878 !important; font-size: 24px !important; font-weight: 800 !important; margin: 0 0 25px 0 !important; padding-right: 40px !important; font-family: inherit !important; }
#aio-info-modal .aio-modal-top-grid { display: flex !important; flex-wrap: nowrap !important; align-items: flex-start !important; gap: 40px !important; margin-bottom: 30px !important; }
#aio-info-modal .aio-modal-img-col { flex: 0 0 35% !important; max-width: 300px !important; }
#aio-info-modal .aio-modal-img-col img { width: 100% !important; height: auto !important; border-radius: 12px !important; background: #f8fafc !important; box-shadow: 0 4px 15px rgba(0,0,0,0.06) !important; display: block !important; }
#aio-info-modal .aio-modal-text-col { flex: 1 !important; min-width: 300px !important; font-size: 15px !important; line-height: 1.7 !important; color: #555 !important; }

/* MENGENRABATT HIGHLIGHT */
.aio-tier-row.aio-active-tier { background-color: #e6f4ea !important; border-left: 4px solid #46b450; transition: background 0.3s ease; }
.aio-tier-row.aio-active-tier td { font-weight: 700 !important; color: #166534 !important; }

@media (max-width: 768px) { #aio-info-modal .aio-modal-top-grid { flex-wrap: wrap !important; } #aio-info-modal .aio-modal-img-col { flex: 0 0 100% !important; max-width: 100% !important; } }

/* =========================================
   KOMPLETTE DANKE-SEITE: Hellblaues Design für alle Boxen
   ========================================= */

ul.order_details {
    background-color: #e8f4fd !important;
    border: 1px solid #bde0fe !important;
    border-radius: 12px !important;
    padding: 25px !important;
}

.woocommerce-order-details table.shop_table {
    background-color: #e8f4fd !important;
    border: 1px solid #bde0fe !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
}

.woocommerce-order-details table.shop_table th,
.woocommerce-order-details table.shop_table td {
    background-color: #e8f4fd !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: 1px solid #bde0fe !important;
    padding: 15px 25px !important;
}

/* Fallback für generelle Shop-Tabellen Pufferung */
.woocommerce-checkout-review-order-table th.product-name, 
.woocommerce-checkout-review-order-table td.product-name, 
.woocommerce-checkout-review-order-table th.product-total, 
.woocommerce-checkout-review-order-table td.product-total, 
.woocommerce-order-details .shop_table th, 
.woocommerce-order-details .shop_table td { 
    padding-left: 25px !important; 
    padding-right: 25px !important; 
}

/* Zebrastreifen vom Theme strikt überschreiben */
.woocommerce-order-details table.shop_table tbody tr:nth-child(2n) td, 
.woocommerce-order-details table.shop_table tbody tr:nth-child(2n) th,
.woocommerce-order-details table.shop_table tbody tr:nth-child(odd) td, 
.woocommerce-order-details table.shop_table tbody tr:nth-child(odd) th {
    background-color: #e8f4fd !important;
}

/* Letzte Zeile der Tabelle: Rahmen unten entfernen */
.woocommerce-order-details table.shop_table tfoot tr:last-child th,
.woocommerce-order-details table.shop_table tfoot tr:last-child td,
.woocommerce-order-details table.shop_table tbody tr:last-child td {
    border-bottom: none !important;
}

.woocommerce-customer-details .woocommerce-column {
    background-color: #e8f4fd !important;
    border: 1px solid #bde0fe !important;
    border-radius: 12px !important;
    padding: 25px !important;
    margin-bottom: 20px !important;
}

.woocommerce-customer-details .woocommerce-column address,
.woocommerce-customer-details > address {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-bottom: 0 !important;
    box-shadow: none !important;
}

.woocommerce-customer-details > address {
    background-color: #e8f4fd !important;
    border: 1px solid #bde0fe !important;
    border-radius: 12px !important;
    padding: 25px !important;
}

/* =========================================
   PRODUCT TABS WIEDERHERGESTELLT AUS ORIGINAL
   ========================================= */
.woocommerce div.product .woocommerce-tabs { margin-top: 40px; border: none !important; }
.woocommerce div.product .woocommerce-tabs ul.tabs { margin: 0 !important; padding: 0 !important; border: none !important; display: flex !important; gap: 5px !important; background: transparent !important; }
.woocommerce div.product .woocommerce-tabs ul.tabs::before, .woocommerce div.product .woocommerce-tabs ul.tabs::after { display: none !important; }
.woocommerce div.product .woocommerce-tabs ul.tabs li { background: #e6e6e6 !important; border: none !important; box-shadow: none !important; border-radius: 6px 6px 0 0 !important; margin: 0 5px 0 0 !important; padding: 0 !important; position: relative; top: 1px; }
.woocommerce div.product .woocommerce-tabs ul.tabs li::before, .woocommerce div.product .woocommerce-tabs ul.tabs li::after { display: none !important; border: none !important; box-shadow: none !important; }
.woocommerce div.product .woocommerce-tabs ul.tabs li a { padding: 15px 30px !important; color: #555 !important; font-weight: 600 !important; font-size: 15px !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; display: block !important; text-decoration: none !important; transition: all 0.2s ease !important; border: none !important; }
.woocommerce div.product .woocommerce-tabs ul.tabs li:hover { background: #f5f5f5 !important; }
.woocommerce div.product .woocommerce-tabs ul.tabs li:hover a { color: #333 !important; }
.woocommerce div.product .woocommerce-tabs ul.tabs li.active { background: #f0fff4 !important; border: none !important; box-shadow: none !important; z-index: 2; border-radius: 6px 6px 0 0 !important; padding-left: 20px !important; }
.woocommerce div.product .woocommerce-tabs ul.tabs li.active::before { content: "" !important; display: block !important; position: absolute !important; left: 0 !important; top: 50% !important; transform: translateY(-50%) !important; width: 0 !important; height: 0 !important; border-style: solid !important; border-width: 8px 0 8px 10px !important; border-color: transparent transparent transparent #46b450 !important; background: none !important; box-shadow: none !important; z-index: 5; }
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a { color: #333 !important; font-weight: 700 !important; }
.woocommerce div.product .woocommerce-tabs .panel { background: #fff !important; border: 1px solid #eee !important; border-radius: 0 6px 6px 6px !important; box-shadow: 0 5px 20px rgba(0,0,0,0.03) !important; padding: 30px !important; margin-top: 0 !important; }
.aio-custom-tab-content { font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important; line-height: 1.65 !important; color: #444 !important; font-size: 16px !important; }
.aio-custom-tab-content h1, .aio-custom-tab-content h2, .aio-custom-tab-content h3 { margin-top: 0; margin-bottom: 20px; color: #333; font-weight: 700; line-height: 1.3; }
.aio-custom-tab-content p { margin-bottom: 15px !important; font-size: 16px !important; }
.aio-custom-tab-content ul { margin: 20px 0 20px 20px !important; list-style: none !important; }
.aio-custom-tab-content ul li { position: relative !important; padding-left: 20px !important; margin-bottom: 10px !important; }
.aio-custom-tab-content ul li::before { content: "•"; color: #46b450; font-weight: bold; font-size: 18px; position: absolute; left: 0; top: -2px; }

/* =========================================
   7. FRONTEND SHOP-BADGES (Oben Rechts platziert)
   ========================================= */

.aio-custom-badge {
    position: absolute !important;
    top: 15px !important;
    right: 15px !important;
    left: auto !important;  
    color: #fff !important;
    padding: 6px 12px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    border-radius: 4px !important;
    z-index: 100 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.15) !important;
    pointer-events: none !important;
    display: inline-block !important;
}

/* Badge auf der Startseite / Kategorieseite (etwas kleiner) */
ul.products li.product .aio-custom-badge,
.wc-block-grid__product .aio-custom-badge {
    padding: 4px 8px !important;
    font-size: 11px !important;
    top: 10px !important;
    right: 10px !important;
    left: auto !important;
}

/* =========================================
   8. DATENBLATT BUTTONS (Weißer Rahmen)
   ========================================= */
.aio-datasheet-btn-subtle {
    display: inline-flex !important;
    align-items: center;
    gap: 8px;
    background-color: #ffffff;
    border: 2px solid #ffffff;
    border-radius: 6px;
    padding: 8px 12px;
    text-decoration: none !important;
    color: #0369a1;
    font-size: 14px;
    font-weight: 600;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
    transition: all 0.2s ease;
}

.aio-datasheet-btn-subtle:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}

.aio-addon-next-btn:hover {
    background-color: #3aa042 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 15px rgba(70,180,80,0.3) !important;
}