<?php /* উত্তরপত্র টিভি — footer.php | সংস্করণ ৩.০ */ ?>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Noto+Serif+Bengali:wght@400;500;600;700;800&family=Noto+Sans+Bengali:wght@400;500;600;700&display=swap" rel="stylesheet">
 
<style>
/* ══════════════════════════════════════════════════
   উত্তরপত্র টিভি — Footer v3.0
   মূল সমস্যার সমাধান:
   থিমের  svg { width:100% }  বা  img,svg { max-width:100% }
   CSS আইকনকে বিশাল করে দিচ্ছিল।
   সমাধান: SVG inline ব্যবহার না করে CSS mask-image দিয়ে
   আইকন দেখানো হয়েছে — থিম এতে কোনো প্রভাব ফেলতে পারে না।
══════════════════════════════════════════════════ */
 
:root {
  --fp-red:      #c0392b;
  --fp-red-dk:   #a93226;
  --fp-black:    #111111;
  --fp-off:      #f8f6f2;
  --fp-white:    #ffffff;
  --fp-border:   #e0dbd4;
  --fp-muted:    #888888;
  --fp-serif:    'Noto Serif Bengali', serif;
  --fp-sans:     'Noto Sans Bengali', sans-serif;
}
 
/* ── BASE ── */
.ut-footer {
  font-family: var(--fp-serif);
  background: var(--fp-white);
  color: var(--fp-black);
  border-top: 4px solid var(--fp-red);
  box-sizing: border-box;
}
.ut-footer *, .ut-footer *::before, .ut-footer *::after {
  box-sizing: border-box;
}
 
/* ══════════════════════════════════════════════════
   সোশ্যাল আইকন — CSS mask পদ্ধতি
   এই পদ্ধতিতে SVG tag ব্যবহার নেই, তাই থিমের
   svg { width:100% } কোনো প্রভাব ফেলতে পারবে না।
   .si-btn একটি <a> tag, ভেতরে কোনো child element নেই।
   আইকন CSS mask-image দিয়ে background হিসেবে দেখানো হয়।
══════════════════════════════════════════════════ */
.ut-footer .ut-social {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  align-items: center;
}
/* প্রতিটি সোশ্যাল বাটন */
.ut-footer .si-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  /* সাইজ fixed — থিম override করতে পারবে না */
  width:  38px !important;
  height: 38px !important;
  min-width:  38px !important;
  min-height: 38px !important;
  max-width:  38px !important;
  max-height: 38px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 1.5px solid var(--fp-border) !important;
  border-radius: 4px !important;
  background-color: transparent !important;
  text-decoration: none !important;
  cursor: pointer;
  transition: background-color .18s, border-color .18s;
  overflow: hidden !important;
  flex-shrink: 0 !important;
  position: relative;
}
/* আইকন — CSS mask দিয়ে, কোনো SVG/IMG tag নেই */
.ut-footer .si-btn::after {
  content: '' !important;
  display: block !important;
  /* আইকনের সাইজ */
  width:  18px !important;
  height: 18px !important;
  min-width:  18px !important;
  min-height: 18px !important;
  max-width:  18px !important;
  max-height: 18px !important;
  background-color: var(--fp-muted) !important;
  -webkit-mask-size: contain !important;
  mask-size: contain !important;
  -webkit-mask-repeat: no-repeat !important;
  mask-repeat: no-repeat !important;
  -webkit-mask-position: center !important;
  mask-position: center !important;
  transition: background-color .18s;
  flex-shrink: 0 !important;
  position: static !important;
  transform: none !important;
}
.ut-footer .si-btn:hover {
  background-color: var(--fp-red) !important;
  border-color: var(--fp-red) !important;
}
.ut-footer .si-btn:hover::after {
  background-color: #ffffff !important;
}
 
