/* =====================================================================
   নতুন ডিজাইন: হেডার, ফুটার, হোমপেজ পলিশ, মোবাইল মেনু (বাম পাশে)
   — কোনো রুট/মার্কআপ-লজিক বদলায়নি, শুধু স্টাইল ওভাররাইড
   ===================================================================== */
:root{
  --sc-theme:#008080;
  --sc-footer:#212121;
  --sc-copy:#006666;
  --sc-accent:#d9232d;
  --sc-ink:#16202b;
  --sc-muted:#6b7683;
  --sc-bg:#f3f5f8;
  --sc-card:#ffffff;
  --sc-line:#e3e8ee;
  --sc-radius:12px;
  --sc-shadow:0 2px 10px rgba(15,35,55,.08);
  --sc-shadow-h:0 10px 26px rgba(15,35,55,.16);
}
body{background:var(--sc-bg);color:var(--sc-ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a{transition:color .2s,background .2s,box-shadow .2s,transform .2s}

/* ---------- একদম উপরের স্ট্রিপ ---------- */
.site-topstrip{background:linear-gradient(90deg,#052e2e,var(--sc-theme));color:#e8eef4;font-size:14px}
.site-topstrip .ts-inner{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;flex-wrap:wrap}
.site-topstrip a{color:#fff;text-decoration:none}
.ts-left{display:flex;align-items:center;gap:8px}
.ts-epaper,.ts-archive{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:999px;font-weight:700;font-size:14px;line-height:1.2;white-space:nowrap}
.ts-epaper{background:linear-gradient(135deg,var(--sc-accent),#ff5a4f);box-shadow:0 3px 12px rgba(217,35,45,.45)}
.ts-epaper:hover{filter:brightness(1.1);color:#fff;transform:translateY(-1px)}
.ts-archive{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22)}
.ts-archive:hover{background:rgba(255,255,255,.24);color:#fff}
.ts-mid{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:center;opacity:.95}
.ts-mid i{color:#ffcf5a}
.ts-sep{opacity:.35}
.ts-right{display:flex;align-items:center;gap:6px}
.ts-right a{width:30px;height:30px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:rgba(255,255,255,.12);font-size:15px}
.ts-right a:hover{background:#fff;color:var(--sc-theme)}

/* ---------- ব্র্যান্ড ---------- */
.site-header{background:#fff;border-bottom:1px solid var(--sc-line)}
.sh-brand{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px 0}
.sh-logo img{max-height:84px;width:auto;max-width:100%;display:block}
.sh-banner{flex:1 1 0;min-width:0;text-align:right}
.sh-banner img{max-width:100%;height:auto}
.sh-banner:empty{display:none}

/* ---------- মেনু বার ---------- */
.menu-section{background:linear-gradient(180deg,var(--sc-copy),var(--sc-theme)) !important;box-shadow:0 4px 16px rgba(10,30,50,.25) !important;margin-bottom:18px !important;padding:0 !important;position:relative;z-index:9000}
.menu-section.sticky{position:fixed;top:0;left:0;right:0;z-index:9999;animation:scDown .3s ease}
@keyframes scDown{from{transform:translateY(-100%)}to{transform:none}}
.menu-section .row{align-items:center}
.menu-section [class*="col-"]{position:static}
.menu-section .container{position:relative}
.stellarnav.dark li a:hover{background:rgba(255,255,255,.14) !important;color:#fff !important}
.stellarnav > ul > li > a{padding:15px 15px !important;font-size:17px !important;font-weight:600;color:#fff !important}
.stellarnav.dark .active,.stellarnav.dark li.active{background:rgba(255,255,255,.16) !important}
.stellarnav.dark ul ul{background:#063a3a !important;border-radius:0 0 10px 10px;box-shadow:0 12px 24px rgba(0,0,0,.28);overflow:hidden}
.stellarnav li li a{border-bottom:1px solid rgba(255,255,255,.08);color:#e8eef4 !important}
.stellarnav > ul > li.ep-menu-link > a{background:linear-gradient(135deg,var(--sc-accent),#ff5a4f);color:#fff !important;border-radius:8px;margin:7px 0 7px 8px;padding:8px 16px !important}
.stellarnav > ul > li.ep-menu-link > a:hover{filter:brightness(1.1);background:linear-gradient(135deg,var(--sc-accent),#ff5a4f) !important}

/* সার্চ */
.menu-section .searchIcon{float:none !important;transform:none !important;margin:0 !important;position:absolute;right:6px;top:50%;margin-top:-18px !important;width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.14);display:flex;align-items:center;justify-content:center;color:#fff;font-size:19px;cursor:pointer}
.menu-section .searchIcon i{margin:0 !important}
.menu-section .searchIcon:hover{background:rgba(255,255,255,.28)}
.menu-section #wrapper{display:none !important}
.menu-section .searchBar{position:absolute !important;float:none !important;right:6px !important;left:auto !important;top:50% !important;margin:0 !important;transform:translateY(-50%);width:min(380px,calc(100% - 12px)) !important;max-width:none !important;opacity:0;visibility:hidden;z-index:-1}
.menu-section .searchBar.showSearch{opacity:1;visibility:visible;z-index:99999}
.menu-section .searchBar input[type=text]{height:44px !important;border-radius:10px 0 0 10px !important;border:2px solid #fff !important;padding:0 12px !important}
.menu-section .searchBar button{background:var(--sc-accent) !important;border-radius:0 10px 10px 0}
.menu-section .searchBar .remove{background:var(--sc-ink) !important;border-color:#fff !important;right:-4px !important;top:-10px !important}
.menu-section .col-lg-11{padding-right:46px}

/* ---------- মোবাইল: মেনু বাটন বাম পাশে ---------- */
@media (max-width:660px){
  .site-topstrip .ts-inner{justify-content:space-between;min-height:40px;padding:4px 0}
  .ts-mid{display:none}
  .ts-right a{width:26px;height:26px;font-size:13px}
  .ts-epaper,.ts-archive{padding:5px 11px;font-size:13px}
  .site-header{display:none}

  .menu-section .row{display:flex !important;flex-wrap:nowrap !important;margin:0}
  .menu-section .col-lg-11{display:flex !important;align-items:center;flex:1 1 auto !important;width:auto !important;max-width:none !important;padding:0 !important}
  .menu-section .col-lg-1{flex:0 0 0 !important;width:0 !important;max-width:0 !important;padding:0 !important}

  /* বাটন বামে (আগে), লোগো তার পাশে বা মাঝখানে */
  .menu-section .stellarnav{order:0;width:auto !important;flex:0 0 auto}
  .menu-section .mobile_logo{order:1;display:block !important;flex:1 1 auto;text-align:center}
  .menu-section .mobile_logo img{position:static !important;width:auto !important;max-width:160px;max-height:42px;height:auto;display:inline-block;margin:0 !important}

  .stellarnav.mobile{text-align:left !important;margin-left:0 !important}
  .stellarnav .menu-toggle{padding:12px 14px !important;float:none !important;display:inline-flex !important;align-items:center;color:#fff !important}
  .stellarnav .menu-toggle span.bars{margin:0 !important;top:0 !important}
  .stellarnav .menu-toggle span.bars span{width:26px !important;height:3px !important;margin:0 0 5px !important;background:#fff !important;border-radius:3px}
  .stellarnav .menu-toggle span.bars span:last-child{margin-bottom:0 !important}
  .stellarnav .menu-toggle .menu-toggle-text,.stellarnav .menu-toggle span.text{display:none}
  /* ড্রয়ার বাম দিক থেকে */
  .stellarnav.mobile.left > ul{left:0 !important;right:auto !important;max-width:290px !important;background:#063a3a !important;box-shadow:12px 0 40px rgba(0,0,0,.45)}
  .stellarnav.mobile .close-menu{display:block !important;text-align:left !important;padding:14px 16px !important;color:#fff !important}
  .stellarnav.mobile li a{color:#fff !important;font-size:16px;border-bottom:1px solid rgba(255,255,255,.1) !important;padding:13px 16px !important}
  .stellarnav.mobile > ul > li.ep-menu-link > a{margin:12px 14px !important;text-align:center;border-radius:10px;padding:11px 14px !important}

  .menu-section .searchIcon{right:8px;margin-top:-18px !important}
  .menu-section .searchBar{left:8px !important;right:8px !important;width:auto !important}
  .menu-section.sticky{padding:0 !important}
}

/* ---------- হোমপেজ পলিশ (শুধু স্টাইল) ---------- */
.themeBazar_cat02,.themeBazar_cat03{background:transparent !important;border:0 !important;border-bottom:2px solid var(--sc-line) !important;margin-bottom:14px !important;padding:0 0 0 0 !important;line-height:1.4 !important;display:flex;align-items:center;justify-content:space-between;position:relative}
.themeBazar_cat02::after,.themeBazar_cat03::after{content:"";position:absolute;left:0;bottom:-2px;width:72px;height:2px;background:var(--sc-accent)}
.themeBazar_cat02 > a,.themeBazar_cat03 > a{background:transparent !important;color:var(--sc-ink) !important;font-size:21px !important;font-weight:800 !important;padding:6px 12px 10px 0 !important;display:inline-flex !important;align-items:center;gap:8px}
.themeBazar_cat02 > a::before,.themeBazar_cat03 > a::before{content:"";width:6px;height:22px;border-radius:3px;background:var(--sc-accent);display:inline-block}
.themeBazar_cat02 > a::after{display:none !important}
.themeBazar_cat02 > span,.themeBazar_cat03 > span{float:none !important;margin:0 !important}
.themeBazar_cat02 > span > a,.themeBazar_cat03 > span > a{color:var(--sc-theme) !important;font-weight:600;border-radius:999px;background:rgba(0,128,128,.07) !important;padding:5px 12px !important;font-size:15px !important}
.themeBazar_cat02 > span > a:hover,.themeBazar_cat03 > span > a:hover{background:var(--sc-theme) !important;color:#fff !important}

.secTwo-wrpp,.secThree-wrpp,.secFive-wrpp,.secSix-wrpp,.secOne-wrpp,.secGllary-wrpp{background:var(--sc-card);border-radius:var(--sc-radius) !important;box-shadow:var(--sc-shadow) !important;overflow:hidden;transition:transform .25s,box-shadow .25s}
.secTwo-wrpp:hover,.secThree-wrpp:hover,.secFive-wrpp:hover,.secSix-wrpp:hover{transform:translateY(-3px);box-shadow:var(--sc-shadow-h) !important}
.secTwo-wrpp img,.secThree-wrpp img,.secFive-wrpp img,.secSix-wrpp img,.secOne-wrpp img,.secGllary-wrpp img{transition:transform .5s}
.secTwo-wrpp:hover img,.secThree-wrpp:hover img,.secFive-wrpp:hover img,.secSix-wrpp:hover img{transform:scale(1.04)}
.secTwo-title a,.secThree-title a,.secFive-title a,.secSix-title a,.secOne_title a,.secGllary-title a{font-weight:700;line-height:1.45}
.secTwo-title a:hover,.secThree-title a:hover,.secFive-title a:hover,.secSix-title a:hover,.secOne_title a:hover{color:var(--sc-accent) !important}
.more_news a{border-radius:999px !important}
.add-section img{border-radius:10px}
.news-tavs .nav-link{border-radius:999px}
.owl-carousel .owl-item img{border-radius:var(--sc-radius)}

/* ---------- ফুটার ---------- */
.site-footer.footer-area{background:linear-gradient(180deg,#14202b,var(--sc-footer)) !important;padding:0 !important;margin-top:44px !important;color:#cfd8e1;position:relative;border-top:4px solid var(--sc-accent)}
.sf-top{padding:46px 0 24px}
.sf-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:34px}
.sf-logo img{max-height:70px;width:auto;display:block;margin-bottom:16px}
.sf-social{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}
.sf-social a{width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.08);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:17px;text-decoration:none}
.sf-social a:hover{background:var(--sc-accent);transform:translateY(-3px);color:#fff}
.sf-epaper{display:flex;gap:8px;flex-wrap:wrap}
.sf-epaper a{display:inline-flex;align-items:center;gap:6px;color:#fff;text-decoration:none;padding:8px 16px;border-radius:999px;background:linear-gradient(135deg,var(--sc-accent),#ff5a4f);font-weight:700;font-size:14px}
.sf-epaper a + a{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2)}
.sf-epaper a:hover{filter:brightness(1.12);color:#fff}
.site-footer .footer-title{color:#fff !important;font-size:19px !important;font-weight:800;margin:0 0 16px !important;padding:0 0 10px;position:relative;border-bottom:1px solid rgba(255,255,255,.1)}
.site-footer .footer-title::before{display:none !important}
.site-footer .footer-title::after{content:"";position:absolute;left:0;bottom:-1px;width:46px;height:3px;background:var(--sc-accent)}
.sf-text p{margin:0 0 9px;line-height:1.7;color:#cfd8e1;text-align:left}
.sf-text i{color:#ffcf5a;margin-right:4px}
.sf-links{list-style:none;margin:0;padding:0}
.sf-links li{margin-bottom:9px}
.sf-links a,.sf-cats a{color:#cfd8e1;text-decoration:none}
.sf-links a:hover,.sf-cats a:hover{color:#fff;padding-left:4px}
.sf-cats{margin-top:26px;border-top:1px solid rgba(255,255,255,.1);padding-top:18px}
.sf-cats ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px 8px}
.sf-cats a{display:inline-block;padding:6px 14px;border-radius:999px;background:rgba(255,255,255,.07);font-size:14px}
.sf-cats a:hover{background:var(--sc-accent);padding-left:14px}
.sf-bottom{background:rgba(0,0,0,.32);padding:16px 0}
.sf-copy{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:#a9b5c1;font-size:14px}
.site-footer .scrollToTop{background:var(--sc-accent) !important;color:#fff !important;border-radius:50% !important;box-shadow:0 6px 18px rgba(0,0,0,.35)}

/* নোটিশ বার */
.footer-scrool{border-top:0 !important;background:#fff !important;box-shadow:0 -4px 18px rgba(0,0,0,.14)}
.footer-scrool-1{background:var(--sc-accent) !important;border-radius:0 18px 18px 0;top:0;bottom:0;display:flex;align-items:center;padding:0 16px !important;font-weight:700;color:#fff}
.footer-scrool-2{padding:8px 8px 8px 110px !important}
body{padding-bottom:42px}

@media (max-width:991px){
  .sf-grid{grid-template-columns:1fr 1fr;gap:28px}
  .sh-brand{flex-direction:column;align-items:center;text-align:center}
  .sh-banner{text-align:center}
}
@media (max-width:560px){
  .sf-grid{grid-template-columns:1fr}
  .sf-top{padding:34px 0 18px}
  .sf-copy{justify-content:center;text-align:center}
  .themeBazar_cat02 > a,.themeBazar_cat03 > a{font-size:19px !important}
}
