/* ACO Embed-Facades (Phase 3) - eigenstaendige Facade-Boxen (kein .aco-iframe-overlay). */

.aco-embed-facade {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 220px;
    padding: 24px;
    background: #f4f5f7;
    border: 1px solid #dcdfe4;
    border-radius: 0;
    box-sizing: border-box;
    cursor: default;
}

.aco-embed-facade-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    max-width: 440px;
    text-align: center;
}

.aco-embed-facade-inner h4 {
    margin: 0;
    font-size: 17px;
    font-weight: 600;
    color: #1f2328;
}

.aco-embed-facade-inner p {
    margin: 0;
    font-size: 13px;
    line-height: 1.55;
    color: #57606a;
}

.aco-embed-badge {
    display: inline-block;
    padding: 3px 10px;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #2c333a;
    background: #e7eaee;
    border: 1px solid #d0d7de;
    border-radius: 999px;
}

.aco-embed-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
    margin-top: 6px;
}

.aco-embed-actions button {
    font-family: inherit;
    font-size: 13px;
    cursor: pointer;
    border-radius: 6px;
    padding: 10px 16px;
    transition: background 0.25s, border-color 0.25s;
}

.aco-embed-accept-btn {
    color: #fff;
    background: #4CAF50;
    border: none;
}

.aco-embed-accept-btn:hover {
    background: #45a049;
}

.aco-embed-single-btn,
.aco-embed-settings-btn {
    color: #2c333a;
    background: #fff;
    border: 1px solid #d0d7de;
}

.aco-embed-single-btn:hover,
.aco-embed-settings-btn:hover {
    background: #f3f4f6;
    border-color: #afb8c1;
}

iframe.aco-embed-loaded {
    border: 0;
}

@media (max-width: 480px) {
    .aco-embed-actions {
        flex-direction: column;
        align-items: stretch;
        width: 100%;
    }
}

/* === ACO THEME-ISOLATION (2.10.2) - schuetzt ACO-Design vor Theme-CSS (z.B. Elementor-Kit). === */
.aco-embed-facade {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
	text-align: left !important;
}
.aco-embed-facade :is(h1, h2, h3, h4, h5, h6, p, span, a, button, li, div) {
	text-transform: none !important;
	letter-spacing: normal !important;
	font-style: normal !important;
}
.aco-embed-facade { display: flex !important; align-items: center !important; justify-content: center !important; min-height: 220px !important; padding: 24px !important; background: #f4f5f7 !important; border: 1px solid #dcdfe4 !important; border-radius: 0 !important; box-sizing: border-box !important; cursor: default !important; }
:is(.aco-embed-facade) .aco-embed-facade-inner { display: flex !important; flex-direction: column !important; align-items: center !important; gap: 10px !important; max-width: 440px !important; text-align: center !important; }
:is(.aco-embed-facade) .aco-embed-facade-inner h4 { margin: 0 !important; font-size: 17px !important; font-weight: 600 !important; color: #1f2328 !important; }
:is(.aco-embed-facade) .aco-embed-facade-inner p { margin: 0 !important; font-size: 13px !important; line-height: 1.55 !important; color: #57606a !important; }
:is(.aco-embed-facade) .aco-embed-badge { display: inline-block !important; padding: 3px 10px !important; font-size: 11px !important; font-weight: 600 !important; letter-spacing: 0.04em !important; text-transform: uppercase !important; color: #2c333a !important; background: #e7eaee !important; border: 1px solid #d0d7de !important; border-radius: 999px !important; }
:is(.aco-embed-facade) .aco-embed-actions { display: flex !important; flex-wrap: wrap !important; justify-content: center !important; gap: 8px !important; margin-top: 6px !important; }
:is(.aco-embed-facade) .aco-embed-actions button { font-family: inherit !important; font-size: 13px !important; cursor: pointer !important; border-radius: 6px !important; padding: 10px 16px !important; transition: background 0.25s, border-color 0.25s !important; }
:is(.aco-embed-facade) .aco-embed-accept-btn { color: #fff !important; background: #4CAF50 !important; border: none !important; }
:is(.aco-embed-facade) .aco-embed-accept-btn:hover { background: #45a049 !important; }
:is(.aco-embed-facade) .aco-embed-single-btn, :is(.aco-embed-facade) .aco-embed-settings-btn { color: #2c333a !important; background: #fff !important; border: 1px solid #d0d7de !important; }
:is(.aco-embed-facade) .aco-embed-single-btn:hover, :is(.aco-embed-facade) .aco-embed-settings-btn:hover { background: #f3f4f6 !important; border-color: #afb8c1 !important; }
:is(.aco-embed-facade) .aco-embed-actions { flex-direction: column !important; align-items: stretch !important; width: 100% !important; }