/* Ezzat Floating Icons PRO 2.5: shared label styles for frontend and admin previews.
   Native CSS; no image assets, external fonts or runtime dependencies. */
.cwfi-label-shape-pill{border-radius:999px}
.cwfi-label-shape-rounded{border-radius:12px}
.cwfi-label-shape-square{border-radius:0}
.cwfi-label-shape-oval{border-radius:50% / 90%}
.cwfi-label-shape-soft{border-radius:26px 8px 24px 10px / 15px 24px 12px 22px}
.cwfi-label-shape-leaf{border-radius:28px 3px 28px 3px}
.cwfi-label-shape-opposite{border-radius:4px 26px 4px 26px}
.cwfi-label-shape-arc{border-radius:50% 5px 5px 50% / 90% 5px 5px 90%}
.cwfi-label-on-right .cwfi-label-shape-arc{border-radius:5px 50% 50% 5px / 5px 90% 90% 5px}

/* Cutout shapes reserve a little extra room for text at their corners. */
.cwfi-label-shape-bevel,
.cwfi-label-shape-hexagon,
.cwfi-label-shape-arrow,
.cwfi-label-shape-tag,
.cwfi-label-shape-ribbon,
.cwfi-label-shape-ticket,
.cwfi-label-shape-slant,
.cwfi-label-shape-shield{border-radius:0!important;padding-inline:max(18px,var(--cwfi-label-padding,14px))}
.cwfi-label-shape-bevel{clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px),0 12px)}
.cwfi-label-shape-hexagon{clip-path:polygon(13px 0,calc(100% - 13px) 0,100% 50%,calc(100% - 13px) 100%,13px 100%,0 50%)}
.cwfi-label-shape-arrow{clip-path:polygon(0 0,calc(100% - 14px) 0,100% 50%,calc(100% - 14px) 100%,0 100%,10px 50%)}
.cwfi-label-on-right .cwfi-label-shape-arrow{clip-path:polygon(14px 0,100% 0,calc(100% - 10px) 50%,100% 100%,14px 100%,0 50%)}
.cwfi-label-shape-tag{clip-path:polygon(0 0,calc(100% - 15px) 0,100% 50%,calc(100% - 15px) 100%,0 100%)}
.cwfi-label-on-right .cwfi-label-shape-tag{clip-path:polygon(15px 0,100% 0,100% 100%,15px 100%,0 50%)}
.cwfi-label-shape-ribbon{clip-path:polygon(0 0,100% 0,calc(100% - 12px) 50%,100% 100%,0 100%,12px 50%)}
.cwfi-label-shape-ticket{clip-path:polygon(0 0,100% 0,100% 35%,calc(100% - 11px) 50%,100% 65%,100% 100%,0 100%,0 65%,11px 50%,0 35%)}
.cwfi-label-shape-slant{clip-path:polygon(14px 0,100% 0,calc(100% - 14px) 100%,0 100%)}
.cwfi-label-shape-shield{clip-path:polygon(0 0,100% 0,100% 78%,50% 100%,0 78%);padding-bottom:9px}

