/*!
 * Storzen v1.1.4 — New Widget Styles
 * Covers: Call for Price, Product Alert Banner, Stock Progress Bar, Product Badges
 * Loaded on is_product() pages only.
 * @package storzen
 * @since   1.1.4
 */

/* ── 1. CALL FOR PRICE ────────────────────────────────────────────────────── */
.sz-call-for-price { display:flex; flex-direction:column; gap:6px; }
.sz-cfp__main { font-size:1.5em; font-weight:700; line-height:1.2; color:#111827; }
.sz-cfp__sub  { margin:0; font-size:.9em; color:#6b7280; line-height:1.5; }
.sz-cfp__btn.button {
	display:inline-flex; align-items:center; gap:8px; margin-top:8px;
	padding:10px 22px; background-color:#111827; color:#ffffff;
	border:none; border-radius:5px; font-size:.9em; font-weight:600;
	text-decoration:none; cursor:pointer; width:fit-content;
	transition:background-color .2s ease, transform .15s ease;
}
.sz-cfp__btn.button:hover { background-color:#374151; color:#ffffff; transform:translateY(-1px); }
.sz-cfp__btn.button i, .sz-cfp__btn.button svg { font-size:.9em; flex-shrink:0; }

/* ── 2. PRODUCT ALERT BANNER ──────────────────────────────────────────────── */
.sz-alert-banner { display:block; padding:14px 16px; border-left:4px solid currentColor; border-radius:6px; box-sizing:border-box; }
.sz-alert-banner--info    { background-color:#eff6ff; border-left-color:#3b82f6; color:#1e40af; }
.sz-alert-banner--success { background-color:#f0fdf4; border-left-color:#22c55e; color:#166534; }
.sz-alert-banner--warning { background-color:#fffbeb; border-left-color:#f59e0b; color:#92400e; }
.sz-alert-banner--danger  { background-color:#fef2f2; border-left-color:#ef4444; color:#991b1b; }
.sz-alert-banner--custom  { background-color:#eff6ff; border-left-color:#3b82f6; color:#1e40af; }
.sz-alert-banner__inner { display:flex; align-items:flex-start; gap:12px; }
.sz-alert-banner__icon  { flex-shrink:0; font-size:18px; line-height:1.4; margin-top:1px; }
.sz-alert-banner__body  { flex:1; min-width:0; }
.sz-alert-banner__title { display:block; font-size:.9em; font-weight:700; line-height:1.4; margin-bottom:3px; }
.sz-alert-banner__text  { margin:0; font-size:.875em; line-height:1.55; }
.sz-alert-banner__cta   { display:inline-block; margin-top:10px; font-size:.85em; font-weight:600; color:inherit; text-decoration:underline; text-underline-offset:2px; transition:opacity .15s ease; }
.sz-alert-banner__cta:hover { opacity:.75; color:inherit; }
@media (max-width:480px) { .sz-alert-banner__inner { gap:10px; } }

/* ── 3. STOCK PROGRESS BAR ────────────────────────────────────────────────── */
.sz-stock-progress-bar { display:flex; flex-direction:column; gap:8px; }
.sz-spb__message { display:flex; align-items:center; gap:6px; font-size:.875em; font-weight:600; color:#b91c1c; line-height:1.4; }
.sz-spb__icon    { font-size:1em; flex-shrink:0; }
.sz-spb__track   { position:relative; width:100%; height:6px; background-color:#fee2e2; border-radius:6px; overflow:hidden; }
.sz-spb__fill    { position:absolute; top:0; left:0; height:100%; background-color:#ef4444; border-radius:6px; transition:width .5s ease; }
[dir="rtl"] .sz-spb__fill { left:auto; right:0; }

/* ── 4. PRODUCT BADGES ────────────────────────────────────────────────────── */
.sz-product-badges-widget.sz-badge-wrap    { display:flex; flex-wrap:wrap; gap:6px; align-items:flex-start; }
.sz-product-badges-widget.sz-badge-layout-row    { flex-direction:row; }
.sz-product-badges-widget.sz-badge-layout-column { flex-direction:column; align-items:flex-start; }
.sz-product-badges-widget .sz-badge { display:inline-block; padding:4px 10px; font-size:11px; font-weight:700; line-height:1.4; letter-spacing:.03em; text-transform:uppercase; border-radius:4px; white-space:nowrap; }
.sz-badge-style-rounded .sz-badge { border-radius:4px; }
.sz-badge-style-pill    .sz-badge { border-radius:50px; }
.sz-badge-style-square  .sz-badge { border-radius:0; }
.sz-product-badges-widget .sz-badge--sale { background-color:#dc2626; color:#ffffff; }
.sz-product-badges-widget .sz-badge--new  { background-color:#16a34a; color:#ffffff; }
.sz-product-badges-widget .sz-badge--hot  { background-color:#ea580c; color:#ffffff; }
.sz-product-badges-widget .sz-badge--out  { background-color:#6b7280; color:#ffffff; }