/* SatSell Smart Membership - Frontend shared styles
 * Version: 2.0.2
 */

.ssm-cta-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap: 8px;
  padding: 10px 14px;
  border-radius: 14px;
  border: 1px solid rgba(0,0,0,0.12);
  background: #fff;
  text-decoration:none;
  font-weight: 800;
  font-size: 13px;
}

.ssm-cta-btn--inline{ padding: 9px 12px; border-radius: 12px; }

.ssm-notice{
  direction: rtl;
  font-family: inherit;
  border-radius: 16px;
  padding: 14px;
  border: 1px solid rgba(0,0,0,0.10);
  background: rgba(0,0,0,0.03);
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap: 14px;
  margin: 12px 0;
}

.ssm-notice__text{ line-height: 1.9; }

.ssm-notice--warning{ background: rgba(255, 199, 0, 0.12); border-color: rgba(255,199,0,0.25); }
.ssm-notice--danger{ background: rgba(255, 0, 70, 0.10); border-color: rgba(255,0,70,0.20); }

/* Rules modal better look (optional overrides of inline styles) */
#ssm-rules-modal{ backdrop-filter: blur(2px); -webkit-backdrop-filter: blur(2px); }
#ssm-rules-modal .ssm-close-rules{ font-size: 22px; }


/* Membership variable product info box */
.ssm-membership-variation-box{
  direction: rtl;
  font-family: inherit;
  border-radius: 16px;
  padding: 14px;
  border: 1px solid rgba(0,0,0,0.10);
  background: rgba(255,255,255,0.60);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
.ssm-membership-variation-box .ssm-mv-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 10px;
  line-height: 1.9;
}
.ssm-membership-variation-box .ssm-mv-row strong{ font-weight: 900; }
.ssm-membership-variation-box .ssm-mv-hint{ margin-top: 6px; font-size: 12px; opacity: 0.8; line-height: 1.8; }


/* Deactivation portal */

.ssm-deact{direction:rtl;max-width:860px;margin:18px auto;font-family:inherit;}
.ssm-deact-card{background:#fff;border:1px solid rgba(0,0,0,0.10);border-radius:18px;padding:18px;box-shadow:0 10px 28px rgba(0,0,0,0.06);}
.ssm-deact-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;}
.ssm-deact-header h2{margin:0;font-size:20px;line-height:1.4;}
.ssm-deact-sub{margin:8px 0 0;color:rgba(0,0,0,0.72);line-height:1.9;font-size:13px;}
.ssm-deact-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px;}
.ssm-deact-gate{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:14px;}
.ssm-deact-gate small{color:rgba(0,0,0,0.55);line-height:1.8;}
.ssm-deact-formwrap{margin-top:16px;display:none;}
.ssm-deact-form{margin:0;}
.ssm-field{margin:12px 0;}
.ssm-field label{font-weight:700;}
.ssm-field input[type="checkbox"]{transform:scale(1.05);margin-inline-end:8px;}
.ssm-link{background:none;border:none;padding:0;color:#0b57d0;text-decoration:underline;cursor:pointer;font-weight:700;font-size:13px;}
.ssm-link:focus{outline:2px solid rgba(11,87,208,0.25);outline-offset:3px;border-radius:8px;}
.ssm-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;border-radius:14px;border:1px solid rgba(0,0,0,0.14);background:#fff;text-decoration:none;font-weight:900;font-size:13px;cursor:pointer;}
.ssm-btn[disabled]{opacity:0.55;cursor:not-allowed;}
.ssm-btn--success{background:rgba(0,160,90,0.10);border-color:rgba(0,160,90,0.35);}
.ssm-btn--danger{background:rgba(255,0,70,0.10);border-color:rgba(255,0,70,0.25);}
.ssm-btn--outline{background:#fff;}
/* Modal (rules) */
#ssm-rules-modal{position:fixed;inset:0;display:none;z-index:99999;background:rgba(0,0,0,0.55);padding:18px;overflow:auto;}
#ssm-rules-modal .ssm-modal-card{max-width:760px;margin:40px auto;background:#fff;border-radius:18px;border:1px solid rgba(0,0,0,0.10);box-shadow:0 18px 60px rgba(0,0,0,0.22);padding:18px;}
#ssm-rules-modal .ssm-modal-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;}
#ssm-rules-modal .ssm-modal-top h3{margin:0;font-size:18px;line-height:1.4;}
#ssm-rules-modal .ssm-close-rules{border:none;background:rgba(0,0,0,0.06);width:38px;height:38px;border-radius:14px;cursor:pointer;font-weight:900;}
#ssm-rules-modal .ssm-modal-body{margin-top:12px;line-height:2;color:rgba(0,0,0,0.78);font-size:13px;}
#ssm-rules-modal .ssm-modal-foot{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px;align-items:center;}