#signature { border: 2px dashed #ccc; border-radius: 8px; background-color: #fff; padding: 10px; width: 520px; height: 320px; box-shadow: 0 2px 8px rgba(0,0,0,0.05); }
#signature canvas { width:500px !important; height: 300px !important; border: none; }
#clear-signature { margin-top: 10px; padding: 8px 16px; font-size: 14px; background-color: #f44336; color: #fff; border: none; border-radius: 5px; cursor: pointer; }
#clear-signature:hover { background-color: #d32f2f; }
.quizmodal { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.8); opacity: 0; visibility: hidden; transform: scale(1.1); display: flex; align-items: center; justify-content: center; box-shadow: 0 0 18px rgba(0,0,0,0.20); transition: all 0.25s linear; z-index: 99999999; padding: 0 15px; }
.quizmodalcontent { background-color: #ffffff; width: 100%; overflow: hidden; max-width: 650px; padding: 32px 0 0; border-radius: 0.5rem; position: relative; }
.closequizmodal { float: right; width: 32px; height: 32px; line-height: 32px; padding: 0; text-align: center; cursor: pointer; border-radius: 0px; background: #000; box-shadow: none; outline: none; border: 1px solid #000; color: #fff; font-size: 26px; position: absolute; right: 0px; top: 0px; z-index: 9; }
.quizmodal .mainformbody { width: 100%; height:100%; max-height:calc(100vh - 80px); overflow: auto; padding: 0 20px 20px; }
.quizmodal.active { opacity: 1; visibility: visible; transform: scale(1); }
.quizmodal .mainformbody h3 { text-align: center; font-size: 22px; margin: 0 0 15px; color: #000; font-weight: 600; font-family: 'Poppins', sans-serif; }
.quizmodal .form-group > label { padding: 0 0 5px; font-weight: 500; letter-spacing: 0.5px; line-height: 20px; font-size: 15px; display: block; text-transform: inherit; }
.quizmodal .form-check .checkradiocol { padding: 0px 5px; display: inline-block; transition: all .3s;}
.quizmodal .radiogroup .form-check input[type=radio] { margin: 0; min-width: 18px; min-height: 18px; cursor: pointer; }
.quizmodal .radiogroup .form-check label { padding: 0; padding-left: 5px; font-size: 15px; vertical-align: top; cursor: pointer; text-transform: inherit; font-weight: normal; letter-spacing: inherit; display: inline; line-height: inherit; }
.quiz-groupbtn { text-align: center; }
.quiz-groupbtn .submitquizbtn { background: #000; color: #FFF; border: 1px solid #000; box-shadow: none; display: initial; padding: 5px 10px; min-width: 150px; font-size: 16px; text-transform: uppercase; letter-spacing: 1px; font-weight: 600; cursor: pointer; }
.quizmodal .form-check.wrongans .checkradiocol { background: #ff5252; border-radius: 4px; }
.quizmodal .form-check.rightans .checkradiocol { background: #68f568; border-radius: 4px; }
.select2-container { width:100% !important; box-sizing:border-box; } 
.select2-container .select2-selection--multiple { min-height:42px; padding:6px 8px; border:1px solid #ddd; border-radius:3px; background:#fff; color:#222; display: inline-block !important; width: 100%; }
.select2-container--default .select2-selection--multiple .select2-selection__rendered { color:#666; line-height:24px; display: block !important; }
.select2-container .select2-search__field {color:#222 !important; margin-top: 0 !important; margin-bottom: 5px !important; }
.select2-container--open .select2-dropdown { z-index:999999 !important; }
.coupanwmodal { position: fixed; inset: 0; z-index: 9999; align-items: center; justify-content: center; padding: 24px; background: rgba(0,0,0,0.55); }
.coupanwmodal .modalcontentbox { width: 720px; max-width: 100%; max-height: 100%;: 100%; background: #fff; padding: 32px 0px 10px 26px; box-shadow: 0 22px 40px rgba(0,0,0,0.35); position: relative; box-sizing: border-box; overflow: hidden; }
.coupanwmodal .mainform-body { padding: 0 26px 15px 0; width: 100%; height: 100%; max-height: 500px; overflow: auto; }
#influencer-coupon-builder p { margin:8px 0 14px; color:#333; }
#influencer-coupon-builder .coupon-row { display: grid; grid-template-columns: 1fr 1fr 100px 100px; gap: 8px; align-items: center; margin-bottom: 10px; }
#influencer-coupon-builder input[type="number"], #influencer-coupon-builder input[type="text"] { width:100%; box-sizing: border-box; padding: 8px 10px; border: 1px solid #d7d7d7; border-radius: 4px; font-size: 14px; background: #fff; }
#influencer-coupon-builder .coupon-row input { width: 100%; padding: 8px 10px; border: 1px solid #d7d7d7; border-radius: 0px; font-size: 14px; background: #fff; }
#influencer-coupon-builder .coupon-count { width: 100%; }
#influencer-coupon-builder .remove-row { margin-top: 21px; background: transparent; border: 1px solid #bbb; padding: 6px 8px; border-radius: 0px; cursor: pointer; color: #333; }
#influencer-coupon-builder .remove-row:hover { background:#fafafa; }
#add-coupon-row, #create-coupons, #pay-shortfall { display:inline-block; padding: 8px 12px; border-radius: 0px; border: 1px solid #111; background: #111; color: #fff; font-weight: 600; cursor: pointer; text-decoration: none; margin-top: 8px; }
#add-coupon-row { background: #fff; color:#111; border:1px solid #d0d0d0; font-weight:500; }
#add-coupon-row:hover{ box-shadow: 0 6px 14px rgba(0,0,0,0.06); }
#influencer-coupon-builder div[style] { margin-top:10px; }
#required-credits, #available-credits, #shortfall-amount { font-weight:600; }
#result { margin-top: 14px; font-size:14px; color:#222; }
#result ul { padding-left: 18px; margin: 8px 0; }
.coupanwmodal .modalcontentbox * { -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; }
.coupon-row .coupon-value { width: 100%; box-sizing: border-box; padding: 8px 10px; border: 1px solid #d7d7d7; border-radius: 0px; font-size: 14px; background: #fff; }
#affiliate-dashboard .affdash { --bg: #ffffff; --muted: #9aa4b2; --card: #f7fafb; --accent: linear-gradient(90deg,#3b82f6,#6366f1); font-family: Inter,'sans-serif'; color: #1f2937; max-width: 980px; margin: 0 auto; padding: 28px; border-radius: 16px; background: var(--bg); box-shadow: 0 10px 30px rgba(15,23,42,0.06); }
#affiliate-dashboard .header { display:flex; align-items:flex-start; gap:12px; }
#affiliate-dashboard .header {#affiliate-dashboard h1 { margin:0; font-size:28px; letter-spacing: -0.2px; } display:flex; align-items:flex-start; gap:12px; }
#affiliate-dashboard .subtitle { color:var(--muted); font-size:13px; margin-top:4px; }
#affiliate-dashboard .top-cards { display:grid; grid-template-columns:repeat(1,1fr); gap:14px; margin-top:18px; }
#affiliate-dashboard .card { background:var(--card); padding:14px; box-shadow: 0 1px 0 rgba(15,23,42,0.03); }
#affiliate-dashboard .card .label { font-size:12px; color:var(--muted); } 
#affiliate-dashboard .card .value { font-weight:700; font-size:20px; margin-top:6px; }
#affiliate-dashboard .progress-wrap { margin-top:6px; } #affiliate-dashboard .progress-bar { height:10px; border-radius:999px; background:#fff; box-shadow: inset 0 1px 0 rgba(0,0,0,0.03); overflow:hidden; } 
#affiliate-dashboard .progress-fill { height:100%; width:40%; background:var(--accent); } 
#affiliate-dashboard .progress-legend { display:flex; justify-content:space-between; font-size:12px; color:var(--muted); margin-top:8px; }
#affiliate-dashboard .main-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px; margin-top:18px; align-items: flex-start;}
#affiliate-dashboard .missions .row { display:flex; align-items:center; justify-content:space-between; gap:12px; background:#fff; border-radius:10px; padding:10px; margin-top:10px; box-shadow: 0 1px 0 rgba(15,23,42,0.03); }
#affiliate-dashboard .missions .left { display:flex; gap:10px; align-items:center; width: 100%; } 
#affiliate-dashboard .icon-box { min-width:44px; width: 44px; height:44px; border-radius:8px; background:#f1f5f9; display:flex; align-items:center; justify-content:center; font-size:18px; } #affiliate-dashboard .status.completed { color:#10b981; font-weight:600; } #affiliate-dashboard .status.not { color:#94a3b8; font-weight:600; }
#affiliate-dashboard .timeline { background:#fff; padding:14px; }
#affiliate-dashboard .timeline ol { list-style:none; padding:0; margin:0; position:relative; }
#affiliate-dashboard .timeline .dot { position:absolute; left:0px; top:15px; width:36px; height:36px; border-radius:50%; display:flex; align-items:center; justify-content:center; color:#fff; background:#2563eb; box-shadow:0 4px 8px rgba(37,99,235,0.14); font-size:14px; }
#affiliate-dashboard .timeline .title { font-weight:600; font-size:14px; }
#affiliate-dashboard .timeline .date { color:var(--muted); font-size:13px; margin-top:4px; }
#affiliate-dashboard .muted { color:var(--muted); font-size:13px; }
#affiliate-dashboard .footer { margin-top:14px; color:var(--muted); font-size:12px; }
#affiliate-dashboard .creditcard-row .card { background: #f7f7f7; border: 1px solid #ddd; }
#affiliate-dashboard .creditcard-row .card .label { font-size: 20px; line-height: 1.2em; font-weight:500; margin:0 0 10px; }
#affiliate-dashboard .creditcard-row .card .value { font-size: 26px; margin: 0; line-height: 1; }
#affiliate-dashboard .creditcard-row .progress-wrap { margin: 0; }
#affiliate-dashboard .creditcard-row .progress-fill { background: #000; }
#affiliate-dashboard .creditcard-row .progress-legend { font-size: 15px; font-weight: 500; }
#affiliate-dashboard .creditcard-row .card h4 { font-size: 18px; color: #545454; font-weight: 500; margin: 0; }
#affiliate-dashboard .creditcard-row .card a { color: #4978f4; font-size: 16px; font-weight: 700; text-decoration: none; }
#affiliate-dashboard .main-grid.missioncard-row { grid-template-columns: 1fr 0.5fr; }
#affiliate-dashboard .missioncard-row .card { background: #f7f7f7; border: 1px solid #ddd; }
.missionselect-row { display: flex ; align-items: center; justify-content: space-between; padding: 0 0 10px; }
.c-account .missionselect-row label { margin: 0; padding: 0; font-size: 20px; text-transform: inherit; }
.missionselect-row .form-select { width: auto; min-width: 150px; border-radius: 4px; font-size: 15px; font-weight: 400; cursor: pointer; border: 1px solid #bebebe; }
.missioncard-row .databox h4 { margin: 0; padding: 0; font-size: 16px; font-weight: 500; border: 0; }
.missioncard-row .databox p { margin: 0; padding: 0; font-size: 14px; color: #777777; }
.missioncard-row .icon-box svg { fill: none; }
#affiliate-dashboard .missioncard-row .card ol li { padding: 12px 15px 12px 45px; margin: 0; position: relative; }
#affiliate-dashboard .timeline ol li:not(:last-child)::before { content: ""; position: absolute; left: 18px; top: 15px; width: 2px; height: 100%; background: #393939; border-radius: 2px; }
#affiliate-dashboard .missioncard-row .card ol li .dot { background: #202020; }
#affiliate-dashboard .missioncard-row .card ol li .dot svg { fill: none; }
#affiliate-dashboard .header h1 { font-family: "Inter", system-ui, sans-serif; font-size: 28px; font-weight: 600; color: #111827; margin: 0; line-height: 1.2; }
.c-account .recently_viewd_list { margin: 30px 0 0; margin: 40px 0 0; padding: 50px 0 0; border-top: 1px solid #c5c4c4; }
.titlecomplete { display: flex; align-items: center; justify-content: space-between; }
.titlecomplete .status { min-width: 100px; text-align: right; }
.databox { width: 100%; }
.c-account .timeline.card h3 { margin: 0 0 10px; }
/*.collab-modal { display:none; position:fixed; inset:0; background:rgba(0,0,0,0.5); z-index:9999; align-items:center; justify-content:center; }
.collab-modal .box { background:#fff; padding:18px; width:420px; max-width:95%; border-radius:6px; box-shadow:0 6px 30px rgba(0,0,0,.25); }
.collab-edit-icon { cursor:pointer; margin-left:8px; vertical-align:middle; }
.collab-field { margin-bottom:10px; }
.collab-actions { text-align:right; margin-top:8px; }*/
.collab-modal { display:none; position:fixed; inset:0; background:rgba(0,0,0,0.5); z-index:9999; align-items:center; justify-content:center; padding:20px;  box-sizing:border-box; }
.collab-modal .box { background:#fff; padding:18px; width:420px; max-width:95%; border-radius:6px; box-shadow:0 6px 30px rgba(0,0,0,.25); position:relative; }
.collab-edit-icon { cursor:pointer; margin-left:5px; vertical-align:middle; }
.collab-field { margin-bottom:10px; }
.collab-actions { text-align:right; margin-top:8px; }
small#collab-feedback { font-size: 13px; }
.collab-plan-wrap { margin-top: 10px; }
.level_name { margin-bottom: 0px !important; margin-top: 7px !important; }
#notif-bell { background:transparent; border:0; cursor:pointer; }
#notif-dropdown .notif-item { padding:8px; border-bottom:1px solid #f0f0f0; font-size:14px; }
#notif-dropdown .notif-item.unread { background:#fbfbfb; }
#notif-dropdown .notif-item .time { display:block; font-size:12px; color:#999; margin-top:4px; }
#affiliate-dashboard .header { justify-content: space-between; }
.header #user-notifications { position: relative; margin-top: 10px; }
.header #notif-list { max-height: 350px; overflow: auto; }
#notif-count { border-radius: 100px !important; padding: 0 !important; width: 18px; min-width: 18px; height: 18px; line-height: 18px; }
.main-grid.missioncard-row { margin: 0 0 30px; }
.missionheading { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; justify-content: space-between; padding: 0 0 15px; } 
.missionimensec { border: 1px solid #ddd; width: 100%; padding: 20px 20px; } 
#page .missiontitle { line-height: 1; font-size: 24px; margin: 0; font-weight: 500; text-transform: uppercase;} 
.missionright { display: flex; align-items: center; } 
#page .missionright h4 { margin: 0; line-height: 1; font-size: 16px; font-weight: 500; margin: 0 20px 0 0; } 
.bonuscountcol { display: inline-block; background: #ededed; border-radius: 6px; padding: 3px 10px; font-size: 14px; }
.mensiliist { margin: 0 -10px; padding: 0; list-style: none; display: flex ; flex-wrap: wrap; }
.mensiliist .item { padding: 10px; width: 100%; }
.mensheadingrow { display: flex ; align-items: flex-start; justify-content: space-between; gap: 20px; }
.mensilicoldata { border: 1px solid #ddd; display: inline-block; padding: 15px 15px; text-decoration: none !important; width: 100%; height: 100%; }
.mensilicoldata svg { width: 26px; min-width: 26px; height: 26px; fill: none; }
.mensilicoldata strong { display: block; font-size: 13px; font-weight: 700; margin: 0; padding: 0 0 7px; }
.mensilicoldata i { font-family: "Font Awesome 5 free"; }
.mensilidatacol { display: inline-block; width: 100%; margin: 10px 0; }
.mensilidatacol .databox { position: relative; padding: 0px 15px 0px 35px; margin: 5px 0; display: inline-block; width: 100%; border: 1px solid #ddd; }
.mensilititle { padding: 15px 0; }
.mensheadingrow .vip_mem_link, .rightcolbtnbox .vip_mem_claim_all { background: #000; border: 1px solid #000; border-radius: 4px; color: #fff; padding: 4px 8px; font-size: 13px; text-transform: uppercase; outline: none; box-shadow: none; cursor: pointer; white-space: nowrap; }
.mensilidatacol .databox h4 { font-weight:700; font-size:16px; margin:0; padding:7px 0; line-height:1.2; cursor: pointer; }
.mensilidatacol .databox h4:before { content: "\f053"; font-family: "Font Awesome 5 free"; padding-right: 7px; display: inline-block; vertical-align: middle; position: absolute; left: 15px; top: 23px; }
.mensilidatacol .databox p { font-size: 15px; font-weight: 400; margin: 0 0 3px; }
.mensilidatacol .databox .vip_mem_link { background: #4099e8; display: inline-block; color: #fff; font-size: 16px; text-decoration: none; min-width: 150px; text-align: center; border-radius: 6px; padding: 6px 10px; margin: 10px 0 0; }
/*.mensiliist .mensilicoldata.active { border: 2px solid #4099e8; background: #ecf6ff; }*/
.mensilicoldata.completeactive { background: #e8fff7; }
.mensilicoldata span svg { width: 16px; height: 16px; display: inline-block; vertical-align: middle; }
.mensilidatacol .databox.active h4:before { content: "\f078"; }
.mensiliaccodata { display: none; padding: 0 0 10px; position: relative; top: -10px; }
.main-grid .mensiliist { margin: 0 -5px; }
.main-grid .mensiliist .item { padding: 5px; }
.woocommerce-account #page .c-account .c-account__col-content .edit-account { width: 100%; max-width: 100%; } 
.woocommerce-account #page .c-account .c-account__col-content .edit-account .form-row { display: inline-block; width: 49%; padding: 0 10px; } 
.woocommerce-account #page .c-account .c-account__col-content .edit-account fieldset { width: 100%; } 
.woocommerce-account #page .c-account .c-account__col-content .edit-account fieldset legend { padding: 0 10px; }
.woocommerce-account #page .c-account .c-account__col-content .edit-account p { width: 100%; padding: 0 10px; display: inline-block; }
#page .password-input { position: relative; display: block; }
#page .password-input .show-password-input { position: absolute; right: 0; top: 0; background: transparent; border: 0; padding: 8px 10px; cursor: pointer; }
#page .password-input .show-password-input:before { content: "\f06e"; font-family: "Font Awesome 5 free"; font-weight: 900; }
#page .password-input .show-password-input.display-password::before { content: "\f070"; }
.creditvalue { display: flex; align-items: center; gap: 7px 10px; margin: 0 0 5px; }
#affiliate-dashboard .creditcard-row .card .creditvalue .label { margin: 0; }
#affiliate-dashboard .creditcard-row .card p { margin: 0; font-size: 15px; }
#affiliate-dashboard .creditcard-row .card p a { color: #000; text-decoration: underline; text-underline-position: under; font-weight: 500; font-size: 15px; }
.livelloeditlock { display: flex; gap: 15px; margin: 13px 0 0; }
.livelloeditlock .level_name { margin: 0 !important; line-height: 1; }
.lockeditcollab { display: flex ; gap: 8px; }
.livelloeditlock .fa-lock { font-size: 14px; }
.livelloeditlock .collab-plan-wrap { margin: 0; font-size: 15px; line-height: 1.2; }
.livelloeditlock .collab-plan-wrap .collab-edit-icon i { font-size: 13px; }
.woocommerce-message-offer-influencer { background: #f7f7f7; border: 1px solid #ddd; padding: 20px 20px; margin: 0 0 20px !important; } 
#page .woocommerce-message-offer-influencer h2 { margin: 0 0 10px; color: #010101; font-size: 20px; font-weight: 600; line-height: 1.2em; } 
#page .woocommerce-message-offer-influencer h2 span { font-weight: inherit !important; } 
#page .woocommerce-message-offer-influencer p { color: #010101; font-size: 15px; margin: 0; }
.content-upload-info { padding: 0 0 12px; }
.content-upload-info h4 { font-size: 18px; font-weight: 600; color: #000; margin: 0 0 5px; }
.content-upload-info p { font-size: 14px; margin: 0 0 5px; }
.salvebtnfunzione { display: flex; align-items: flex-start; gap: 7px; flex-direction: column; }
.salvebtnfunzione .content-upload-info { padding: 0; display: flex; align-items: center; gap: 10px;}
.salvebtnfunzione .content-upload-info h4 { margin: 0; }
.comefunztip i { font-size: 14px; cursor: pointer; }
.comefunztip { position: relative; }
.comefunztip .lock-tooltip-text { transform: translateX(-40%); top: 25px; bottom: auto; }
.comefunztip .lock-tooltip-text::after { margin-left: -30px; top: -11px; transform: rotate(180deg); }
.comefunztip:hover .lock-tooltip-text { visibility: visible; opacity: 1; }
.content-upload-info .comefunztip .lock-tooltip-text p { font-size: 12px; }
.referralcopyrow { display: flex; align-items: center; justify-content: space-between; margin: 0 0 15px; }
.referralcopyrow h2 { margin: 0 !important; }
.copycodebox { display: flex; align-items: center; position: relative; }
.copycodebox .copylinkinput { border: 0; background: #fff; padding: 10px 40px 10px 12px; max-width: 180px; color: #000; font-size: 14px; border-radius: 4px; }
.copycodebox .copylinkbutton { border: 0; position: absolute; right: 0; top: 0; z-index: 9; background: transparent; color: #000; font-size: 16px; padding: 6px 10px; box-shadow: none; cursor: pointer; }
/*div#affiliate-dashboard { padding-top: 40px; }*/
.comefunztip { display: inline-flex ; align-items: center; margin-left: 8px; position: relative;}
.content-upload-info h4 { display: inline-flex;}
#hy-premium-popup { position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.6); display:flex; align-items:center; justify-content:center; z-index:2147483647; font-family:"Roboto",sans-serif; }
.hy-popup-content { background:#fff; padding:25px 30px; border-radius:0; max-width:480px; width:90%; text-align:left; box-shadow:0 5px 15px rgba(0,0,0,0.3); font-size:15px; line-height:1.6; font-family:"Roboto",sans-serif; }
.hy-popup-content h3 { margin-top:0; color:#333; text-align:center; font-family:"Roboto",sans-serif; }
.hy-popup-content p { padding-left:20px; margin:10px 0; font-family:"Roboto",sans-serif; }
.hy-popup-actions { text-align:center; margin-top:20px; } 
.hy-popup-actions .hy-popup-pay, 
.hy-popup-actions button#hy-popup-close { display:inline-block; margin:0 8px; padding:10px 20px; border-radius:0; font-family:"Roboto",sans-serif; font-weight:bold; cursor:pointer; }
.hy-popup-actions .hy-popup-pay { background:#000; color:#fff; text-decoration:none; }
.hy-popup-actions button#hy-popup-close { background:#ccc; border:none; color:#000; }
.open_ref_info { cursor: pointer; }
.vantaggi { display: none; }
.custom-coupon-message { display: none; }
#umt-add-coupon-form p { margin-bottom: 10px; }
div#umt-credit-notices { margin-top: 10px; }
#umt-credit-notices .error { color: red; }
button#umt-add-coupon-btn { margin-top: 10px;font-size: 12px; }
#customer_coupon_code { width:40% }
.user_product_search_select2.user_product_list { position: relative; }
.user_product_search_select2.user_product_list .select2-container.select2-container--default { position: initial !important ;display: inline; }
.user_product_search_select2.user_product_list .select2-container.select2-container--default .select2-dropdown.select2-dropdown--below { position: absolute; left: 0; top: auto; transform: inherit; width: 100% !important; }
#contentEditModal.memeditmodal .mainform-body { padding: 0 15px 70px; max-height: calc(100vh - 150px); }
.user_product_search_select2 .select2-container--default .select2-results>.select2-results__options { max-height: 180px; }
#contentEditModal p { margin: 0; }
.c-account__col-content { font-size: 16px; font-family: 'Roboto'; } 
.c-account__col-content h2 { font-size: 25px !important; }
.vip_mem_link_richiedi{ float: right; background-color: #FFFFFF; color: #000000; border-color: #000000; font-family: "Poppins", Sans-serif; font-size: 13px; font-weight: 700; text-transform: uppercase; box-shadow: 0px 15px 15px 0px rgba(0, 0, 0, 0.07); border: 1px solid #000; padding: 10px 15px; cursor: pointer; text-decoration: none !important; }
.mission_info { width: 100%; }
.c-account .mission_info p { margin: 0 0 5px; }
.c-account__col-menu .xp-wrapper { position: relative; padding-bottom: 30px; }
.xp-wrapper .credit_show_side { position: absolute; left: 0; bottom: 0; font-weight: 700; padding: 2px 7px; width: 100%; line-height: 1.5; display: flex; gap: 7px; }
.contenuticonlist { margin: 0; padding: 15px 0 0; list-style: none; display: flex; align-items: center; gap: 15px; } 
.contenuticonlist .btn { border: 0; padding: 0; margin: 0; box-shadow: none; outline: none; cursor: pointer; background: transparent;} 
.contenuticonlist .btn img { width: 28px; height: 28px; object-fit: contain; }
.content-overlay { position: fixed; inset: 0; background: rgba(0,0,0,0.7); z-index: 9999; display: flex; align-items: center; justify-content: center; } 
.overlay-box { background: #fff; max-width: 420px; padding: 30px; text-align: center; border-radius: 12px; }
.gift-icon { font-size: 48px; margin-bottom: 10px; } 
.terms-check { display: block; margin-top: 15px; font-size: 14px; }
.c-account label { display: inline; }
.ic-pagination { margin-top: 15px; }
.ic-pagination a.page-numbers { height: 30px; width: 30px;}
.ic-pagination span { height: 30px; width: 30px;}
.reject-reason { margin-top: 5px; font-size: 12px; color: #c0392b; background:#fdecea; padding:6px 8px; border-radius:4px; }
.rejected { color: #e74c3c; }
.upload-card { overflow: hidden; } 
.upload-content { max-height: 100%; overflow: hidden; transition: all 0.3s ease; }
/*.upload-card.active .upload-content { max-height: 200px; } */
.upload-header { display: flex; justify-content: space-between; align-items: center; padding: 14px 16px; font-weight: 600; } 
.upload-card .dashicons { transition: transform 0.3s ease; display: none; } 
.upload-card.active .dashicons { transform: rotate(180deg); }
ul.contenuticonlist i { font-size: 20px; }
.rightcolbtnbox span { display: block; margin: 3px 0 0; min-width: 75px; font-size: 13px; }
.card.upload-card .upload-header { padding: 5px 0; }
button.submitfakeregisbtn { background: #000; color: #FFF; border: 1px solid #000; box-shadow: none; display: initial; padding: 5px 10px; min-width: 150px; font-size: 16px; text-transform: uppercase; letter-spacing: 1px; font-weight: 600; cursor: pointer; }
.loading_msg { display: none; /* toggled via JS */ margin: 20px 0; padding: 16px 20px; background: #f5f7fa; border: 1px solid #dce1e7; border-left: 4px solid #2f80ed; border-radius: 6px; color: #333; font-size: 15px; line-height: 1.6; text-align: center; position: relative; }
.loading_msg::before { content: ""; display: inline-block; width: 18px; height: 18px; margin-right: 10px; border: 2px solid #ccc; border-top-color: #2f80ed; border-radius: 50%; animation: spin 0.8s linear infinite; vertical-align: middle; }
@keyframes spin { to { transform: rotate(360deg); } }
/* FIX-E2: CTA "Invia richiesta" del form registrazione influencer
   Il template usa <button> ma alcuni shim legacy potrebbero renderizzare
   <input type="submit">: copriamo entrambe le forme. Aggiungiamo anche
   background-color per garantire contrast ratio >= 4.5 (era 1.18). */
.influencernewform #influencer-registration-form button.submit-btn,
.influencernewform #influencer-registration-form input[type="submit"].submit-btn {
    background: #1a1a2e !important;
    color: #fff !important;
    border: 1px solid #1a1a2e !important;
    padding: 12px 24px;
    font-weight: 600;
    cursor: pointer;
    transition: background .2s ease, transform .15s ease, box-shadow .2s ease;
}
.influencernewform #influencer-registration-form button.submit-btn:hover,
.influencernewform #influencer-registration-form input[type="submit"].submit-btn:hover {
    background: #2d2d50 !important;
    box-shadow: 0 6px 20px rgba(26, 26, 46, .28);
    transform: translateY(-1px);
}
.influencernewform #influencer-registration-form button.submit-btn:active,
.influencernewform #influencer-registration-form input[type="submit"].submit-btn:active {
    transform: translateY(0);
}
.influencernewform #influencer-registration-form button.submit-btn:disabled,
.influencernewform #influencer-registration-form input[type="submit"].submit-btn:disabled {
    opacity: .7;
    cursor: not-allowed;
    transform: none;
}
.rightcolbtnbox { text-align: right; }
.mensiliist .mensilicoldata p { margin: 0 0 7px; font-size: 13px; }
.vip_mem_claim_all { animation: pulseGlow 1.8s infinite; } 
@keyframes pulseGlow { 
	0% { box-shadow: 0 0 0 0 rgba(0,0,0,0.6); } 
	70% { box-shadow: 0 0 0 10px rgba(0,0,0,0); } 
	100% { box-shadow: 0 0 0 0 rgba(0,0,0,0); } 
}
.xp-wrapper .card { background: #f7f7f7; border: 1px solid #ddd; padding: 10px; text-align: left; box-shadow: 0 1px 0 rgba(15, 23, 42, 0.03); }
.xp-wrapper .creditvalue { font-size: 14px; line-height: 1.2em; font-weight: 500; justify-content: space-between; margin: 0 0 7px; flex-wrap: wrap; }
.xp-wrapper .card p { margin: 0; font-size: 12px; line-height: 16px; }
body .c-account__col-menu .xp-wrapper { margin-bottom: 0; }
.xp-wrapper .creditvalue .level_name { width: 100%; }
.creditvalue .value img { width: 20px; }
.creditvalue .value { display: flex ; align-items: center; gap: 7px; }
.loaderbtn { position: relative; opacity: .6; cursor: not-allowed; }


/* Make wrapper relative */
.c-account__user-icon{
    position:relative;
    display:inline-block;
    cursor:pointer;
}

/* Hover border effect */
.c-account__user-icon img{
    border-radius:50%;
    border:2px solid transparent;
    transition:.25s ease;
}
.c-account__user-icon img{
    border-color:#f7f7f7; 
 }

.c-account__user-icon:hover img{
    border-color:#000; /* WP blue */
    opacity:.85;
}



/* Pencil Icon using CSS */
.c-account__user-icon::after{
    content:"";
    position:absolute;
    bottom:-2px;
    right:-2px;
    width:26px;
    height:26px;
    border-radius:50%;
    background-color:#000;

    /* SVG Pencil Icon */
    background-image:url("data:image/svg+xml;utf8,\
    <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'>\
    <path d='M3 17.25V21h3.75L19.81 7.94l-3.75-3.75L3 17.25z'/>\
    <path d='M14.06 4.19l3.75 3.75' stroke='white' stroke-width='2'/>\
    </svg>");

    background-repeat:no-repeat;
    background-position:center;
    background-size:14px;

    box-shadow:0 2px 6px rgba(0,0,0,.15);
    transform:scale(.9);
    transition:.2s ease;
}

/* Hover animation */
.c-account__user-icon:hover::after{
    transform:scale(1);
}
.customradio_row { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; padding: 5px 0 10px; } 
.customradio_row .form-check { display: flex; align-items: center; gap: 10px; } 
.customradio_row .form-check input[type=radio] { width: 17px !important; height: 17px !important; margin: 0; } 
.customradio_row .form-check label { margin: 0; padding: 0; display: flex; align-items: center; gap: 7px; text-transform: inherit; font-weight: 400; font-family: 'Roboto'; } 
.customradio_row .form-check svg { fill: none; } 
.customradio_row .form-check i { font-size: 17px; width: 20px; }

#contentEditModal {
  --mem-dark:       #1a1a2e;
  --mem-accent:     #1a1a2e;
  --mem-gold:       #c9a84c;
  --mem-danger:     #e53e3e;
  --mem-success:    #38a169;
  --mem-bg:         #ffffff;
  --mem-surface:    #f8f8f6;
  --mem-border:     #e8e4de;
  --mem-text:       #1a1a1a;
  --mem-muted:      #888880;
  --mem-radius:     14px;
  --mem-shadow:     0 24px 64px rgba(0,0,0,.18), 0 4px 16px rgba(0,0,0,.08);
  --mem-font:       'Georgia','Times New Roman',serif;
  --mem-font-ui:    -apple-system,'Helvetica Neue',sans-serif;
  --ease:           cubic-bezier(.4,0,.2,1);
  --t:              .2s;
}

/* ── Overlay ── */
#contentEditModal.memeditmodal {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(10,10,18,.6);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  z-index: 99999999;
  align-items: center;
  justify-content: center;
  padding: 16px;
  font-family: var(--mem-font-ui);
  pointer-events: none;
}
#contentEditModal.memeditmodal.active {
  display: flex;
  animation: memOverlayIn var(--t) var(--ease);
}
@keyframes memOverlayIn { from{opacity:0} to{opacity:1} }
body:has(#contentEditModal.memeditmodal.active) {
  overflow: hidden;
}

/* ── Modal box ── */
#contentEditModal .modalcontentbox {
  background: var(--mem-bg);
  border-radius: 0;
  width: 100%;
  max-width: 560px;
  max-height: 92vh;
  box-shadow: var(--mem-shadow);
  border: 1px solid var(--mem-border);
  position: relative;
  animation: memBoxIn .28s cubic-bezier(.175,.885,.32,1.2);
  scrollbar-width: thin;
  scrollbar-color: var(--mem-border) transparent;
  pointer-events: auto;
  overscroll-behavior: contain;
  overflow-y: auto;
}
.influ_new_sec #contentEditModal .modalcontentbox { padding: 0; }
.mem-modal-header .mem-close-btn { position: relative; }
@keyframes memBoxIn { from{opacity:0;transform:translateY(18px) scale(.97)} to{opacity:1;transform:translateY(0) scale(1)} }

/* ── Header ── */
.mem-modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 15px 15px;
  border-bottom: 1px solid var(--mem-border);
  position: sticky;
  top: 0;
  background: var(--mem-bg);
  z-index: 2;
  border-radius: 20px 20px 0 0;
}
.mem-header-left  { display:flex; align-items:center; gap:14px; }
.mem-header-icon  {
  width: 46px; height: 46px;
  background: var(--mem-surface);
  border: 1px solid var(--mem-border);
  border-radius: 0;
  display: grid; place-items: center;
  flex-shrink: 0;
  transition: background var(--t) var(--ease);
}
.mem-header-icon svg { fill: none !important; width:22px; height:22px; stroke:var(--mem-accent); display:block; transition: stroke var(--t) var(--ease); }
.mem-modal-title    { margin:0 0 2px; font-family:var(--mem-font); font-size:18px; font-weight:700; color:var(--mem-text); letter-spacing:-.02em; }
.mem-modal-subtitle { margin:0; font-size:12px; color:var(--mem-muted); }
.c-account__col-content .mem-header-left h2 { font-size: 20px !important; }
.mem-close-btn {
  width:34px; height:34px; display:grid; place-items:center;
  border-radius:9px; border:1px solid var(--mem-border);
  background:transparent; cursor:pointer; color:var(--mem-muted);
  transition: all var(--t) var(--ease); flex-shrink:0;
}
.mem-close-btn:hover { background:#fff0f2; border-color:#fbbaba; color:var(--mem-danger); }

/* ── Info banners ── */
.mem-info-banner {
  display: flex; gap:10px;
  margin: 0 0 2px;
  padding: 11px 14px;
  background: #fffbf0;
  border-left: 3px solid var(--mem-gold);
  border-radius: 0 8px 8px 0;
  font-size: 13px; color:#5a4a1a; line-height:1.5;
  animation: memFadeIn .25s ease;
}
.mem-info-banner .info-icon { width:17px; height:17px; flex-shrink:0; color:var(--mem-gold); margin-top:1px; }
.mem-info-banner p { margin:0; }

/* ── Form body ── */
.mainform-body { padding: 0 22px 22px; }

/* ── Sections ── */
.mem-section { padding-top: 20px; }
.mem-upload-section, .mem-product-section { animation: memFadeIn .3s ease; }
@keyframes memFadeIn { from{opacity:0;transform:translateY(-5px)} to{opacity:1;transform:translateY(0)} }

.mem-section-label {
  display:flex; align-items:center; gap:9px;
  font-size:11px; font-weight:700; letter-spacing:.09em; text-transform:uppercase;
  color:var(--mem-muted); margin-bottom:13px;
}
.step-badge {
  width:20px; height:20px; background:var(--mem-accent); color:#fff;
  border-radius:50%; display:grid; place-items:center;
  font-size:11px; font-weight:700; flex-shrink:0;
}

/* ── Content type chip grid ── */
.mem-type-grid {
  display: grid;
  grid-template-columns: repeat(4,1fr);
  gap: 8px;
  margin: 0 0 10px;
}

@media (max-width:440px) { .mem-type-grid { grid-template-columns:repeat(3,1fr); } }
.mem-type-grid .mem-type-chip { padding: 0; }
.mem-type-chip { cursor:pointer; display:block; }
.mem-type-chip .mem-radio {
  position:absolute; opacity:0; width:0; height:0; pointer-events:none; display: none !important;
}
.chip-inner {
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  gap:7px; padding:13px 6px 11px;
  background:var(--mem-surface); border:1.5px solid var(--mem-border);
  text-align:center;
  transition: all var(--t) var(--ease); min-height:80px;
  cursor:pointer;
}
.chip-inner:hover {
  border-color:#b0b0c8; background:#f2f1fb;
  transform:translateY(-2px);
  box-shadow:0 4px 12px rgba(0,0,0,.07);
}
.chip-emoji {
  display:flex; align-items:center; justify-content:center;
  width:26px; height:26px; flex-shrink:0;
}
.chip-emoji svg { width:26px; height:26px; display:block; transition:all var(--t) var(--ease); }
.chip-name  { font-size:10.5px; font-weight:600; color:var(--mem-text); line-height:1.3; display:block; }

/* Selected chip */
.mem-type-chip input:checked + .chip-inner {
  background:var(--mem-accent); border-color:var(--mem-accent);
  transform:translateY(-2px);
  box-shadow:0 6px 18px rgba(26,26,46,.25);
}
.mem-type-chip input:checked + .chip-inner .chip-name    { color:#fff; }
.mem-type-chip input:checked + .chip-inner .chip-emoji svg { stroke:#fff; transform:scale(1.1); }

/* ── Instagram tip ── */
.mem-tip {
  display:flex; align-items:flex-start; gap:6px;
  margin:10px 0 0; padding:10px 13px;
  background:#f0f7ff; border-radius:0; border-left:3px solid #63b3ed;
  font-size:12.5px; color:#2c5282; line-height:1.5;
}
.mem-tip svg { flex-shrink:0; margin-top:1px; stroke:#63b3ed; }

/* ── Field label ── */
.mem-field-label {
  display:flex; align-items:center; gap:6px; margin-bottom:7px;
  font-size:11.5px; font-weight:700; color:var(--mem-text);
  text-transform:uppercase; letter-spacing:.05em;
}
.mem-field-label svg { stroke:var(--mem-muted); fill:none !important; }

/* ── Text / URL input ── */
.mem-input {
  width:100%; padding:10px 13px;
  border:1.5px solid var(--mem-border); border-radius:10px;
  font-size:13.5px; color:var(--mem-text); background:#fff;
  transition: border-color var(--t) var(--ease), box-shadow var(--t) var(--ease);
  box-sizing:border-box;
}
.mem-input:focus {
  outline:none; border-color:var(--mem-accent);
  box-shadow:0 0 0 3px rgba(26,26,46,.07);
}

/* ── Upload zones ── */
.mem-upload-zone {
  display:block; border:2px dashed var(--mem-border);
  border-radius:var(--mem-radius); cursor:pointer;
  transition: all var(--t) var(--ease); overflow:hidden;
}
.mem-upload-zone:hover, .mem-upload-zone.drag-over {
  border-color:var(--mem-accent); background:var(--mem-surface);
}
.mem-upload-zone.has-file {
  border-style:solid; border-color:var(--mem-success); background:#f0fff4;
}
.upload-zone-inner {
  display:flex; flex-direction:column; align-items:center; gap:7px;
  padding:26px 16px; color:var(--mem-muted); text-align:center; pointer-events:none;
}
.upload-zone-inner svg { color:var(--mem-muted); transition:color var(--t) var(--ease); }
.mem-upload-zone:hover .upload-zone-inner svg,
.mem-upload-zone.drag-over .upload-zone-inner svg { color:var(--mem-accent); }
.upload-zone-text { font-size:13px; font-weight:500; color:var(--mem-text); }
.upload-zone-hint { font-size:11px; color:var(--mem-muted); }

/* ── Select2 hint ── */
.mem-hint { margin:6px 0 0; font-size:11.5px; color:var(--mem-muted); }

/* ── Notice area ── */
#mem-notice-area  { margin-top:14px; }
.mem-notice       { padding:11px 14px; border-radius:9px; font-size:13px; font-weight:500; line-height:1.5; animation:memFadeIn .25s ease; }
.mem-notice-error   { background:#fff5f5; border:1px solid #fc8181; color:#9b2c2c; }
.mem-notice-success { background:#f0fff4; border:1px solid #9ae6b4; color:#276749; }

/* ── Submit ── */
.salvebtnfunzione { padding-top:20px; border-top:1px solid var(--mem-border); margin-top:4px; }
.mem-submit-btn {
  width:100%; display:flex; align-items:center; justify-content:center; gap:9px;
  padding:13px; background:var(--mem-accent); color:#fff;
  border:none; border-radius:12px; font-size:14px; font-weight:700;
  letter-spacing:.04em; cursor:pointer;
  transition: all var(--t) var(--ease);
  box-shadow:0 4px 14px rgba(26,26,46,.22);
}
.mem-submit-btn:hover  { background:#2d2d50; transform:translateY(-1px); box-shadow:0 6px 20px rgba(26,26,46,.28); }
.mem-submit-btn:active { transform:translateY(0); }
.mem-submit-btn:disabled { opacity:.7; cursor:not-allowed; transform:none; }
.btn-spinner { align-items:center; gap:7px; }
.btn-spinner:not([hidden]) { display:inline-flex; }
.spin-icon   { animation:memSpin 1s linear infinite; }
@keyframes memSpin { to{transform:rotate(360deg)} }

/* ── form-group spacing ── */
.form-group            { margin-bottom:14px; }
.form-group:last-child { margin-bottom:0; }
.chip-emoji svg rect, .chip-emoji svg circle{ fill: none !important; }
.chip-emoji svg path, .chip-emoji svg polygon{ fill: none !important; }
.woocommerce-account .c-account__col-content .button, #editContentForm label.customfileupbtn{border-radius:0 !important;}





/*Responsive media Query*/
@media (max-width: 1199px) { 
.mensilicoldata { padding: 10px; }
/*.main-grid .mensiliist .item { width: 33.33%; }*/


}


@media (max-width: 1024px) { 
/*.mensiliist .item { width: 33.33%; }*/
.missionimensec { padding: 15px 15px; }
.missionright { display: block; text-align: right; }
#page .missionright h4 { margin: 0 0 5px; font-size: 14px; }
#page .missiontitle { font-size: 20px; }
.missionheading { align-items: flex-end; }
#affiliate-dashboard .main-grid.missioncard-row { grid-template-columns: 1fr; }
.mensilicoldata strong { font-size: 13px; }
.mensilicoldata p { font-size: 13px; margin: 0 0 10px; }


}


@media (max-width:900px){
#affiliate-dashboard .top-cards { grid-template-columns:1fr; }
#affiliate-dashboard .main-grid { grid-template-columns:1fr; }
#affiliate-dashboard { padding:15px 0 0; }
#affiliate-dashboard .creditcard-row .card .label { font-size: 18px; }
#affiliate-dashboard .creditcard-row .card .value { font-size: 20px; }
.woocommerce-account #page .c-account .c-account__col-content .edit-account .form-row { width: 100%; padding: 0px; }
.woocommerce-account #page .c-account .c-account__col-content .edit-account fieldset legend { padding: 0; }


}


@media (max-width: 767px) { 
.coupanwmodal .modalcontentbox { padding: 32px 0px 10px 15px; }
#influencer-coupon-builder .coupon-row { grid-template-columns: 1fr 1fr; }
.coupanwmodal .mainform-body { padding: 0 10px 15px 0; }
#affiliate-dashboard .main-grid.missioncard-row { grid-template-columns: 1fr; }
.c-account .missionselect-row label { font-size: 16px; }
.missionselect-row .form-select { min-width: 120px; font-size: 14px; }
.missioncard-row .databox h4 { font-size: 14px; }
#affiliate-dashboard .missions .row { display: block; }
#affiliate-dashboard .header h1 { font-size: 17px; }
.mensiliist .item { padding: 5px; }
.mensiliist { margin: 0 -5px; }
.missionheading { display: block; }
.missionright { text-align: left; margin: 13px 0; }
#page .missionright h4 { margin: 0 0 10px; }
/*.main-grid .mensiliist .item { width: 50%; }*/
.headingmens { display: flex ; gap: 10px; align-items: center; padding: 0 120px 3px 0; }
.mensilicoldata strong { padding: 0; line-height: 15px; font-size: 12px; }
.mensheadingrow { margin: 0 0 3px; display: block; position: relative; }
.mensheadingrow .vip_mem_link, .rightcolbtnbox .vip_mem_claim_all { position: absolute; top: 0; right: 0; z-index: 2; font-size: 11px; }
.rightcolbtnbox { text-align: left; }
.woocommerce-account #page .c-account .c-account__col-content { padding-top: 15px; }
#page .c-account__col-menu { padding: 15px 0 25px; }
#page .c-account__col-menu .c-account__user { margin: 0 0 10px; }
body .c-account__col-menu .xp-wrapper { justify-content: center; padding: 0; }
.c-account__col-menu .xp-wrapper .card { padding: 5px 10px; }
body .c-account__col-menu .xp-wrapper .creditvalue { flex-wrap: nowrap; margin: 0; }
body .c-account__col-menu .creditvalue .level_name { width: auto; margin: 0 !important; }
#affiliate-dashboard { padding: 0; }
#affiliate-dashboard .header { justify-content: center; position: relative; padding-right: 30px; }
#affiliate-dashboard .header > div:first-child { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
#affiliate-dashboard .header #user-notifications { margin: 0; position: absolute; right: 0; top: 3px; }
#affiliate-dashboard .header .livelloeditlock { margin: 5px 0 0; white-space: nowrap; align-items: flex-start; }
#page .c-account .c-account__col-menu .c-account__navigation { margin-top: 20px;  }
#page .c-account .c-account__col-menu .c-account__navigation.sticky { top: 0; margin: 0; }
#affiliate-dashboard .creditcard-row .card { padding: 0; box-shadow: none; border: 0; background: #fff; }
#affiliate-dashboard .creditcard-row .upload-header { display: block; text-align: center; padding: 0; font-size: 20px; font-family: "Inter", system-ui, sans-serif; }
.contenuticonlist { padding: 10px 0 0; justify-content: center; gap: 8px; }
.contenuticonlist .btn { padding: 5px 10px; display: flex ; align-items: center; justify-content: center; }
ul.contenuticonlist .btn i { font-size: 30px; }
.mem-info-banner p, .inst_post_info.mem-tip { font-size: 11px; }

}


@media (max-width:480px){ 
.collab-modal { align-items:flex-start; padding-top:40px; } 
.collab-modal .box { width:100%; } 
#page .c-account__user-icon img { max-width: 50px; }
#page .c-account__col-content h2 { font-size: 18px !important; }


}

/* FIX-M3 (audit round 3 HIGH-R3-3): max-width responsive su asset form.
   img/svg con width="800" hardcoded (es. hybrid-bold.svg) causavano
   overflow di ~469px su viewport 360. Forza fluido + contenitore con
   overflow:hidden per il logo header del form. */
.influencernewform img,
.influencernewform svg,
.influencernewform .formheadingtop img,
.influencernewform .formheadingtop svg {
    max-width: 100%;
    height: auto;
}
.influencernewform .formheadingtop {
    overflow: hidden;
}
@media (max-width: 540px) {
    .influencernewform img[width],
    .influencernewform svg[width] {
        width: auto !important;
        max-width: 100% !important;
    }
}


/* =========================================================================
   FIX-P2 (audit round 4 M3 residuo + NEW-2): hero img form NON è dentro
   .influencernewform ma in entry-content (post_content del page 48652).
   La regola FIX-M3 originale non lo intercettava. Selettore esteso a
   tutti gli asset wide inside entry-content delle pagine di registrazione.
   ========================================================================= */
.page-id-48652 .entry-content img,
.page-id-48652 .entry-content svg,
.entry-content img[width],
.entry-content svg[width] {
    max-width: 100% !important;
    height: auto !important;
}
@media (max-width: 540px) {
    .page-id-48652 .entry-content img,
    .page-id-48652 .entry-content svg {
        width: auto !important;
        max-width: 100% !important;
    }
}

/* =========================================================================
   FIX-S1 (audit round 5 HIGH-R5-2): signature canvas overflow 213px @ 360.
   FIX-P2 ha rimosso l'overflow della hero img ma ha smascherato il signature
   canvas hardcoded a 520px (CSS top-of-file riga 1-2). Su mobile 360 esce
   ~213px dal viewport.
   ========================================================================= */
#signature {
    width: 100% !important;
    max-width: 520px !important;
    box-sizing: border-box;
}
#signature canvas,
canvas.jSignature {
    width: 100% !important;
    max-width: 500px !important;
    height: auto;
    box-sizing: border-box;
}
@media (max-width: 540px) {
    #signature { max-width: 100% !important; }
    #signature canvas,
    canvas.jSignature { max-width: 100% !important; }
}

/* Stock influencer — badge esaurito */
.influ-out-of-stock {
    opacity: 0.6;
    position: relative;
}
.influ-out-of-stock .woocommerce-LoopProduct-link::after {
    content: "Esaurito";
    position: absolute;
    top: 10px;
    left: 10px;
    background: #e74c3c;
    color: #fff;
    padding: 4px 12px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 600;
    z-index: 10;
}
.influ-stock-btn-disabled {
    background: #ccc !important;
    color: #666 !important;
    cursor: not-allowed !important;
    pointer-events: none;
    text-align: center;
    display: inline-block;
    padding: 8px 16px;
    font-size: 13px;
}

/* ── Sezione locked / non disponibile nel piano ─────────────────────── */
.hy-section-locked-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 65vh;
    padding: 24px;
}
.hy-section-locked {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 60px 24px;
    background: #f9f9f9;
    border: 1.5px dashed #d0d0d0;
    border-radius: 12px;
    color: #aaa;
    max-width: 520px;
    margin: 24px auto;
}
.hy-section-locked__icon {
    font-size: 40px;
    margin-bottom: 16px;
    opacity: 0.5;
    filter: grayscale(1);
}
.hy-section-locked__title {
    font-size: 1.2rem;
    font-weight: 600;
    color: #bbb;
    margin: 0 0 12px;
}
.hy-section-locked__message {
    font-size: 0.9rem;
    color: #bbb;
    line-height: 1.6;
    max-width: 420px;
    margin: 0;
}

/* ─── Invite banner (post-registration referral linking) ─────────────────── */
.hy-invite-banner {
    margin-bottom: 16px;
    padding: 12px 16px;
    border-radius: 6px;
    font-size: 14px;
}
.hy-invite-banner--linked {
    background: #f0f9f0;
    border: 1px solid #c3e6c3;
    color: #2e7d32;
}
.hy-invite-banner--open {
    background: #f5f5f5;
    border: 1px solid #e0e0e0;
    color: #333;
}
.hy-invite-banner--open p {
    margin: 0 0 8px;
}
.hy-invite-banner .btn.blackbgbtn {
    background: #000 !important;
    color: #fff !important;
}