/*
footer.css — ফুটার: ৪টি কার্ড, বিভাগের ২ কলাম, যোগাযোগ, সোশ্যাল পিল সারি, শুরুতে বাটন
পর্যবেক্ষণ: স্বাধীন স্টাইল ফাইল। শুধু এই ফাইলটি বদলালেই এই অংশের চেহারা বদলাবে, অন্য ফাইলে হাত দিতে হবে না।
রঙ/ফন্ট টোকেন base.css এর :root-এ। */
/* ফুটারের সোশ্যাল — একেবারে নিচে পূর্ণ প্রস্থে সাদা পিল, মাঝে সারি (ফাঁকা জায়গা ছাড়া) */
.kx-foot-social-wrap{margin-top:22px; border-top:1px solid rgba(255,255,255,.09); padding-top:18px;}
.kx-social.kx-foot-social{display:flex; flex-wrap:wrap; justify-content:center; gap:10px; margin:0;}
.kx-social.kx-foot-social a{flex:0 1 auto; height:38px; padding:0 16px; border-radius:999px;
  background:#fffdf7; border:1px solid #fffdf7; color:#171310; font-size:12.5px; font-weight:600;}
.kx-social.kx-foot-social a:hover{background:var(--dot); border-color:var(--dot); color:#fff;}

/* --- ফুটার (thepostar.com স্টাইল: গাঢ় ব্যাক, রাউন্ডেড কার্ড, লাল অ্যাকসেন্ট) --- */
/* বাইরের ফ্রেম: হেডারের কার্ডের (.kx-hcard) মতোই ভাসমান গোলাকার কার্ড — চারপাশে ফাঁকা জায়গা,
   ভেতরের কোনো ডিজাইনে হাত দেওয়া হয়নি (প্রস্থের নিয়ম .kx-wrap-এর ধাপগুলোর সাথে মিলানো)। */
.kx-foot{background:var(--ink); color:#cbbfaf; margin:36px auto 16px; width:calc(100% - 32px);
  border:1px solid rgba(216,205,184,.18); border-radius:20px; overflow:hidden;
  box-shadow:0 14px 34px -22px rgba(23,19,16,.55); padding:26px 0 0;}
@media (min-width:768px){ .kx-foot{width:calc(100% - 56px);} }
@media (min-width:1160px){ .kx-foot{width:calc(100% - 32px); max-width:1368px;} }
@media (max-width:900px){ .kx-foot{border-radius:20px;} }
@media (max-width:640px){ .kx-foot{border-radius:16px;} }
/* চারটি কার্ড সবসময় সমান উঁচু: grid align-items:stretch, কার্ডগুলো flex column */
.kx-foot-grid{display:grid; gap:12px; grid-template-columns:1fr; align-items:stretch;}
@media (min-width:680px){ .kx-foot-grid{grid-template-columns:repeat(2,minmax(0,1fr));} }
@media (min-width:1024px){ .kx-foot-grid{grid-template-columns:1.15fr 1.5fr 1.15fr 1.3fr; gap:14px;} }
.kx-fcard{display:flex; flex-direction:column; background:rgba(255,255,255,.045); border:1px solid rgba(255,255,255,.12); border-radius:12px; padding:18px 16px 18px;}
.kx-fcard-h{font-family:'Hind Siliguri',sans-serif; font-size:13px; font-weight:700; color:#f5ecdb; margin:0 0 8px;}
.kx-fcard-h:after{content:''; display:block; width:24px; height:2px; background:var(--red-soft); margin-top:6px;}
.kx-foot ul{margin:0; padding:0; list-style:none;}
.kx-fcard a{display:block; font-family:'Hind Siliguri',sans-serif; font-size:13px; line-height:1.55; color:#cbbfaf;
  text-decoration:none; padding:4px 0;}
.kx-fcard a:hover{color:#fff;}
/* বিভাগের তালিকা: ২ কলাম — বিভাগ বাড়লেও কার্ডের উচ্চতা প্রায় স্থির থাকে */
.kx-fcats{columns:2; column-gap:10px;}
.kx-fcats li{break-inside:avoid;}
.kx-fcats a{font-size:12px; padding:3px 0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.kx-foot-brand{font-family:'Tiro Bangla',serif; font-size:26px; color:#fff; line-height:1.1;}
.kx-foot p{font-family:'Hind Siliguri',sans-serif; font-size:13px; line-height:1.8; color:#b3a795; margin:0;}
.kx-foot-about{font-family:'Hind Siliguri',sans-serif; font-size:13px; line-height:1.8; color:#b3a795; margin:8px 0 0;}
/* যোগাযোগের সারি */
.kx-fcon{display:flex; align-items:flex-start; gap:9px; font-family:'Hind Siliguri',sans-serif;
  font-size:13px; line-height:1.65; color:#cbbfaf;}
.kx-fcon + .kx-fcon{margin-top:9px;}
.kx-fcon svg{flex:none; width:16px; height:16px; margin-top:2px; fill:none; stroke:var(--red-soft); stroke-width:1.8;
  stroke-linecap:round; stroke-linejoin:round;}
.kx-fcon a{color:#cbbfaf; text-decoration:none;}
.kx-fcon a:hover{color:#fff;}
.kx-fcon em{display:block; font-style:normal; font-size:10.5px; font-weight:700; letter-spacing:.1em; color:#8a7d6c;}
.kx-fcon b{display:block; font-weight:600; color:#e6dccb;}
.kx-foot-bar{margin-top:18px; padding:14px 0 20px; border-top:1px solid rgba(255,255,255,.09);
  font-family:'Hind Siliguri',sans-serif; font-size:12px; color:#8a7d6c; text-align:center;}
.kx-foot-bar a{color:#b3a795; text-decoration:none;}
.kx-foot-bar a:hover{color:#fff;}
/* ভাসমান "শুরুতে" বাটন */
.kx-totop{position:fixed; right:16px; bottom:18px; z-index:70; width:42px; height:42px; border-radius:12px;
  background:var(--red); color:#fff; display:flex; align-items:center; justify-content:center; text-decoration:none;
  font-size:18px; line-height:1; box-shadow:0 14px 28px -16px rgba(0,0,0,.85);
  opacity:0; visibility:hidden; transform:translateY(10px);
  transition:opacity .25s, transform .25s, background .2s, visibility 0s linear .25s;}
.kx-totop.show{opacity:1; visibility:visible; transform:none; transition:opacity .25s, transform .25s, background .2s;}
.kx-totop:hover{background:var(--ink); color:#fff;}
.kx-foot a:focus-visible,
.kx-totop:focus-visible{outline:2px solid var(--red-soft); outline-offset:3px;}