/* ============================================================================
   গ্লোবাল বাংলা ফন্ট — Noto Serif Bengali
   ----------------------------------------------------------------------------
   কোথায় যুক্ত: resources/views/partials/bangla-font.blade.php
   (প্যানেলের style partial, frontend লেআউট, লগইন ও প্রিন্ট পাতার <head>-এ)

   ফন্ট বদলাতে চাইলে শুধু নিচের --bn-font আর partial-এর Google Fonts লিংক বদলান।

   কেন !important আর :not(...) এর লম্বা তালিকা:
   • app.min.css, master.css, frontend-এর ৪০+ CSS ফাইল ও বহু পাতার <style>
     নিজের নিজের font-family বসায় (কিছু !important দিয়েও) — এক জায়গা থেকে সবার
     উপরে জিততে হলে বেশি নির্দিষ্টতা + !important দরকার।
   • আইকন ফন্ট (Remix, Font Awesome, Bootstrap Icons, Boxicons, MDI) নিজের
     font-family ছাড়া চলে না — ওগুলো বাদ, নইলে আইকনের জায়গায় ভাঙা অক্ষর আসে।
   • কোড/সংখ্যার monospace (code, kbd, pre, samp) ইচ্ছে করেই বাদ।
   ========================================================================== */

:root {
  --bn-font: 'Noto Serif Bengali', 'Noto Sans Bengali', 'Hind Siliguri', 'SolaimanLipi', 'Nirmala UI', serif;
  --hd-font: var(--bn-font);
}

/* সতর্কতা: :not(...)-গুলোর মাঝে ফাঁকা জায়গা বা লাইন-ভাঙা দেওয়া যাবে না — CSS-এ
   ফাঁকা মানে "ভেতরের উপাদান", তখন নিয়মটা সম্পূর্ণ অন্য উপাদানে লাগে।
   :not()-এ শুধু সরল selector — জটিলটা (যেমন "svg *") পুরনো ব্রাউজার চেনে না,
   আর একটা অচেনা অংশ থাকলে পুরো নিয়মটাই বাতিল হয়। */
html body,
body *:not(i):not(svg):not([class^="ri-"]):not([class*=" ri-"]):not([class^="fa"]):not([class*=" fa"]):not([class^="bi-"]):not([class*=" bi-"]):not([class^="bx"]):not([class*=" bx"]):not([class^="mdi"]):not([class*=" mdi"]):not(.material-icons):not(.material-symbols-outlined):not(code):not(kbd):not(pre):not(samp) {
  font-family: var(--bn-font) !important;
}

/* বাটন/ইনপুটের ভেতরের লেখা ব্রাউজার নিজের ফন্টে দেখায় — ওগুলোতেও একই ফন্ট */
body button,
body input,
body select,
body textarea,
body optgroup {
  font-family: var(--bn-font) !important;
}
