/* WooCustom 1.65: scoped share-modal defaults. */
.woocommerce ul.products li.product{position: relative}
.e-loop-nothing-found-message__text{display: flex;flex-direction: column;justify-content: center;align-items: center;gap: 10px}
.woocustom-share-button{display: inline-flex;align-items: center;justify-content: center;gap: 8px;min-height: 40px;padding: 8px 14px;border: 1px solid var(--woocustom-border, #e5e7eb);border-radius: var(--woocustom-radius-sm, 8px);background: var(--woocustom-surface, #fff);color: var(--woocustom-text, #1f2937);cursor: pointer;line-height: 1}
html body .woocustom-share-button{padding: 8px 14px;border: 1px solid var(--woocustom-border, #e5e7eb);border-radius: var(--woocustom-radius-sm, 8px);background: var(--woocustom-surface, #fff);color: var(--woocustom-text, #1f2937)}
.woocustom-share-button:hover{border-color: var(--woocustom-border-strong, #d1d5db);color: var(--woocustom-danger, #ef4444)}
.woocustom-share-icon,
.woocustom-share-icon svg,
.woocustom-share-icon img{width: 22px;height: 22px;display: inline-flex}
#simpleShareModal{display: none;position: fixed;top: 0px;left: 0px;width: 100%;height: 100%;background: rgb(0 0 0 / 60%);z-index: 9999;backdrop-filter: blur(5px)}
.header-share{font-weight: 700;font-size: 22px}
button#closeModal{background: var(--woocustom-border, #e5e7eb) !important;border-radius: var(--woocustom-radius-sm, 8px);line-height: 1;color: var(--woocustom-color-secondary, #1F2937);border: none;font-size: 24px}
#productUrl{background: var(--woocustom-surface-soft, #f8fafc);padding: 10px;border-radius: var(--woocustom-radius-sm, 8px);direction: ltr;word-break: break-all;font-size:16px}
button#simpleCopyBtn{background: var(--woocustom-color-primary, #087F8C);color: #fff;border: none;padding: 8px 16px;border-radius: var(--woocustom-radius-sm, 8px)}
button#simpleCloseBtn{background: var(--woocustom-muted, #6b7280);color: #fff;border: none;padding: 8px 16px;border-radius: var(--woocustom-radius-sm, 8px);margin-left: 10px}
.sharemodal{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);background: var(--woocustom-surface, #fff);border-radius: var(--woocustom-radius-lg, 18px);max-width: 500px;width: 90%;padding: 20px}
.woocustom-hidden{display: none}
.woocustom-share-button{border-radius: var(--woocustom-radius-md, 12px)}
html body .woocustom-share-button{border-radius: var(--woocustom-radius-md, 12px)}
.woocustom-share-button:hover{color: var(--woocustom-color-primary)}
button[class*="woocustom"],
a[class*="woocustom"]{transition: background .2s ease, color .2s ease, border-color .2s ease, box-shadow .2s ease, transform .2s ease}
body.modal-open{overflow: hidden}
#simpleShareModal{display: none;position: fixed;inset: 0;z-index: 99999;width: 100%;height: 100%;padding: 16px;overflow-y: auto;direction: rtl;background: rgba(15, 23, 42, .52);backdrop-filter: blur(8px);-webkit-backdrop-filter: blur(8px);box-sizing: border-box}
#simpleShareModal.is-open{display: block}
#simpleShareModal,
#simpleShareModal *{box-sizing: border-box}
#simpleShareModal .sharemodal{position: relative;top: auto;left: auto;transform: none;width: min(560px, 100%);max-width: 560px;margin: clamp(16px, 8vh, 54px) auto;padding: 0;overflow: hidden;background: #fff;border: 1px solid #e5e7eb;border-radius: 24px;box-shadow:none;color: #0f172a;text-align: right}
#simpleShareModal .sharemodal > div:first-child{display: flex !important;align-items: flex-start !important;justify-content: space-between !important;gap: 16px;margin: 0 !important;padding: 28px 28px 20px 72px;border-bottom: 1px solid #eef2f7;background: linear-gradient(180deg, #f8fafc 0%, #fff 100%)}
#simpleShareModal .header-share{margin: 0;padding: 0;color: #0f172a;font-size: 22px;font-weight: 700;line-height: 1.45;letter-spacing: -0.02em}
#simpleShareModal .sharemodal > p{margin: 0;padding: 22px 28px 12px;color: #64748b;font-size: 14px;font-weight: 500;line-height: 1.9}
#simpleShareModal #productUrl{margin: 0 28px 18px;padding: 14px 16px;border: 1px solid #e5e7eb;border-radius: 16px;background: #f8fafc;color: #334155;direction: ltr;word-break: break-all;font-size: 13px;font-weight: 600;line-height: 1.8}
#simpleShareModal .sharemodal > div:last-child{display: flex;justify-content: flex-start;gap: 10px;margin: 0 !important;padding: 0 28px 28px;text-align: right !important}
#simpleShareModal button#closeModal{position: absolute;top: 16px;left: 16px;z-index: 2;display: inline-flex;align-items: center;justify-content: center;width: 40px;height: 40px;padding: 0 !important;border: 1px solid #e5e7eb;border-radius: 999px;background: #fff !important;color: #334155;font-size: 24px;font-weight: 400;line-height: 1;cursor: pointer;box-shadow:none;transition: transform .2s ease, background .2s ease, color .2s ease, border-color .2s ease}
#simpleShareModal button#closeModal:hover,
#simpleShareModal button#closeModal:focus{color: #0f172a;background: #f8fafc !important;border-color: #cbd5e1;transform: translateY(-1px);outline: none}
#simpleShareModal button#simpleCopyBtn,
#simpleShareModal button#simpleCloseBtn{display: inline-flex;align-items: center;justify-content: center;min-height: 46px;margin: 0;padding: 0 18px;border: 0;border-radius: 14px;font-family: inherit;font-size: 14px;font-weight: 700;line-height: 1;cursor: pointer;transition: transform .16s ease, opacity .16s ease, background .16s ease, box-shadow .16s ease}
#simpleShareModal button#simpleCopyBtn{background: var(--woocustom-color-primary);color: #fff;box-shadow:none}
#simpleShareModal button#simpleCloseBtn{background: #f1f5f9;color: #334155}
#simpleShareModal button#simpleCopyBtn:hover,
#simpleShareModal button#simpleCloseBtn:hover{transform: translateY(-1px)}
@media (max-width: 640px){
#simpleShareModal{padding: 12px}
#simpleShareModal .sharemodal{width: 100%;margin: 12px auto;border-radius: 22px}
#simpleShareModal .sharemodal > div:first-child{padding: 24px 20px 16px 64px}
#simpleShareModal .sharemodal > p,
#simpleShareModal .sharemodal > div:last-child{padding-inline: 20px}
#simpleShareModal #productUrl{margin-inline: 20px}
#simpleShareModal .sharemodal > div:last-child{flex-direction: column-reverse}
#simpleShareModal button#simpleCopyBtn,
#simpleShareModal button#simpleCloseBtn{width: 100%}
}
#simpleShareModal .woocustom-share-modal-header{display: flex;justify-content: space-between;align-items: center;margin-bottom: 15px}
#simpleShareModal .woocustom-share-modal-actions{margin-top: 15px;text-align: left}