/* প্রতিটি আইকনের mask-image (SVG data URI) */
.ut-footer .si-fb::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z'/%3E%3C/svg%3E");
}
.ut-footer .si-yt::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22.54 6.42a2.78 2.78 0 0 0-1.95-1.96C18.88 4 12 4 12 4s-6.88 0-8.59.46A2.78 2.78 0 0 0 1.46 6.42 29 29 0 0 0 1 12a29 29 0 0 0 .46 5.58A2.78 2.78 0 0 0 3.41 19.6C5.12 20 12 20 12 20s6.88 0 8.59-.4a2.78 2.78 0 0 0 1.95-1.97A29 29 0 0 0 23 12a29 29 0 0 0-.46-5.58z'/%3E%3Cpolygon points='9.75 15.02 15.5 12 9.75 8.98 9.75 15.02' fill='white'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22.54 6.42a2.78 2.78 0 0 0-1.95-1.96C18.88 4 12 4 12 4s-6.88 0-8.59.46A2.78 2.78 0 0 0 1.46 6.42 29 29 0 0 0 1 12a29 29 0 0 0 .46 5.58A2.78 2.78 0 0 0 3.41 19.6C5.12 20 12 20 12 20s6.88 0 8.59-.4a2.78 2.78 0 0 0 1.95-1.97A29 29 0 0 0 23 12a29 29 0 0 0-.46-5.58z'/%3E%3Cpolygon points='9.75 15.02 15.5 12 9.75 8.98 9.75 15.02' fill='white'/%3E%3C/svg%3E");
}
.ut-footer .si-wa::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 0 1-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 0 1-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 0 1 2.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0 0 12.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 0 0 5.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 0 0-3.48-8.413z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 0 1-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 0 1-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 0 1 2.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0 0 12.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 0 0 5.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 0 0-3.48-8.413z'/%3E%3C/svg%3E");
}
.ut-footer .si-tg::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.944 0A12 12 0 0 0 0 12a12 12 0 0 0 12 12 12 12 0 0 0 12-12A12 12 0 0 0 12 0a12 12 0 0 0-.056 0zm4.962 7.224c.1-.002.321.023.465.14a.506.506 0 0 1 .171.325c.016.093.036.306.02.472-.18 1.898-.962 6.502-1.36 8.627-.168.9-.499 1.201-.82 1.23-.696.065-1.225-.46-1.9-.902-1.056-.693-1.653-1.124-2.678-1.8-1.185-.78-.417-1.21.258-1.91.177-.184 3.247-2.977 3.307-3.23.007-.032.014-.15-.056-.212s-.174-.041-.249-.024c-.106.024-1.793 1.14-5.061 3.345-.48.33-.913.49-1.302.48-.428-.008-1.252-.241-1.865-.44-.752-.245-1.349-.374-1.297-.789.027-.216.325-.437.893-.663 3.498-1.524 5.83-2.529 6.998-3.014 3.332-1.386 4.025-1.627 4.476-1.635z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.944 0A12 12 0 0 0 0 12a12 12 0 0 0 12 12 12 12 0 0 0 12-12A12 12 0 0 0 12 0a12 12 0 0 0-.056 0zm4.962 7.224c.1-.002.321.023.465.14a.506.506 0 0 1 .171.325c.016.093.036.306.02.472-.18 1.898-.962 6.502-1.36 8.627-.168.9-.499 1.201-.82 1.23-.696.065-1.225-.46-1.9-.902-1.056-.693-1.653-1.124-2.678-1.8-1.185-.78-.417-1.21.258-1.91.177-.184 3.247-2.977 3.307-3.23.007-.032.014-.15-.056-.212s-.174-.041-.249-.024c-.106.024-1.793 1.14-5.061 3.345-.48.33-.913.49-1.302.48-.428-.008-1.252-.241-1.865-.44-.752-.245-1.349-.374-1.297-.789.027-.216.325-.437.893-.663 3.498-1.524 5.83-2.529 6.998-3.014 3.332-1.386 4.025-1.627 4.476-1.635z'/%3E%3C/svg%3E");
}
.ut-footer .si-tt::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.59 6.69a4.83 4.83 0 0 1-3.77-4.25V2h-3.45v13.67a2.89 2.89 0 0 1-2.88 2.5 2.89 2.89 0 0 1-2.89-2.89 2.89 2.89 0 0 1 2.89-2.89c.28 0 .54.04.79.1V9.01a6.34 6.34 0 0 0-6.13 6.33 6.34 6.34 0 0 0 6.34 6.34 6.34 6.34 0 0 0 6.33-6.34V8.95a8.16 8.16 0 0 0 4.77 1.52V7.02a4.85 4.85 0 0 1-1-.33z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.59 6.69a4.83 4.83 0 0 1-3.77-4.25V2h-3.45v13.67a2.89 2.89 0 0 1-2.88 2.5 2.89 2.89 0 0 1-2.89-2.89 2.89 2.89 0 0 1 2.89-2.89c.28 0 .54.04.79.1V9.01a6.34 6.34 0 0 0-6.13 6.33 6.34 6.34 0 0 0 6.34 6.34 6.34 6.34 0 0 0 6.33-6.34V8.95a8.16 8.16 0 0 0 4.77 1.52V7.02a4.85 4.85 0 0 1-1-.33z'/%3E%3C/svg%3E");
}
 
