/* Side social rail: the phone button opens a small card with the two numbers.
   The card and its numbers are native Elementor widgets in the footer templates;
   this file only gives them shape and the open/closed states. */
.nk-social-rail .nk-sr-card{
  position:absolute; left:148px; top:157px; z-index:2;
  width:auto !important; min-width:224px; max-width:none;
  padding:14px 14px 10px !important;
  background:#fff; border-radius:12px;
  box-shadow:0 18px 40px -16px rgba(34,42,56,.45), 0 0 0 1px rgba(34,42,56,.08);
  opacity:0; visibility:hidden; pointer-events:none;
  transform:translate(-8px,-50%);
  transition:opacity .22s ease, transform .3s cubic-bezier(.22,1,.36,1), visibility 0s linear .3s;
}
.nk-social-rail .nk-sr-card::before{
  content:""; position:absolute; left:-6px; top:50%; width:12px; height:12px;
  background:#fff; transform:translateY(-50%) rotate(45deg);
  box-shadow:-1px 1px 0 rgba(34,42,56,.08);
}
.nk-social-rail.is-phone-open .nk-sr-card{
  opacity:1; visibility:visible; pointer-events:auto;
  transform:translate(0,-50%); transition-delay:0s;
}
/* keep the phone pill open while its card is showing */
.nk-social-rail.is-phone-open .sr-phone .elementor-button{
  width:150px; border-radius:0 26px 26px 0; transform:translateX(4px);
  background:linear-gradient(145deg,#00775B,#00775B);
}
.nk-social-rail.is-phone-open .sr-phone .elementor-button-text{ opacity:1; }

.nk-sr-card .nk-sr-card-title .elementor-heading-title{
  margin:0 0 4px; padding:0 10px;
  font-size:12px; line-height:1.4; font-weight:600;
  letter-spacing:.06em; text-transform:uppercase; color:#5B6472;
}
.nk-social-rail .nk-sr-card .elementor-widget{ width:100%; }
.nk-social-rail .nk-sr-card .elementor-button,
.nk-social-rail .nk-sr-card .elementor-button:hover{
  width:100%; height:auto; margin:0; padding:8px 10px; overflow:visible;
  border-radius:8px; transform:none; box-shadow:none;
  background:transparent; color:#222A38;
  font-size:15px; line-height:1.3; font-weight:600;
}
.nk-social-rail .nk-sr-card .elementor-button:hover,
.nk-social-rail .nk-sr-card .elementor-button:focus-visible{
  background:rgba(0,119,91,.09); color:#00775B;
}
.nk-social-rail .nk-sr-card .elementor-button::after{ content:none; }
.nk-social-rail .nk-sr-card .elementor-button-content-wrapper{ gap:10px; }
.nk-social-rail .nk-sr-card .elementor-button-icon{
  width:auto; min-width:0; height:auto; font-size:13px; color:#00775B;
}
.nk-social-rail .nk-sr-card .elementor-button-icon svg{ width:13px; height:13px; fill:#00775B !important; }
.nk-social-rail .nk-sr-card .elementor-button-text{
  opacity:1; padding:0; white-space:nowrap;
  direction:ltr; unicode-bidi:isolate; font-variant-numeric:tabular-nums;
}

/* RTL (Arabic): rail sits on the right, card opens to the left */
[dir="rtl"] .nk-social-rail .nk-sr-card{ left:auto; right:148px; transform:translate(8px,-50%); }
[dir="rtl"] .nk-social-rail.is-phone-open .nk-sr-card{ transform:translate(0,-50%); }
[dir="rtl"] .nk-social-rail .nk-sr-card::before{ left:auto; right:-6px; box-shadow:1px -1px 0 rgba(34,42,56,.08); }
[dir="rtl"] .nk-social-rail.is-phone-open .sr-phone .elementor-button{ border-radius:26px 0 0 26px; transform:translateX(-4px); }
[dir="rtl"] .nk-sr-card .nk-sr-card-title .elementor-heading-title{ letter-spacing:0; font-size:13px; }

@media (prefers-reduced-motion: reduce){
  .nk-social-rail .nk-sr-card{ transition:none; }
}