/* =============================================
   SaudiJabo — নোটিশ ব্যানার ও পপআপ
   ---------------------------------------------
   সাইটের নিজস্ব রং (main.css এর --sj-*) ব্যবহার করা হয়েছে।
   ⚠️ ব্যানারটি <nav> এর উপরে বসে, আর nav টি sticky — তাই
      ব্যানারে position দেওয়া হয়নি, নাহলে দুটি একসাথে আটকে
      পাতার উপরের অংশ খেয়ে ফেলত।
   ============================================= */

.nt-bar{ width:100%; }
.nt-item{ width:100%; border-bottom:1px solid rgba(0,0,0,.06); }
.nt-in{
  position:relative;                 /* × বোতামটি কোণায় বসানোর জন্য */
  max-width:1280px; margin:0 auto; padding:9px 16px;
  display:flex; align-items:center; gap:10px; flex-wrap:wrap;
}
.nt-ic{ font-size:17px; line-height:1.3; flex:none; }
.nt-txt{ flex:1 1 220px; min-width:0; }
.nt-t{ font-size:14px; font-weight:700; line-height:1.45; display:block; }
.nt-d{ font-size:13px; line-height:1.6; opacity:.92; display:block; margin-top:1px; overflow-wrap:break-word; }
.nt-btns{ display:flex; gap:7px; flex-wrap:wrap; flex:none; }

.nt-b{
  display:inline-flex; align-items:center; justify-content:center;
  min-height:36px; padding:6px 14px; border-radius:8px;
  font-size:13px; font-weight:700; line-height:1.3; white-space:nowrap;
  text-decoration:none; background:rgba(255,255,255,.95); color:#111827;
  border:1px solid rgba(255,255,255,.6);
}
.nt-b:hover{ background:#fff; }
.nt-b2{ background:transparent; color:inherit; border-color:currentColor; }
.nt-b2:hover{ background:rgba(255,255,255,.18); }

.nt-x{
  background:transparent; border:0; color:inherit; cursor:pointer;
  font-size:24px; line-height:1; padding:0 4px; opacity:.65; flex:none;
  min-width:32px; min-height:32px;
}
.nt-x:hover{ opacity:1; }

/* ---------- রং ---------- */
.nt-info   { background:#1e3a8a; color:#fff; }
.nt-success{ background:#14532d; color:#fff; }
.nt-warning{ background:#fef3c7; color:#78350f; }
.nt-urgent { background:#991b1b; color:#fff; }
.nt-warning .nt-b{ background:#78350f; color:#fff; border-color:#78350f; }
.nt-warning .nt-b:hover{ background:#92400e; }

/* ---------- ছোট পর্দা ---------- */
/* ⚠️ আগে × বোতামটি flex এর শেষ সন্তান হিসেবে নিচে একা একটা
      লাইনে চলে যেত, আর আইকনটি পুরো লেখার মাঝ বরাবর ভাসত।
      তাই ছোট পর্দায় × কে কোণায় বসানো হলো আর আইকন-লেখা
      উপরের দিক থেকে সারিবদ্ধ করা হলো। */
@media (max-width:600px){
  .nt-in{ padding:10px 40px 10px 14px; gap:8px; align-items:flex-start; }
  .nt-ic{ margin-top:1px; }
  .nt-t{ font-size:13.5px; }
  .nt-d{ font-size:12.5px; }
  .nt-btns{ flex:1 1 100%; }
  .nt-b{ flex:1 1 auto; min-height:40px; }
  .nt-x{ position:absolute; top:4px; right:6px; font-size:22px; }
}

/* =============================================
   পপআপ
   ============================================= */
.nt-pop{
  position:fixed; inset:0; z-index:100;
  display:flex; align-items:center; justify-content:center;
  padding:16px; background:rgba(17,24,39,.55);
}
.nt-pop[hidden]{ display:none; }
.nt-pop-box{
  position:relative; width:100%; max-width:420px;
  background:#fff; color:var(--sj-ink,#1f2937);
  border-radius:16px; padding:26px 22px 22px; text-align:center;
  border-top:5px solid currentColor;
  max-height:90vh; overflow-y:auto;
}
/* বাক্সের উপরের রেখাটি নোটিশের রং নেয়, ভিতরের লেখা নয় */
.nt-info    .nt-pop-box{ color:#1e3a8a; }
.nt-success .nt-pop-box{ color:#14532d; }
.nt-warning .nt-pop-box{ color:#b45309; }
.nt-urgent  .nt-pop-box{ color:#991b1b; }

.nt-pop-ic{ font-size:38px; line-height:1; margin-bottom:10px; }
.nt-pop-t{ font-size:19px; font-weight:700; line-height:1.45; margin:0 0 9px; color:var(--sj-ink,#1f2937); }
.nt-pop-d{ font-size:14.5px; line-height:1.8; color:var(--sj-muted,#6b7280); margin:0 0 18px; overflow-wrap:break-word; }
.nt-pop-row{ display:flex; flex-direction:column; gap:9px; }

.nt-pop-b{
  display:inline-flex; align-items:center; justify-content:center;
  min-height:46px; padding:11px 18px; border-radius:10px;
  font-size:14.5px; font-weight:700; text-decoration:none;
  background:var(--sj-green,#1B4332); color:#fff; border:1px solid transparent;
}
.nt-pop-b:hover{ opacity:.93; color:#fff; }
.nt-pop-b2{ background:transparent; color:var(--sj-green,#1B4332); border-color:var(--sj-green,#1B4332); }
.nt-pop-b2:hover{ background:rgba(27,67,50,.06); }

.nt-pop-x{
  position:absolute; top:8px; right:10px;
  background:transparent; border:0; cursor:pointer;
  font-size:26px; line-height:1; color:#9ca3af;
  min-width:40px; min-height:40px;
}
.nt-pop-x:hover{ color:#4b5563; }

@media (min-width:480px){ .nt-pop-row{ flex-direction:row; justify-content:center; }
                          .nt-pop-b{ flex:1 1 auto; } }

/* ছাপার সময় নোটিশ দরকার নেই */
@media print{ .nt-bar, .nt-pop{ display:none !important; } }