/*
 * LogicMint Search — ডেস্কটপ (কম্পিউটার) ভার্সন স্টাইল
 * -----------------------------------------------------
 * এই ফাইলের প্রতিটি রুল @media (min-width: 1025px) এর ভিতরে,
 * তাই মোবাইল/ট্যাবলেট ডিজাইন, CSS ও লে-আউট সম্পূর্ণ অপরিবর্তিত থাকে।
 * সবকিছু Theme Options > ডেস্কটপ ভার্সন থেকে নিয়ন্ত্রণ করা যায়।
 */

@media (min-width: 1025px) {

  body.lm-desktop .lm-container { max-width: var(--lm-dt-width, 1300px); padding: 0 18px; }

  /* ---- মূল গ্রিড: কনটেন্ট + সাইডবার ---- */
  body.lm-desktop .lm-grid-main {
    grid-template-columns: minmax(0, 1fr) var(--lm-dt-sidebar, 330px);
    gap: var(--lm-dt-gap, 26px);
    align-items: start;
  }
  body.lm-desktop.lm-desktop-sticky-sidebar .lm-sidebar { position: sticky; top: var(--lm-dt-sticky-top, 96px); }
  body.lm-desktop .lm-main { padding: 20px 0 36px; }

  /* ---- হিরো ব্লক: বড় লিড + পাশে থাম্বনেইল লিস্ট ---- */
  body.lm-desktop .lm-hero {
    display: grid;
    grid-template-columns: minmax(0, 1.55fr) minmax(0, 1fr);
    gap: 20px 22px;
    padding: 18px;
  }
  body.lm-desktop .lm-hero-lead { margin-bottom: 0; }
  body.lm-desktop .lm-hero-lead-title { font-size: var(--lm-dt-lead-size, 30px); }
  body.lm-desktop .lm-hero-list { margin: 0; align-self: start; }
  body.lm-desktop .lm-hero-list li { grid-template-columns: 118px minmax(0, 1fr); padding: 10px 0; gap: 12px; }
  body.lm-desktop .lm-hero-list li:first-child { padding-top: 0; }
  body.lm-desktop .lm-hero-title { font-size: var(--lm-dt-title-size, 18px); line-height: 1.5; }
  body.lm-desktop .lm-hero-foot { grid-column: 1 / -1; margin-top: 2px; }

  /* ---- ক্যাটাগরি সেকশন: স্ক্রিনশটের মতো ২ কলাম ঘন লে-আউট ---- */
  body.lm-desktop.lm-desktop-cat-2 .lm-cat-section .lm-hero-lead {
    float: left; width: calc(50% - 11px); margin: 0 22px 0 0;
  }
  body.lm-desktop.lm-desktop-cat-2 .lm-cat-section .lm-thumblist { overflow: hidden; }
  body.lm-desktop.lm-desktop-cat-2 .lm-cat-section .lm-section-foot { clear: both; }
  body.lm-desktop.lm-desktop-cat-2 .lm-cat-section .lm-hero-lead-title { font-size: var(--lm-dt-lead-size, 24px); padding: 40px 14px 14px; }

  body.lm-desktop .lm-thumblist li { grid-template-columns: var(--lm-dt-thumb, 96px) minmax(0, 1fr); gap: 12px; padding: 10px 0; }
  body.lm-desktop .lm-thumblist img { width: var(--lm-dt-thumb, 96px); height: var(--lm-dt-thumb, 96px); }
  body.lm-desktop .lm-thumblist h4 { font-size: var(--lm-dt-title-size, 18px); line-height: 1.5; }
  body.lm-desktop .lm-cat-section { padding-bottom: 16px; }
  body.lm-desktop .lm-section { margin-bottom: var(--lm-dt-section-gap, 26px); }

  /* ---- সেকশন হেডিং ---- */
  body.lm-desktop .lm-section-title { padding: 11px 18px; }

  /* ---- কার্ড গ্রিড ---- */
  body.lm-desktop .lm-grid-3 { grid-template-columns: repeat(var(--lm-dt-grid-cols, 3), minmax(0, 1fr)); gap: 18px; }
  body.lm-desktop .lm-card-title { font-size: var(--lm-dt-title-size, 18px); }
  body.lm-desktop .lm-related-grid { grid-template-columns: repeat(var(--lm-dt-grid-cols, 3), minmax(0, 1fr)); }

  /* ---- হেডার ও নেভিগেশন ---- */
  body.lm-desktop .lm-header-inner { padding: 12px 0; }
  body.lm-desktop .lm-header .lm-brand img { max-height: var(--lm-dt-logo, 74px); }
  body.lm-desktop .lm-nav .lm-menu a { padding: var(--lm-dt-menu-pad, 12px) var(--lm-dt-menu-padx, 15px); }
  body.lm-desktop.lm-desktop-nav-center .lm-nav-inner { grid-template-columns: auto minmax(0, 1fr); }
  body.lm-desktop.lm-desktop-nav-center .lm-nav .lm-menu { justify-content: center; }
  body.lm-desktop.lm-desktop-nav-accent .lm-nav { background: var(--lm-primary); border-bottom: 0; }
  body.lm-desktop.lm-desktop-nav-accent .lm-nav .lm-menu a { color: #fff; }
  body.lm-desktop.lm-desktop-nav-accent .lm-nav .lm-menu > li:hover > a,
  body.lm-desktop.lm-desktop-nav-accent .lm-nav .lm-menu > li.current-menu-item > a { background: var(--lm-primary-dark); color: #fff; }
  body.lm-desktop.lm-desktop-nav-accent .lm-hamburger span { background: #fff; }
  body.lm-desktop .lm-nav-scroll { overflow: visible; }
  body.lm-desktop .lm-nav .lm-menu { flex-wrap: wrap; }

  /* ---- সিঙ্গেল পোস্ট ---- */
  body.lm-desktop .lm-single, body.lm-desktop .lm-postcard { padding: 26px 30px; }
  body.lm-desktop .lm-single h1.lm-single-title,
  body.lm-desktop .lm-postcard h1.lm-single-title { font-size: var(--lm-dt-single-title, 34px); }
  body.lm-desktop .lm-entry { font-size: var(--lm-dt-entry, 19px); line-height: 1.9; }
  body.lm-desktop .lm-entry p { max-width: var(--lm-dt-measure, 100%); }

  /* ---- আর্কাইভ / ক্যাটাগরি পেজ ---- */
  body.lm-desktop .lm-archive-lead { grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr); }

  /* ---- ফুটার ---- */
  body.lm-desktop .lm-footer-grid { gap: 32px; }

  /* ---- ঘন (compact) মোড: স্ক্রিনশটের মতো বেশি খবর, কম ফাঁকা জায়গা ---- */
  body.lm-desktop.lm-desktop-compact { line-height: 1.6; }
  body.lm-desktop.lm-desktop-compact .lm-section { margin-bottom: 20px; }
  body.lm-desktop.lm-desktop-compact .lm-card-body { padding: 9px 10px 12px; }
  body.lm-desktop.lm-desktop-compact .lm-thumblist li,
  body.lm-desktop.lm-desktop-compact .lm-hero-list li { padding: 8px 0; }
  body.lm-desktop.lm-desktop-compact .lm-hero { padding: 14px; }

  /* =========================================================
     স্ক্রিনশট-ম্যাচড ডেস্কটপ হেডার: তারিখ + লোগো + আইকন এক লাইনে,
     তারপর লাল ক্যাটাগরি বার। মোবাইলে এই ব্লক সবসময় display:none
     থাকে (style.css দ্রষ্টব্য), তাই মোবাইল ডিজাইন অপরিবর্তিত।
  ========================================================= */
  body.lm-desktop.lm-desktop-header-shot .lm-mobile-only-header { display: none; }
  body.lm-desktop.lm-desktop-header-shot .lm-desktop-topline,
  body.lm-desktop.lm-desktop-header-shot .lm-desktop-catnav { display: block; }

  body.lm-desktop .lm-desktop-topline { background: var(--lm-card); border-bottom: 1px solid var(--lm-border); }
  body.lm-desktop .lm-desktop-topline-inner {
    display: grid; grid-template-columns: 1fr auto 1fr; align-items: center;
    gap: 16px; min-height: 78px;
  }
  body.lm-desktop .lm-desktop-date { color: var(--lm-text); font-size: 15px; justify-self: start; }
  body.lm-desktop .lm-desktop-brand { justify-self: center; }
  body.lm-desktop .lm-desktop-brand img { max-height: var(--lm-dt-logo, 64px); width: auto; }
  body.lm-desktop .lm-desktop-topline-actions { justify-self: end; display: flex; align-items: center; gap: 12px; }
  body.lm-desktop .lm-desktop-lang {
    background: var(--lm-primary); color: #fff; font-weight: 700; font-size: 14px;
    padding: 9px 18px; border-radius: 4px; letter-spacing: .02em;
  }
  body.lm-desktop .lm-desktop-lang:hover { background: var(--lm-primary-dark); }
  body.lm-desktop .lm-desktop-topline-actions .lm-icon-btn {
    width: 38px; height: 38px; border-radius: 50%; border: 0;
    background: #4b4b4b; color: #fff;
  }
  body.lm-desktop .lm-desktop-topline-actions .lm-icon-btn:hover { background: var(--lm-primary); }
  body.lm-desktop .lm-desktop-topline-actions .lm-social { margin: 0; gap: 8px; }
  body.lm-desktop .lm-desktop-topline-actions .lm-social a {
    width: 32px; height: 32px; background: #4b4b4b;
  }
  body.lm-desktop .lm-desktop-topline-actions .lm-social a.lm-facebook  { background: #1877f2; }
  body.lm-desktop .lm-desktop-topline-actions .lm-social a.lm-x        { background: #1a9fe0; }
  body.lm-desktop .lm-desktop-topline-actions .lm-social a.lm-instagram { background: linear-gradient(45deg,#f09433,#dc2743,#bc1888); }
  body.lm-desktop .lm-desktop-topline-actions .lm-social a.lm-youtube  { background: #ff0000; }
  body.lm-desktop .lm-desktop-topline-actions .lm-social svg { width: 16px; height: 16px; }
  body.lm-desktop .lm-desktop-converter { font-size: 15px; color: var(--lm-text); font-weight: 600; white-space: nowrap; }
  body.lm-desktop .lm-desktop-converter:hover { color: var(--lm-primary); }

  body.lm-desktop .lm-desktop-catnav { background: var(--lm-primary); }
  body.lm-desktop .lm-desktop-catnav-inner { display: flex; align-items: stretch; }
  body.lm-desktop .lm-desktop-home {
    flex: 0 0 auto; display: grid; place-items: center; width: 52px;
    color: #fff; border-right: 1px solid rgba(255,255,255,.25);
  }
  body.lm-desktop .lm-desktop-home:hover { background: var(--lm-primary-dark); }
  body.lm-desktop .lm-desktop-catnav-scroll { flex: 1 1 auto; min-width: 0; overflow-x: auto; scrollbar-width: none; }
  body.lm-desktop .lm-desktop-catnav-scroll::-webkit-scrollbar { display: none; }
  body.lm-desktop .lm-desktop-catnav-scroll .lm-menu { flex-wrap: nowrap; }
  body.lm-desktop .lm-desktop-catnav-scroll .lm-menu a { color: #fff; padding: 13px 15px; font-size: var(--lm-menu-size); }
  body.lm-desktop .lm-desktop-catnav-scroll .lm-menu > li:hover > a,
  body.lm-desktop .lm-desktop-catnav-scroll .lm-menu > li.current-menu-item > a { background: var(--lm-primary-dark); }
  body.lm-desktop .lm-desktop-hamburger { flex: 0 0 auto; border-left: 1px solid rgba(255,255,255,.25); border-radius: 0; }
  body.lm-desktop .lm-desktop-hamburger span { background: #fff; }

  /* =========================================================
     সেকশন হেডিং: বেস (mobile+desktop উভয়ে) style.css তে গ্লোবালি
     সেট করা আছে (ধূসর বার + ডানে লাল তীর-বক্স)। এখানে শুধু ডেস্কটপে
     আকার একটু বড় করা হচ্ছে।
  ========================================================= */
  body.lm-desktop .lm-section-title { font-size: var(--lm-dt-heading-size, 20px); }
  body.lm-desktop .lm-section-more { width: 46px; }
  body.lm-desktop .lm-section-more::after { font-size: 26px; }

  /* ---- ভিডিও সেকশন হেডার একই বার-স্টাইলে ---- */
  body.lm-desktop .lm-video-head { background: #eceef1; align-items: stretch; }
  body.lm-desktop .lm-video-title { background: transparent; color: var(--lm-primary); font-size: var(--lm-dt-heading-size, 20px); }
  body.lm-desktop .lm-video-more { background: var(--lm-primary); }
  body.lm-desktop .lm-video-more:hover { background: var(--lm-primary-dark); }

  /* ---- ভিডিও গ্রিড: উপরে ২টি বড়, নিচে ৩টি ছোট (স্ক্রিনশট স্টাইল) ----
     ৬-কলামের গ্রিড: ১ম ও ২য় আইটেম ৩-কলাম করে (উপরের সারিতে ২টি বড়),
     ৩য়-৫ম আইটেম ২-কলাম করে (নিচের সারিতে ৩টি ছোট)। */
  body.lm-desktop .lm-video-list { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 18px; }
  body.lm-desktop .lm-video-list .lm-video-card:nth-child(1),
  body.lm-desktop .lm-video-list .lm-video-card:nth-child(2) { grid-column: span 3; }
  body.lm-desktop .lm-video-list .lm-video-card:nth-child(1) .lm-video-thumb,
  body.lm-desktop .lm-video-list .lm-video-card:nth-child(2) .lm-video-thumb { aspect-ratio: 16/10; }
  body.lm-desktop .lm-video-list .lm-video-card:nth-child(1) .lm-video-card-title,
  body.lm-desktop .lm-video-list .lm-video-card:nth-child(2) .lm-video-card-title { font-size: 21px; }
  body.lm-desktop .lm-video-list .lm-video-card:nth-child(3),
  body.lm-desktop .lm-video-list .lm-video-card:nth-child(4),
  body.lm-desktop .lm-video-list .lm-video-card:nth-child(5) { grid-column: span 2; }
  body.lm-desktop .lm-video-list .lm-video-card:nth-child(n+6) { display: none; }

  /* =========================================================
     দুইটি "list" সেকশন পাশাপাশি (যেমন সারাদেশ + রাজনীতি)
  ========================================================= */
  body.lm-desktop.lm-desktop-pair .lm-section-row {
    display: grid; grid-template-columns: 1fr 1fr; gap: 0 28px; align-items: start;
  }
  body.lm-desktop.lm-desktop-pair .lm-section-row .lm-cat-section { margin-bottom: 0; }
  body.lm-desktop.lm-desktop-cat-2 .lm-section-row .lm-cat-section .lm-hero-lead {
    float: left; width: 38%; margin: 0 16px 0 0;
  }
  body.lm-desktop.lm-desktop-cat-2 .lm-section-row .lm-cat-section .lm-hero-lead-title { font-size: 18px; padding: 26px 12px 10px; }
  body.lm-desktop .lm-section-row .lm-thumblist li { padding: 8px 0; }
  body.lm-desktop .lm-section-row .lm-thumblist h4 { font-size: 16px; }
  body.lm-desktop .lm-section-row .lm-thumblist img { width: 74px; height: 74px; }

  /* ---- গ্রিড লেআউট সেকশন (অর্থনীতি / জাতীয় শৈলী) — auto-fit কার্ড সারি ---- */
  body.lm-desktop .lm-cat-layout-grid .lm-catgrid {
    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 22px 20px;
  }
  body.lm-desktop .lm-cat-layout-grid .lm-card--grid .lm-card-title { font-size: 18px; }

  /* ---- আপনার এলাকার খবর: গ্রিড সেকশনের ঠিক নিচেই যেন লাগানো মনে হয় ---- */
  body.lm-desktop .lm-area-form { grid-template-columns: repeat(4, minmax(0, 1fr)); align-items: end; }

  /* =========================================================
     তিন-কলাম লিংক সেকশন (তথ্যপ্রযুক্তি / স্বাস্থ্য / চাকরি স্টাইল)
  ========================================================= */
  body.lm-desktop .lm-link-columns-row { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0 20px; }
  body.lm-desktop .lm-link-columns-row .lm-cat-section { margin-bottom: 0; }
  body.lm-desktop .lm-link-columns-row .lm-hero-lead { margin-bottom: 8px; }
  body.lm-desktop .lm-link-columns-row .lm-hero-lead-title {
    position: static; background: none; color: var(--lm-text); padding: 10px 0 0;
    font-size: 17px; font-weight: 700;
  }
  body.lm-desktop .lm-link-columns-row .lm-thumblist--text li { grid-template-columns: 1fr; padding: 9px 0; }
  body.lm-desktop .lm-link-columns-row .lm-thumblist--text h4 { font-size: 15px; font-weight: 600; }

  /* =========================================================
     ফুটার (স্ক্রিনশট স্টাইল): ডার্ক ব্যাকগ্রাউন্ড, বাম-সারিবদ্ধ
  ========================================================= */
  body.lm-desktop.lm-desktop-header-shot > footer.lm-footer { display: none; }
  body.lm-desktop.lm-desktop-header-shot .lm-desktop-footer { display: block; }
  body.lm-desktop .lm-desktop-footer { background: #1b1b1b; color: #d7dbe2; margin-top: 20px; }
  body.lm-desktop .lm-desktop-footer a { color: #d7dbe2; }
  body.lm-desktop .lm-desktop-footer a:hover { color: #fff; }
  body.lm-desktop .lm-desktop-footer-top { padding: 26px 0 18px; border-bottom: 1px solid rgba(255,255,255,.1); }
  body.lm-desktop .lm-desktop-footer-row { display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; flex-wrap: wrap; }
  body.lm-desktop .lm-desktop-footer-editor { font-size: 15px; opacity: .85; margin: 0 0 10px; }
  body.lm-desktop .lm-desktop-footer-logo img { max-height: 46px; }
  body.lm-desktop .lm-desktop-footer-logo .lm-brand-text { color: #fff; font-size: 24px; }
  body.lm-desktop .lm-desktop-footer .lm-social { justify-content: flex-end; margin-top: 0; }
  body.lm-desktop .lm-desktop-footer-info { text-align: right; }
  body.lm-desktop .lm-desktop-footer-links {
    display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 0; list-style: none; margin: 0 0 14px; padding: 0; font-size: 15px;
  }
  body.lm-desktop .lm-desktop-footer-links li { padding: 0 12px; border-left: 1px solid rgba(255,255,255,.2); }
  body.lm-desktop .lm-desktop-footer-links li:first-child { border-left: 0; }
  body.lm-desktop .lm-desktop-footer-brand { font-size: 20px; font-weight: 800; color: #fff; margin: 0 0 6px; }
  body.lm-desktop .lm-desktop-footer-address { font-size: 15px; line-height: 1.7; margin: 0; }
  body.lm-desktop .lm-desktop-footer-bottom-wrap { border-top: 1px solid rgba(255,255,255,.1); }
  body.lm-desktop .lm-desktop-footer-bottom {
    padding: 12px 0; font-size: 14px; display: flex; justify-content: space-between; color: #9aa1ab;
  }
}

@media (min-width: 1400px) {
  body.lm-desktop.lm-desktop-wide .lm-hero-list li { grid-template-columns: 132px minmax(0, 1fr); }
}