/* Callouts, folds, frames and patterned styles. */
.cwfi-label-shape-bubble{border-radius:15px!important;overflow:visible!important}
.cwfi-label-shape-bubble:after{content:"";position:absolute;bottom:-9px;left:20px;width:17px;height:11px;background:var(--cwfi-label-background,#178b57);clip-path:polygon(0 0,100% 0,35% 100%);pointer-events:none}
.cwfi-label-on-right .cwfi-label-shape-bubble:after{left:auto;right:20px;transform:scaleX(-1)}
.cwfi-label-bg-transparent.cwfi-label-shape-bubble:after{display:none}
.cwfi-label-shape-folded{border-radius:7px 18px 7px 7px;overflow:hidden}
.cwfi-label-shape-folded:after{content:"";position:absolute;top:0;right:0;width:18px;height:18px;background:linear-gradient(45deg,rgba(255,255,255,.08) 49%,rgba(255,255,255,.5) 50%);clip-path:polygon(0 0,100% 100%,100% 0);pointer-events:none}
.cwfi-label-on-right .cwfi-label-shape-folded{border-radius:18px 7px 7px 7px}
.cwfi-label-on-right .cwfi-label-shape-folded:after{right:auto;left:0;transform:scaleX(-1)}
.cwfi-label-shape-outline{border-radius:999px;border:2px solid var(--cwfi-label-background,#178b57);background:color-mix(in srgb,var(--cwfi-label-background,#178b57) 32%,transparent)!important}
.cwfi-label-shape-double{border-radius:12px;border:4px double rgba(255,255,255,.72)}
.cwfi-label-shape-dashed{border-radius:9px;border:2px dashed rgba(255,255,255,.82)}
.cwfi-label-shape-glass{border-radius:18px;background:color-mix(in srgb,var(--cwfi-label-background,#178b57) 68%,transparent)!important;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);border:1px solid rgba(255,255,255,.42)}
.cwfi-label-shape-gradient{border-radius:13px;background:linear-gradient(120deg,var(--cwfi-label-background,#178b57),color-mix(in srgb,var(--cwfi-label-background,#178b57) 55%,#111827))!important}
.cwfi-label-shape-neon{border-radius:999px;border:1px solid rgba(255,255,255,.75);box-shadow:0 0 0 2px color-mix(in srgb,var(--cwfi-label-background,#178b57) 65%,transparent),0 0 15px color-mix(in srgb,var(--cwfi-label-background,#178b57) 65%,transparent)!important}
.cwfi-label-shape-stripe{border-radius:10px;background:repeating-linear-gradient(135deg,transparent 0,transparent 11px,rgba(255,255,255,.13) 11px,rgba(255,255,255,.13) 18px),var(--cwfi-label-background,#178b57)!important}
.cwfi-label-shape-underline{border-radius:10px 10px 2px 2px;border-bottom:5px solid rgba(255,255,255,.85)}

/* Transparency remains authoritative when enabled; decorative effects still use outline/borders. */
.cwfi-label-bg-transparent.cwfi-label-shape-outline,
.cwfi-label-bg-transparent.cwfi-label-shape-glass,
.cwfi-label-bg-transparent.cwfi-label-shape-gradient,
.cwfi-label-bg-transparent.cwfi-label-shape-stripe{background:transparent!important}

/* Preview gallery styling is scoped to wp-admin, never loaded on visitors' pages. */
.cwfi-admin .cwfi-shape-picker{grid-column:1/-1;border:1px solid #dae4f3;border-radius:12px;background:#f7faff;padding:8px 12px}
.cwfi-admin .cwfi-shape-picker summary{font-size:13px;font-weight:700;color:#274b77;cursor:pointer;padding:6px 0}
.cwfi-admin .cwfi-shape-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:9px;margin:12px 0 8px}
.cwfi-admin .cwfi-shape-tile{min-height:83px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:#fff;border:1px solid #dce6f2;border-radius:11px;padding:9px 6px;cursor:pointer;color:#354e6e;outline-offset:2px;transition:background-color .15s,border-color .15s;min-width:0}
.cwfi-admin .cwfi-shape-tile:hover{border-color:#4588e2;background:#f5f9ff}
.cwfi-admin .cwfi-shape-tile[aria-pressed="true"]{border:2px solid #2563eb;background:#e9f1ff}
.cwfi-admin .cwfi-shape-tile:focus-visible{outline:2px solid #2563eb}
.cwfi-admin .cwfi-shape-sample{display:inline-flex;position:relative;align-items:center;justify-content:center;min-width:75px;max-width:95px;height:34px;padding:4px 18px;background:var(--cwfi-label-background,#178b57);color:var(--cwfi-label-color,#fff);font-size:11px;font-weight:700;line-height:1.1;font-family:inherit;direction:rtl;white-space:nowrap}
.cwfi-admin .cwfi-shape-name{font-size:11px;line-height:1.25;text-align:center}
/* Existing class-based geometry is shared with the real label and its preview. */
.cwfi-admin .cwfi-label-preview{--cwfi-label-background:#178b57;--cwfi-label-padding:9px}
@media(max-width:780px){.cwfi-admin .cwfi-shape-gallery{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:7px}}