.notifal-layout-selector{padding:20px;text-align:center}.notifal-layout-options{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));justify-content:center;margin-left:auto;margin-right:auto;margin-top:20px;max-width:600px;padding:10px}.notifal-layout-button{align-items:center;border:1px solid transparent;border-radius:6px;cursor:pointer;display:flex;flex-direction:column;margin:2px;min-width:120px;padding:12px 8px;position:relative;transition:all .2s ease;width:100%}.notifal-layout-button:hover{background-color:rgba(0,124,186,.05);border-color:#007cba;box-shadow:0 2px 6px rgba(0,0,0,.15);position:relative;transform:translateY(-1px);z-index:1}.notifal-layout-button:focus{border-color:#007cba;outline:2px solid #007cba;outline-offset:2px}.notifal-layout-icon{background:#f0f0f0;border:1px solid #ccc;display:block;height:40px;padding:12px;width:60px}.notifal-layout-50-50 .notifal-layout-icon{background:linear-gradient(90deg,#e0e0e0 50%,#f0f0f0 0)}.notifal-layout-25-75 .notifal-layout-icon{background:linear-gradient(90deg,#e0e0e0 25%,#f0f0f0 0)}.notifal-layout-30-70 .notifal-layout-icon{background:linear-gradient(90deg,#e0e0e0 30%,#f0f0f0 0)}.notifal-layout-70-30 .notifal-layout-icon{background:linear-gradient(90deg,#e0e0e0 70%,#f0f0f0 0)}.notifal-layout-75-25 .notifal-layout-icon{background:linear-gradient(90deg,#e0e0e0 75%,#f0f0f0 0)}.notifal-layout-33-33-33 .notifal-layout-icon{background:linear-gradient(90deg,#e0e0e0 33.33%,#f0f0f0 0,#f0f0f0 66.66%,#e0e0e0 0)}.notifal-layout-single-row .notifal-layout-icon{background:#e0e0e0;border:2px solid #ccc;border-radius:4px}.notifal-layout-group .notifal-layout-icon{background:#f0f0f0;border:2px dashed #ccc;border-radius:4px}.notifal-layout-empty .notifal-layout-icon{background:#fff;border:2px dotted #ccc;border-radius:4px;position:relative}.notifal-layout-empty .notifal-layout-icon:after{color:#ccc;content:"+";font-size:18px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.notifal-layout-label{color:#1e1e1e;font-size:12px;font-weight:500;line-height:1.3;margin-top:8px;text-align:center}.notifal-template-container{display:block;margin:auto;width:100%}.notifal-template-container.notifal-layout-30-70,.notifal-template-container.notifal-layout-33-33-33,.notifal-template-container.notifal-layout-50-50,.notifal-template-container.notifal-layout-70-30{display:flex}.notifal-template-container>.wp-block-cover,.notifal-template-container>.wp-block-group,.notifal-template-container>.wp-block-media-text{width:100%}.notifal-template-container .wp-block-columns{max-width:none!important;width:100%!important}.notifal-template-container .wp-block-column{min-width:0}.notifal-template-container .wp-block-column:not([style*=width]):not([class*=has-]){flex:1}.notifal-template-container .wp-block-columns>.wp-block-column{margin-left:0!important;margin-right:0!important}.notifal-template-container .wp-block-column:hover{border-color:#007cba}.notifal-empty-column{background:hsla(0,0%,100%,.5)!important;border:none!important;border-radius:4px!important;min-height:80px!important;position:relative!important}.notifal-empty-column .block-editor-inserter{align-items:center!important;display:flex!important;height:60px!important;justify-content:center!important;opacity:1!important;visibility:visible!important}.notifal-empty-column .block-list-appender{display:block!important;opacity:1!important;visibility:visible!important}.notifal-empty-column .components-button.block-editor-button-block-appender,.notifal-empty-column.block-editor-block-list__block.is-selected>.block-list-appender:only-child .block-editor-inserter,.notifal-empty-column.block-editor-block-list__block:not(.is-selected)>.block-list-appender:only-child .block-editor-inserter,.notifal-empty-column.is-layout-constrained.block-editor-block-list__block:not(.is-selected)>.block-list-appender:only-child .block-editor-inserter,.notifal-empty-column.is-layout-flow.block-editor-block-list__block:not(.is-selected)>.block-list-appender:only-child .block-editor-inserter{display:flex!important;opacity:1!important;visibility:visible!important}.notifal-template-container .is-layout-flow.block-editor-block-list__block:not(.is-selected)>.block-list-appender{width:100%}.screen-reader-text{clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;position:absolute;width:1px;word-wrap:normal!important}.block-editor-block-types-list__item[data-type*="notifal/"]:after,.block-editor-inserter__item[data-type*="notifal/"]:after,.block-editor-inserter__preview-container .block-editor-block-preview__content[data-type*="notifal/"]:not(.is-root-container):after{align-items:center;background:#e74c3c;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2);color:#fff;content:"";content:"\e900";display:flex;font-family:notifal-icon!important;font-size:10px;height:18px;justify-content:center;line-height:1;position:absolute;right:8px;top:8px;width:18px;z-index:999}.block-editor-block-types-list__item[data-type*="notifal/"],.block-editor-inserter__item[data-type*="notifal/"],.block-editor-inserter__preview-container .block-editor-block-preview__content[data-type*="notifal/"]:not(.is-root-container){position:relative!important}.block-editor-block-card[data-title*="Action Button"]:after,.block-editor-block-card[data-title*="Close Icon"]:after,.block-editor-block-card[data-title*="Product Image"]:after,.block-editor-block-card[data-title*="Template Container"]:after{align-items:center;background:#e74c3c;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2);color:#fff;content:"";content:"\e900";display:flex;font-family:notifal-icon!important;font-size:10px;height:18px;justify-content:center;line-height:1;position:absolute;right:8px;top:8px;width:18px;z-index:999}.block-editor-block-card[data-title*="Action Button"],.block-editor-block-card[data-title*="Close Icon"],.block-editor-block-card[data-title*="Product Image"],.block-editor-block-card[data-title*="Template Container"]{position:relative!important}.block-editor-block-types-list .block-editor-block-types-list__list-item .block-editor-block-types-list__item .block-editor-block-types-list__item-icon[class*=notifal-]:after,.components-panel__body .block-editor-inserter__block-list .block-editor-block-types-list__item[data-type*="notifal/"] .block-editor-block-types-list__item-icon:after{align-items:center;background:#e74c3c;border-radius:50%;box-shadow:0 1px 3px rgba(0,0,0,.3);color:#fff;content:"";content:"\e900";display:flex;font-family:notifal-icon!important;font-size:8px;height:14px;justify-content:center;line-height:1;position:absolute;right:-2px;top:-2px;width:14px;z-index:999}.block-editor-block-types-list .block-editor-block-types-list__list-item .block-editor-block-types-list__item .block-editor-block-types-list__item-icon[class*=notifal-],.components-panel__body .block-editor-inserter__block-list .block-editor-block-types-list__item[data-type*="notifal/"] .block-editor-block-types-list__item-icon{position:relative!important}.block-editor-inserter__preview .block-editor-block-preview__content .wp-block[data-type*="notifal/"]:after{align-items:center;background:#e74c3c;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2);color:#fff;content:"";content:"\e900";display:flex;font-family:notifal-icon!important;font-size:9px;height:16px;justify-content:center;line-height:1;position:absolute;right:4px;top:4px;width:16px;z-index:999}.block-editor-inserter__preview .block-editor-block-preview__content .wp-block[data-type*="notifal/"]{position:relative!important}
.notifal-featured-image-block{text-align:center}.notifal-featured-image-block img{display:block;height:auto;max-width:100%}.notifal-featured-image-block.force-transparent img{mix-blend-mode:multiply}
.notifal-action-button-block{margin:10px 0;width:100%}.notifal-action-button-block .notifal-action-button{border:none;box-sizing:border-box;outline:none;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.notifal-action-button-block .notifal-action-button:hover{transform:none!important}.notifal-action-button-block .notifal-action-button:focus{outline:2px solid #007cba;outline-offset:2px}.notifal-action-button-block .notifal-action-button-text{background:transparent;border:none;color:inherit;display:inline;font:inherit;margin:0;outline:none;padding:0}.notifal-action-button-block .notifal-action-button-text:focus{outline:1px dashed hsla(0,0%,100%,.7);outline-offset:2px}.notifal-action-button-block .notifal-action-button i{align-items:center;display:inline-flex;flex-shrink:0;line-height:1}.components-panel__body .components-color-palette{margin:8px 0}.components-panel__body .components-base-control__label{font-weight:500;margin-bottom:4px}.components-panel__row button[aria-label*=Lock],.components-panel__row button[aria-label*=Unlock]{border-radius:2px;height:30px;min-width:auto;padding:4px}.components-panel__body div[style*="display: flex"] .components-number-control{flex:1}.components-panel__body div[style*="display: flex"] .components-number-control .components-number-control__input{font-size:12px;text-align:center}@media (max-width:768px){.notifal-action-button-block .notifal-action-button{font-size:14px;padding:8px 16px}}@media (prefers-contrast:high){.notifal-action-button-block .notifal-action-button:focus{outline:3px solid;outline-offset:2px}.notifal-action-button-block .notifal-action-button-text:focus{outline:2px solid;outline-offset:1px}}@media (prefers-reduced-motion:reduce){.notifal-action-button-block .notifal-action-button{transition:none}}
.notifal-close-icon-block{display:block;width:100%}.notifal-close-icon-wrapper{align-items:center;display:flex;justify-content:flex-end}.notifal-close{align-items:center;background:none;border:none;cursor:pointer;display:inline-flex;justify-content:center;margin:0;padding:0;transition:all .3s ease}.notifal-close:hover{transform:scale(1.1)}.notifal-close svg{fill:currentColor;height:100%;width:100%}.notifal-close i{font-size:inherit;line-height:1}.notifal-close-icon-block .block-editor-block-list__block{margin:0;padding:0}
.notifal-icon-block{display:block;width:100%}.notifal-icon-wrapper{display:flex}.notifal-icon,.notifal-icon-wrapper{align-items:center;justify-content:center}.notifal-icon{box-sizing:content-box;display:inline-flex;transition:all .3s ease}.notifal-icon svg{fill:currentColor;height:100%;width:100%}.notifal-icon-block .block-editor-block-list__block{margin:0;padding:0}