/* contact icon — mask পদ্ধতি */
.ut-footer .ci {
  display: inline-block !important;
  width:  18px !important;
  height: 18px !important;
  min-width:  18px !important;
  min-height: 18px !important;
  max-width:  18px !important;
  max-height: 18px !important;
  background-color: var(--fp-red) !important;
  flex-shrink: 0 !important;
  margin-top: 3px;
  -webkit-mask-size: contain !important;
  mask-size: contain !important;
  -webkit-mask-repeat: no-repeat !important;
  mask-repeat: no-repeat !important;
  -webkit-mask-position: center !important;
  mask-position: center !important;
}
.ut-footer .ci-location {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E");
}
.ut-footer .ci-phone {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 4.69 12a19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 3.6 1.27h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L7.91 8.82a16 16 0 0 0 6 6l.91-.91a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 21.73 16.92z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 4.69 12a19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 3.6 1.27h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L7.91 8.82a16 16 0 0 0 6 6l.91-.91a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 21.73 16.92z'/%3E%3C/svg%3E");
}
.ut-footer .ci-mail {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z'/%3E%3Cpolyline points='22,6 12,13 2,6'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z'/%3E%3Cpolyline points='22,6 12,13 2,6'/%3E%3C/svg%3E");
}
.ut-footer .ci-ad {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='2' y='3' width='20' height='14' rx='2'/%3E%3Cline x1='8' y1='21' x2='16' y2='21'/%3E%3Cline x1='12' y1='17' x2='12' y2='21'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='2' y='3' width='20' height='14' rx='2'/%3E%3Cline x1='8' y1='21' x2='16' y2='21'/%3E%3Cline x1='12' y1='17' x2='12' y2='21'/%3E%3C/svg%3E");
}
 
