/* ============================================================================
   NUSAIFA IT — Standard Developer Credit row (responsive, light + dark)
   Self-contained: works on every page, with or without site.css.
   Theme: follows <html data-theme="dark|light">. Add .nfc--on-dark when the
   row sits inside an always-navy footer (forces the dark/white logo).
   Targets: desktop row 80px · logo 46px · text 15px/600  (spec ≥1024px)
   ============================================================================ */
.nfc{
  --nfc-bg:#F4F6F9; --nfc-fg:#0A1B45; --nfc-sub:#3C4A66;
  --nfc-line:rgba(10,27,69,.18); --nfc-acc:#E8590C;
  width:100%; background:var(--nfc-bg); color:var(--nfc-fg);
  border-top:1px solid var(--nfc-line); border-bottom:1px solid var(--nfc-line);
  box-sizing:border-box; text-align:center;
  font-family:Poppins,Inter,Sora,"Noto Sans Bengali",system-ui,-apple-system,"Segoe UI",sans-serif;
  -webkit-font-smoothing:antialiased;
}
html[data-theme="dark"] .nfc, .nfc.nfc--on-dark{
  --nfc-bg:#0A1B45; --nfc-fg:#FFFFFF; --nfc-sub:#DCE4F3; --nfc-line:rgba(255,255,255,.16);
}
.nfc *{box-sizing:border-box}
.nfc__in{
  max-width:1200px; min-height:80px; margin:0 auto; padding:16px 28px;
  display:flex; align-items:center; justify-content:center; gap:28px;
}
.nfc__txt{
  margin:0; font-size:15px; font-weight:600; line-height:22px; letter-spacing:.005em;
  color:var(--nfc-sub); text-align:right;
}
.nfc__txt span{display:block}
.nfc__sr{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.nfc__div{flex:none; width:1px; height:32px; background:var(--nfc-line)}
.nfc__logo{display:inline-flex; align-items:center; flex:none; border-radius:6px; transition:opacity .2s, transform .2s}
.nfc__logo:hover{opacity:.88; transform:translateY(-1px)}
.nfc__logo:focus-visible{outline:2.5px solid var(--nfc-acc); outline-offset:4px}
.nfc__img{display:block; height:52px; width:auto; max-width:100%}
/* logo version per theme (original artwork, never recoloured) */
.nfc__img--dark{display:none}
html[data-theme="dark"] .nfc .nfc__img--light, .nfc.nfc--on-dark .nfc__img--light{display:none}
html[data-theme="dark"] .nfc .nfc__img--dark,  .nfc.nfc--on-dark .nfc__img--dark{display:block}

/* tablet 769–1023 */
@media (max-width:1023px){
  .nfc__in{min-height:72px; padding:14px 22px; gap:22px}
  .nfc__txt{font-size:14px; line-height:20px}
  .nfc__img{height:44px}
}
/* mobile ≤768 — stacked, centered, logo first */
@media (max-width:768px){
  .nfc__in{flex-direction:column; min-height:104px; padding:14px 16px; gap:8px; justify-content:center}
  .nfc__logo{order:-1}
  .nfc__div{display:none}
  .nfc__txt{text-align:center; font-size:13px; line-height:19px}
  .nfc__img{height:42px}
}
/* small mobile ≤480 */
@media (max-width:480px){
  .nfc__in{padding:14px 12px; gap:8px}
  .nfc__txt{font-size:12.5px}
  .nfc__img{height:38px}
}
@media print{.nfc{display:none}}