/* Samineh Box frontend components - lightweight product SMS alerts */
.samineh-product-sms-alert,
.samineh-product-sms-alert *,
.samineh-sms-alert-message,
.samineh-sms-alert-message *{
  box-sizing:border-box;
}
.samineh-product-sms-alert{
  --sbx-pa-primary:#00aeb4;
  --sbx-pa-primary-dark:#087f83;
  --sbx-pa-navy:#071f32;
  --sbx-pa-muted:#64748b;
  --sbx-pa-border:#dcecf1;
  --sbx-pa-soft:#f5fbfc;
  width:100%;
  max-width:680px;
  margin:18px 0;
  direction:rtl;
  font-family:inherit;
  color:var(--sbx-pa-navy);
}
.samineh-product-sms-alert__summary{
  display:flex;
  align-items:center;
  gap:12px;
  list-style:none;
  cursor:pointer;
  user-select:none;
  border:1px solid var(--sbx-pa-border);
  border-radius:20px;
  padding:14px 15px;
  background:#fff;
  box-shadow:0 14px 34px rgba(7,31,50,.08);
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.samineh-product-sms-alert__summary::-webkit-details-marker{display:none}
.samineh-product-sms-alert__summary:hover{
  transform:translateY(-1px);
  border-color:rgba(0,174,180,.42);
  box-shadow:0 18px 42px rgba(7,31,50,.12);
}
.samineh-product-sms-alert__summary-icon{
  display:inline-grid;
  place-items:center;
  flex:0 0 42px;
  width:42px;
  height:42px;
  border-radius:16px;
  color:#fff;
  background:linear-gradient(135deg,var(--sbx-pa-primary),var(--sbx-pa-navy));
  font-weight:900;
  box-shadow:0 12px 26px rgba(0,174,180,.22);
}
.samineh-product-sms-alert__summary-copy{
  display:flex;
  flex-direction:column;
  gap:4px;
  min-width:0;
  flex:1 1 auto;
}
.samineh-product-sms-alert__summary-copy strong{
  font-size:15px;
  font-weight:900;
  line-height:1.6;
  color:var(--sbx-pa-navy);
}
.samineh-product-sms-alert__summary-copy small{
  color:var(--sbx-pa-muted);
  font-size:12px;
  line-height:1.8;
}
.samineh-product-sms-alert__trigger{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  padding:8px 14px;
  border-radius:999px;
  background:rgba(0,174,180,.1);
  color:var(--sbx-pa-primary-dark);
  font-weight:900;
  font-size:12px;
  white-space:nowrap;
}
.samineh-product-sms-alert[open] .samineh-product-sms-alert__summary{
  border-bottom-left-radius:16px;
  border-bottom-right-radius:16px;
}
.samineh-product-sms-alert__form{
  margin-top:10px;
  padding:15px;
  border:1px solid var(--sbx-pa-border);
  border-radius:20px;
  background:#fff;
  box-shadow:0 14px 36px rgba(7,31,50,.07);
}
.samineh-product-sms-alert__choices{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:10px;
  margin-bottom:12px;
}
.samineh-product-sms-alert__choice{
  position:relative;
  display:grid;
  grid-template-columns:auto 36px 1fr;
  align-items:center;
  gap:10px;
  min-height:82px;
  padding:12px;
  border:1px solid var(--sbx-pa-border);
  border-radius:18px;
  background:linear-gradient(135deg,#fff,#f9fdfe);
  cursor:pointer;
  transition:border-color .2s ease,background .2s ease,box-shadow .2s ease,transform .2s ease;
}
.samineh-product-sms-alert__choice:hover{
  transform:translateY(-1px);
  border-color:rgba(0,174,180,.36);
  box-shadow:0 12px 26px rgba(7,31,50,.07);
}
.samineh-product-sms-alert__choice input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}
.samineh-product-sms-alert__choice-mark{
  width:20px;
  height:20px;
  border-radius:8px;
  border:2px solid #bdd6dd;
  background:#fff;
  box-shadow:inset 0 0 0 4px #fff;
}
.samineh-product-sms-alert__choice input:checked + .samineh-product-sms-alert__choice-mark{
  background:var(--sbx-pa-primary);
  border-color:var(--sbx-pa-primary);
}
.samineh-product-sms-alert__choice-icon{
  display:inline-grid;
  place-items:center;
  width:36px;
  height:36px;
  border-radius:14px;
  background:rgba(0,174,180,.1);
  color:var(--sbx-pa-primary-dark);
  font-weight:900;
}
.samineh-product-sms-alert__choice-text{
  display:flex;
  flex-direction:column;
  gap:3px;
  min-width:0;
}
.samineh-product-sms-alert__choice-text b{
  color:var(--sbx-pa-navy);
  font-size:13px;
  line-height:1.7;
  font-weight:900;
}
.samineh-product-sms-alert__choice-text small{
  color:var(--sbx-pa-muted);
  font-size:11px;
  line-height:1.8;
}
.samineh-product-sms-alert__row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:10px;
  align-items:center;
}
.samineh-product-sms-alert__row input[type="tel"]{
  width:100%;
  min-height:46px;
  border:1px solid #dbe8ee;
  border-radius:16px;
  padding:10px 13px;
  background:#fff;
  color:var(--sbx-pa-navy);
  outline:none;
  box-shadow:none;
}
.samineh-product-sms-alert__row input[type="tel"]:focus{
  border-color:var(--sbx-pa-primary);
  box-shadow:0 0 0 4px rgba(0,174,180,.12);
}
.samineh-product-sms-alert__row button{
  min-height:46px;
  border:0;
  border-radius:16px;
  padding:10px 18px;
  background:linear-gradient(135deg,var(--sbx-pa-navy),var(--sbx-pa-primary));
  color:#fff;
  font-weight:900;
  cursor:pointer;
  white-space:nowrap;
  box-shadow:0 12px 24px rgba(0,174,180,.18);
}
.samineh-product-sms-alert--clean .samineh-product-sms-alert__summary,
.samineh-product-sms-alert--clean .samineh-product-sms-alert__form{
  background:#fff;
  box-shadow:none;
}
.samineh-product-sms-alert--clean .samineh-product-sms-alert__summary-icon,
.samineh-product-sms-alert--clean .samineh-product-sms-alert__row button{
  background:var(--sbx-pa-primary);
}
.samineh-product-sms-alert--glass .samineh-product-sms-alert__summary,
.samineh-product-sms-alert--glass .samineh-product-sms-alert__form{
  background:rgba(255,255,255,.78);
  backdrop-filter:blur(10px);
  border-color:rgba(0,174,180,.22);
}
.samineh-product-sms-alert--dark .samineh-product-sms-alert__summary,
.samineh-product-sms-alert--dark .samineh-product-sms-alert__form{
  background:linear-gradient(135deg,#061827,#0b2b3d);
  border-color:rgba(255,255,255,.12);
  color:#fff;
}
.samineh-product-sms-alert--dark .samineh-product-sms-alert__summary-copy strong,
.samineh-product-sms-alert--dark .samineh-product-sms-alert__choice-text b{color:#fff}
.samineh-product-sms-alert--dark .samineh-product-sms-alert__summary-copy small,
.samineh-product-sms-alert--dark .samineh-product-sms-alert__choice-text small{color:rgba(255,255,255,.72)}
.samineh-product-sms-alert--dark .samineh-product-sms-alert__choice{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12)}
.samineh-product-sms-alert--line .samineh-product-sms-alert__summary,
.samineh-product-sms-alert--line .samineh-product-sms-alert__form{
  border-radius:14px;
  box-shadow:none;
}
.samineh-product-sms-alert--line .samineh-product-sms-alert__summary-icon{width:34px;height:34px;flex-basis:34px;border-radius:12px}
.samineh-sms-alert-message{
  width:100%;
  max-width:680px;
  margin:12px 0;
  padding:12px 14px;
  border-radius:16px;
  background:#ecfeff;
  border:1px solid rgba(0,174,180,.24);
  color:#075e64;
  font-weight:800;
  direction:rtl;
}
@media(max-width:640px){
  .samineh-product-sms-alert__summary{align-items:flex-start;gap:10px;padding:12px}
  .samineh-product-sms-alert__trigger{width:100%;grid-column:1 / -1;margin-top:4px}
  .samineh-product-sms-alert__summary{display:grid;grid-template-columns:42px 1fr}
  .samineh-product-sms-alert__choices{grid-template-columns:1fr}
  .samineh-product-sms-alert__row{grid-template-columns:1fr}
  .samineh-product-sms-alert__row button{width:100%}
}