.neuroon-widget-wrapper {
position: relative;
width: 100%;
min-height: 50px;
}
.neuroon-widget-wrapper:not(.neuroon-initialized):empty::before {
content: '';
display: block;
height: 50px;
background: linear-gradient(90deg, #ecfeff 25%, #cffafe 50%, #ecfeff 75%);
background-size: 200% 100%;
animation: neuroon-skeleton 1.5s ease-in-out infinite;
border-radius: 8px;
}
@keyframes neuroon-skeleton {
0% { background-position: 200% 0; }
100% { background-position: -200% 0; }
}
.neuroon-layout-full {
max-width: 100%;
}
.neuroon-layout-compact {
max-width: 600px;
}
.neuroon-layout-minimal {
max-width: 400px;
}
.neuroon-layout-icon {
max-width: 50px;
} .neuroon-widget-wrapper.neuroon-center {
margin-left: auto;
margin-right: auto;
} @media (max-width: 768px) {
.neuroon-layout-full {
max-width: 100%;
padding: 0 10px;
}
.neuroon-layout-compact {
max-width: 100%;
padding: 0 10px;
}
.neuroon-layout-minimal {
max-width: 100%;
padding: 0 10px;
}
} @media (max-width: 480px) {
.neuroon-widget-wrapper {
padding: 0;
}
.neuroon-layout-full,
.neuroon-layout-compact,
.neuroon-layout-minimal {
max-width: 100%;
padding: 0 5px;
}
.neuroon-layout-icon {
max-width: 44px; } .neuroon-menu-widget {
max-width: 100% !important;
} .neuroon-widget-wrapper:not(.neuroon-initialized):empty::before {
height: 44px;
border-radius: 6px;
}
} @media (max-width: 320px) {
.neuroon-layout-full,
.neuroon-layout-compact,
.neuroon-layout-minimal {
padding: 0;
}
.neuroon-layout-icon {
max-width: 40px;
}
}  .neuroon-seamless-replacement,
.neuroon-seamless-js {
width: auto;
min-height: 0;
min-width: 0;
margin: 0;
padding: 0;
flex: 1 1 auto;
box-sizing: border-box;
} .neuroon-seamless-replacement:not(.neuroon-initialized):empty::before,
.neuroon-seamless-js:not(.neuroon-initialized):empty::before {
height: 36px;
min-height: 0;
border-radius: 4px;
} .is-layout-constrained > .neuroon-seamless-replacement,
.is-layout-constrained > .neuroon-seamless-js {
width: 100%;
max-width: var(--wp--style--global--content-size, 100%);
margin-left: auto;
margin-right: auto;
flex: none;
} @media (max-width: 768px) {
.neuroon-seamless-replacement,
.neuroon-seamless-js {
padding: 0;
}
}
@media (max-width: 480px) {
.neuroon-seamless-replacement,
.neuroon-seamless-js {
padding: 0;
}
.neuroon-seamless-replacement:not(.neuroon-initialized):empty::before,
.neuroon-seamless-js:not(.neuroon-initialized):empty::before {
height: 36px;
}
} @media print {
.neuroon-widget-wrapper {
display: none;
}
}
.neuroon-widget-notice,
.neuroon-widget-error {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 14px;
line-height: 1.5;
padding: 16px 20px;
border-radius: 4px;
margin: 10px 0;
}
.neuroon-widget-notice {
background: #f0f6fc;
border: 1px solid #c3c4c7;
}
.neuroon-widget-notice a {
color: #0073aa;
text-decoration: underline;
}
.neuroon-widget-notice a:hover {
color: #005177;
}
.neuroon-widget-error {
background: #f8d7da;
border: 1px solid #f5c6cb;
} .neuroon-fallback-container {
max-width: 320px;
margin: 20px auto;
padding: 24px 20px;
text-align: center;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
border: 1px solid #e2e8f0;
border-radius: 12px;
color: #475569;
}
.neuroon-fallback-icon {
width: 48px;
height: 48px;
margin: 0 auto 12px;
background: #e2e8f0;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
}
.neuroon-fallback-icon svg {
width: 24px;
height: 24px;
stroke: #64748b;
fill: none;
}
.neuroon-fallback-title {
margin: 0 0 8px;
font-size: 16px;
font-weight: 600;
color: #334155;
}
.neuroon-fallback-description {
margin: 0 0 16px;
font-size: 14px;
color: #64748b;
line-height: 1.5;
}
.neuroon-fallback-button {
padding: 10px 20px;
font-size: 14px;
font-weight: 500;
color: #fff;
background: #0e7490;
border: none;
border-radius: 8px;
cursor: pointer;
transition: background 0.2s ease;
}
.neuroon-fallback-button:hover,
.neuroon-fallback-button:focus {
background: #0e7490;
}
.neuroon-fallback-button:focus-visible {
outline: 2px solid #0e7490;
outline-offset: 2px;
}
@media (prefers-reduced-motion: reduce) {
.neuroon-widget-wrapper:not(.neuroon-initialized):empty::before {
animation: none;
background: #ecfeff;
}
}