/* ── SUBSCRIBE STRIP ── */
.ut-footer .ut-sub-strip {
  background: var(--fp-black);
  padding: 16px 52px;
  display: flex;
  align-items: center;
  gap: 18px;
  flex-wrap: wrap;
}
.ut-footer .ut-sub-label {
  font-family: var(--fp-sans);
  font-size: 15px;
  font-weight: 700;
  color: var(--fp-white);
  white-space: nowrap;
  letter-spacing: .02em;
  flex-shrink: 0;
}
.ut-footer .ut-sub-form {
  display: flex;
  flex: 1;
  max-width: 440px;
  min-width: 220px;
}
.ut-footer .ut-sub-form input[type="email"] {
  flex: 1 !important;
  min-width: 0 !important;
  border: 1.5px solid #333 !important;
  border-right: none !important;
  background: #1c1c1c !important;
  color: #fff !important;
  font-family: var(--fp-sans) !important;
  font-size: 14px !important;
  padding: 10px 14px !important;
  outline: none !important;
  border-radius: 3px 0 0 3px !important;
  height: auto !important;
  width: auto !important;
  box-shadow: none !important;
  transition: border-color .2s;
}
.ut-footer .ut-sub-form input[type="email"]::placeholder { color: #666; }
.ut-footer .ut-sub-form input[type="email"]:focus { border-color: var(--fp-red) !important; }
.ut-footer .ut-sub-btn {
  background: var(--fp-red);
  color: #fff;
  border: none !important;
  font-family: var(--fp-sans);
  font-size: 13px;
  font-weight: 700;
  padding: 10px 18px;
  cursor: pointer;
  border-radius: 0 3px 3px 0;
  white-space: nowrap;
  flex-shrink: 0;
  line-height: normal !important;
  height: auto !important;
  transition: background .2s;
}
.ut-footer .ut-sub-btn:hover { background: var(--fp-red-dk); }
 
/* ── MAIN GRID ── */
.ut-footer .ut-main {
  display: grid;
  grid-template-columns: auto 1px 1fr 1px 1fr 1px 1fr;
  align-items: start;
  padding: 36px 52px 32px;
}
.ut-footer .ut-vd {
  background: var(--fp-border);
  align-self: stretch;
  margin: 0 32px;
  width: 1px !important;
  min-width: 1px !important;
  max-width: 1px !important;
}
 
/* ── লোগো ব্লক ── */
.ut-footer .ut-logo-block {
  display: flex;
  flex-direction: column;
  gap: 18px;
  padding-right: 32px;
  min-width: 180px;
}
.ut-footer .ut-logo-bar {
  display: flex;
  align-items: stretch;
  gap: 12px;
}
.ut-footer .ut-logo-accent {
  width: 5px;
  background: var(--fp-red);
  border-radius: 2px;
  flex-shrink: 0;
}
.ut-footer .ut-logo-name {
  font-family: var(--fp-serif);
  font-size: 28px;
  font-weight: 800;
  color: var(--fp-black);
  line-height: 1.2;
}
.ut-footer .ut-logo-name span { color: var(--fp-red); }
.ut-footer .ut-logo-en {
  font-family: var(--fp-sans);
  font-size: 11px;
  font-weight: 600;
  color: var(--fp-muted);
  letter-spacing: .14em;
  text-transform: uppercase;
  margin-top: 3px;
}
 
/* ── কলাম স্টাইল ── */
.ut-footer .ut-col-head {
  font-family: var(--fp-sans);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--fp-red);
  padding-bottom: 10px;
  margin-bottom: 14px;
  border-bottom: 1.5px solid var(--fp-black);
}
.ut-footer .ut-info-row {
  display: flex;
  align-items: baseline;
  gap: 6px;
  margin-bottom: 11px;
  flex-wrap: wrap;
  font-size: 15px;
  line-height: 1.6;
}
.ut-footer .ut-info-row strong {
  font-family: var(--fp-sans);
  font-weight: 700;
  font-size: 14px;
  color: var(--fp-black);
  white-space: nowrap;
  flex-shrink: 0;
}
.ut-footer .ut-info-row span { color: #333; }
 
/* ছামিউল ইসলাম শামীম — বিশেষ স্টাইল */
.ut-footer .ut-publisher {
  font-family: var(--fp-serif) !important;
  font-weight: 700 !important;
  color: var(--fp-red) !important;
  font-size: 15px !important;
  font-style: normal !important;
}
.ut-footer .ut-reg-tag {
  display: inline-block;
  margin-top: 6px;
  border: 1.5px solid var(--fp-border);
  font-family: var(--fp-sans);
  font-size: 12px;
  color: var(--fp-muted);
  padding: 4px 12px;
  border-radius: 3px;
}
 
/* ── লিংক তালিকা ── */
.ut-footer .ut-links {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
.ut-footer .ut-links li {
  border-bottom: 1px solid var(--fp-border);
  list-style: none !important;
}
.ut-footer .ut-links li:first-child { border-top: 1px solid var(--fp-border); }
.ut-footer .ut-links li a {
  display: flex !important;
  align-items: center;
  gap: 8px;
  font-family: var(--fp-sans);
  font-size: 15px;
  font-weight: 500;
  color: #222 !important;
  text-decoration: none !important;
  padding: 11px 4px;
  transition: color .18s, padding-left .18s;
}
.ut-footer .ut-links li a .arr {
  color: var(--fp-red);
  font-size: 10px;
  opacity: 0;
  transition: opacity .18s;
  flex-shrink: 0;
}
.ut-footer .ut-links li a:hover { color: var(--fp-red) !important; padding-left: 8px; }
.ut-footer .ut-links li a:hover .arr { opacity: 1; }
 
/* ── যোগাযোগ ── */
.ut-footer .ut-contact { display: flex; flex-direction: column; gap: 12px; }
.ut-footer .ut-cline {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-family: var(--fp-sans);
  font-size: 15px;
  line-height: 1.65;
  color: #333;
}
.ut-footer .ut-cline a {
  color: #333;
  text-decoration: none;
  transition: color .18s;
  word-break: break-all;
}
.ut-footer .ut-cline a:hover { color: var(--fp-red); }
 
/* ── BOTTOM BAR ── */
.ut-footer .ut-bottom {
  background: var(--fp-off);
  border-top: 1px solid var(--fp-border);
  padding: 14px 52px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px;
}
.ut-footer .ut-copy {
  font-family: var(--fp-sans);
  font-size: 14px;
  color: #555;
}
.ut-footer .ut-copy strong { color: var(--fp-black); font-weight: 700; }
.ut-footer .ut-blinks {
  display: flex;
  align-items: center;
  gap: 4px;
  font-family: var(--fp-sans);
  font-size: 14px;
  flex-wrap: wrap;
}
.ut-footer .ut-blinks a {
  color: #555;
  text-decoration: none;
  padding: 0 6px;
  transition: color .18s;
}
.ut-footer .ut-blinks a:hover { color: var(--fp-red); }
.ut-footer .ut-blinks .sep { color: var(--fp-border); }
 
/* ══════════════════════════════
   TABLET ≤1024px
══════════════════════════════ */
@media (max-width: 1024px) {
  .ut-footer .ut-main {
    grid-template-columns: 1fr 1px 1fr;
    padding: 28px 32px 24px;
  }
  .ut-footer .ut-logo-block {
    grid-column: 1 / -1;
    padding-right: 0;
    padding-bottom: 22px;
    border-bottom: 1px solid var(--fp-border);
    margin-bottom: 22px;
  }
  /* প্রথম vdiv (লোগোর পরের) লুকাই */
  .ut-footer .ut-vd:first-of-type { display: none !important; }
  .ut-footer .ut-vd { margin: 0 22px; }
}
 
/* ══════════════════════════════
   MOBILE ≤768px
══════════════════════════════ */
@media (max-width: 768px) {
  .ut-footer .ut-sub-strip { padding: 14px 16px; gap: 10px; }
  .ut-footer .ut-sub-label { font-size: 14px; width: 100%; }
  .ut-footer .ut-sub-form { max-width: 100%; width: 100%; min-width: unset; }
 
  .ut-footer .ut-main {
    grid-template-columns: 1fr !important;
    padding: 24px 16px 20px;
  }
  /* মোবাইলে vdiv = horizontal line */
  .ut-footer .ut-vd {
    display: block !important;
    width: auto !important;
    min-width: unset !important;
    max-width: none !important;
    height: 1px !important;
    margin: 20px 0 !important;
    align-self: auto;
  }
  .ut-footer .ut-logo-block {
    grid-column: auto !important;
    padding-right: 0;
    padding-bottom: 0;
    border-bottom: none;
    margin-bottom: 0;
  }
  .ut-footer .ut-logo-name { font-size: 24px; }
  .ut-footer .ut-bottom {
    padding: 14px 16px;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }
}
 
/* ══════════════════════════════
   SMALL MOBILE ≤480px
══════════════════════════════ */
@media (max-width: 480px) {
  .ut-footer .si-btn {
    width:  42px !important;
    height: 42px !important;
    min-width:  42px !important;
    min-height: 42px !important;
    max-width:  42px !important;
    max-height: 42px !important;
  }
  .ut-footer .si-btn::after {
    width:  20px !important;
    height: 20px !important;
    min-width:  20px !important;
    min-height: 20px !important;
    max-width:  20px !important;
    max-height: 20px !important;
  }
  .ut-footer .ut-links li a { font-size: 15px; padding: 13px 4px; }
  .ut-footer .ut-cline { font-size: 14px; }
  .ut-footer .ut-info-row { font-size: 14px; }
  .ut-footer .ut-sub-strip { padding: 12px 14px; }
}
</style>
 
<footer class="ut-footer">
 
  <!-- ══ সাবস্ক্রাইব স্ট্রিপ ══ -->
  <div class="ut-sub-strip">
    <div class="ut-sub-label">নিউজলেটার সাবস্ক্রাইব করুন</div>
    <div class="ut-sub-form">
      <input type="email" placeholder="আপনার ইমেইল লিখুন…">
      <button type="button" class="ut-sub-btn">সাবস্ক্রাইব &#9654;</button>
    </div>
  </div>
 
  <!-- ══ মূল গ্রিড ══ -->
  <div class="ut-main">
 
    <!-- ── লোগো + সোশ্যাল ── -->
    <div class="ut-logo-block">
      <div class="ut-logo-bar">
        <div class="ut-logo-accent"></div>
        <div>
          <div class="ut-logo-name"><span>উত্তরপত্র</span> টিভি</div>
          <div class="ut-logo-en">Uttorpatro TV</div>
        </div>
      </div>
 
      <!-- সোশ্যাল আইকন — CSS mask পদ্ধতি, কোনো SVG/IMG নেই -->
      <div class="ut-social">
        <a class="si-btn si-fb" href="https://www.facebook.com/uttorpattrotv" target="_blank" rel="noopener noreferrer" title="Facebook" aria-label="Facebook"></a>
        <a class="si-btn si-yt" href="https://www.youtube.com/@uttorpatroTv" target="_blank" rel="noopener noreferrer" title="YouTube" aria-label="YouTube"></a>
        <a class="si-btn si-wa" href="https://wa.me/8801812481738" target="_blank" rel="noopener noreferrer" title="WhatsApp" aria-label="WhatsApp"></a>
        <a class="si-btn si-tg" href="https://t.me/asadmiarakib24" target="_blank" rel="noopener noreferrer" title="Telegram" aria-label="Telegram"></a>
        <a class="si-btn si-tt" href="#" title="TikTok" aria-label="TikTok"></a>
      </div>
    </div>
 
    <div class="ut-vd"></div>
 
    <!-- ── কলাম ১: প্রকাশনা তথ্য ── -->
    <div class="ut-col">
      <div class="ut-col-head">প্রকাশনা তথ্য</div>
      <div class="ut-info-row">
        <strong>সম্পাদক:</strong>
        <span>মোঃ আসাদ মিয়া</span>
      </div>
      <div class="ut-info-row">
        <strong>প্রকাশক:</strong>
        <span class="ut-publisher">ছামিউল ইসলাম শামীম</span>
      </div>
      <div class="ut-info-row">
        <strong>স্বত্বাধিকারী:</strong>
        <span>উত্তরপত্র মিডিয়া লিমিটেড</span>
      </div>
      <span class="ut-reg-tag">নিবন্ধন নম্বর: Waiting</span>
    </div>
 
    <div class="ut-vd"></div>
 
    <!-- ── কলাম ২: গুরুত্বপূর্ণ লিংক ── -->
    <div class="ut-col">
      <div class="ut-col-head">গুরুত্বপূর্ণ লিংক</div>
      <ul class="ut-links">
        <li><a href="<?php echo esc_url( home_url('/amader-somporke') ); ?>">
          <span class="arr">&#9658;</span>আমাদের সম্পর্কে</a></li>
        <li><a href=" amar sonar bangla ami tomay valobashi">
          <span class="arr">&#9658;</span>মূল্যবোধ ও নীতিমালা</a></li>
        <li><a href="<?php echo esc_url( home_url('/biggapon') ); ?>">
          <span class="arr">&#9658;</span>বিজ্ঞাপন</a></li>
        <li><a href="<?php echo esc_url( home_url('/circulation') ); ?>">
          <span class="arr">&#9658;</span>সার্কুলেশন</a></li>
        <li><a href="<?php echo esc_url( home_url('/jogajog') ); ?>">
          <span class="arr">&#9658;</span>যোগাযোগ</a></li>
      </ul>
    </div>
 
    <div class="ut-vd"></div>
 
    <!-- ── কলাম ৩: যোগাযোগ ── -->
    <div class="ut-col">
      <div class="ut-col-head">যোগাযোগ</div>
      <div class="ut-contact">
 
        <div class="ut-cline">
          <span class="ci ci-location"></span>
          <span>সি,ও বাজার, রংপুর সদর, রংপুর বিভাগ, বাংলাদেশ</span>
        </div>
 
        <div class="ut-cline">
          <span class="ci ci-phone"></span>
          <span>
            <a href="tel:+8801812481738">০১৮১২৪৮১৭৩৮</a>
            &nbsp;–&nbsp;
            <a href="tel:+8801819113688">০১৮১৯১১৩৬৮৮</a>
          </span>
        </div>
 
        <div class="ut-cline">
          <span class="ci ci-mail"></span>
          <a href="mailto:uttorpatrotv.info@gmail.com">uttorpatrotv.info@gmail.com</a>
        </div>
 
        <div class="ut-cline">
          <span class="ci ci-ad"></span>
          <a href="mailto:uttorpatrotv.info@gmail.com">বিজ্ঞাপন: uttorpatrotv.info@gmail.com</a>
        </div>
 
      </div>
    </div>
 
  </div><!-- /ut-main -->
 
  <!-- ══ বটম বার ══ -->
  <div class="ut-bottom">
    <div class="ut-copy">
      সকলস্বত্ব সংরক্ষিত &copy; <?php echo esc_html( date('Y') ); ?>
      &nbsp;<strong>উত্তরপত্র টিভি</strong>
      &nbsp;|&nbsp; প্রকাশক:
      <strong style="color:var(--fp-red);font-family:var(--fp-serif);">ছামিউল ইসলাম শামীম</strong>
    </div>
    <div class="ut-blinks">
      <a href="<?php echo esc_url( home_url('/archive') ); ?>">আর্কাইভ</a>
      <span class="sep">|</span>
      <a href="<?php echo esc_url( home_url('/shorthoboli') ); ?>">ব্যবহারের শর্তাবলী ও নীতিমালা</a>
      <span class="sep">|</span>
      <a href="<?php echo esc_url( home_url('/goponiota-niti') ); ?>">গোপনীয়তা নীতি</a>
    </div>
  </div>
 
</footer>
 
<?php wp_footer(); ?>
</body>
</html>