/*
Theme Name:   DocsInHand Blog
Theme URI:    https://docsinhand.com/blog
Description:  GeneratePress চাইল্ড থীম — DocsInHand ব্লগের জন্য রঙিন, আকর্ষণীয় লাইট থীম (বাংলা)। মোবাইলে পোস্ট ও পেজ ফুল-স্ক্রিন।
Author:       Showkat Akber
Template:     generatepress
Version:      2.0.0
Text Domain:  docsinhand-blog
*/

:root{
  --bg:#f3f5ff;
  --bg-2:#ffffff;
  --card:#ffffff;
  --card-2:#f6f4ff;
  --line:#e4e7f7;
  --text:#2b2f45;
  --muted:#6b7090;
  --head:#1b1e3b;
  --accent:#5b4bff;      /* প্রধান: ইন্ডিগো */
  --accent-2:#ff4d8d;    /* গোলাপি */
  --accent-3:#ff9f1c;    /* কমলা */
  --accent-4:#12b3a8;    /* টিল */
  --link:#4b3df0;
  --grad:linear-gradient(135deg,#5b4bff 0%,#9b3dff 50%,#ff4d8d 100%);
  --grad-warm:linear-gradient(135deg,#ff9f1c 0%,#ff4d8d 100%);
  --radius:16px;
  --shadow:0 8px 28px rgba(91,75,255,.10);
  --shadow-h:0 14px 36px rgba(91,75,255,.20);
  --read-size:19px;
  /* কার্ডের রং (নিচে প্রতিটি কার্ডে বদলায়) */
  --c:#5b4bff;--ct:rgba(91,75,255,.12);
}

html{scroll-behavior:smooth}
body,
body.separate-containers,
.separate-containers .site-content,
.site-content{
  background:var(--bg);
  color:var(--text);
  font-family:'Hind Siliguri','Noto Sans Bengali',system-ui,sans-serif;
  font-size:17px;
  line-height:1.85;
}
body{
  background:
    radial-gradient(900px 400px at 0% 0%,rgba(91,75,255,.10),transparent 60%),
    radial-gradient(800px 380px at 100% 10%,rgba(255,77,141,.10),transparent 60%),
    var(--bg);
  background-attachment:fixed;
}
::selection{background:var(--accent-2);color:#fff}

a{color:var(--link);text-decoration:none;transition:color .2s}
a:hover,a:focus{color:var(--accent-2)}

h1,h2,h3,h4,h5,h6,
.entry-title,.entry-title a,.widget-title{
  font-family:'Hind Siliguri','Noto Serif Bengali',serif;
  color:var(--head);
  line-height:1.4;
  font-weight:700;
}

/* ---------- Header & Menu ---------- */
.site-header{
  background:var(--grad);
  border-bottom:0;
  box-shadow:0 6px 22px rgba(91,75,255,.25);
}
.inside-header{background:transparent}
.main-title a,.main-title a:hover{color:#fff;font-weight:700;letter-spacing:.3px}
.site-description{color:rgba(255,255,255,.85)}
.main-navigation,
.main-navigation .main-nav ul li a,
.main-navigation .menu-toggle,
.main-navigation .menu-bar-items{background:transparent;color:#fff}
.main-navigation:not(.sticky-navigation-transition){background:transparent}
.main-navigation .main-nav ul li a{font-weight:600}
.main-navigation .main-nav ul li:hover>a,
.main-navigation .main-nav ul li.sfHover>a,
.main-navigation .main-nav ul li[class*="current-menu-"]>a{
  background:rgba(255,255,255,.18);color:#fff;
}
.main-navigation .main-nav ul li[class*="current-menu-"]>a{box-shadow:inset 0 -3px 0 #ffd166}
.main-navigation ul ul{
  background:#fff;border:1px solid var(--line);border-radius:12px;
  box-shadow:0 14px 34px rgba(40,30,120,.22);
}
.main-navigation .main-nav ul ul li a{background:#fff;color:var(--text)}
.main-navigation .main-nav ul ul li:hover>a,
.main-navigation .main-nav ul ul li[class*="current-menu-"]>a{background:var(--card-2);color:var(--accent)}

/* ---------- Cards: archive / home ---------- */
.separate-containers .inside-article,
.separate-containers .comments-area,
.separate-containers .page-header,
.separate-containers .paging-navigation,
.one-container .container,
.inside-page-header{
  background:var(--card);
  border:1px solid var(--line);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
}
.separate-containers .site-main>*{margin-bottom:24px}
.blog article .inside-article,
.archive article .inside-article,
.search article .inside-article{
  border-top:5px solid var(--c);
  transition:transform .25s,box-shadow .25s,border-color .25s;
}
.blog article .inside-article:hover,
.archive article .inside-article:hover,
.search article .inside-article:hover{transform:translateY(-4px);box-shadow:var(--shadow-h)}
.post-image img,.featured-image img{border-radius:12px;width:100%;height:auto}
.entry-summary p{color:var(--text)}
.entry-meta,.entry-meta a,.byline,.posted-on,.cat-links,.tags-links,footer.entry-meta{
  color:var(--muted);font-size:14px;
}
.entry-meta a:hover{color:var(--accent-2)}
.cat-links a,.tags-links a{
  display:inline-block;background:var(--ct);color:var(--c);
  padding:1px 12px;border-radius:20px;font-size:13px;font-weight:600;
}
.read-more,.read-more-container a{
  display:inline-block;background:var(--grad);color:#fff!important;font-weight:600;
  padding:6px 18px;border-radius:30px;box-shadow:0 6px 14px rgba(91,75,255,.25);
  transition:transform .2s,box-shadow .2s;
}
.read-more:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(255,77,141,.3);color:#fff!important}
.read-more:after{content:" →"}

/* ---------- Single post / page (reading view) ---------- */
.single .inside-article,
.page .inside-article{padding:40px 44px;border-top:5px solid transparent;border-image:var(--grad) 1}
.single .entry-header{text-align:center;margin-bottom:24px}
.single .entry-title{font-size:2.1rem;margin-bottom:12px}
.single .entry-meta{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 16px}
.single .featured-image,
.single .post-image{margin:0 0 28px}
.single .entry-content{
  font-family:'Noto Serif Bengali','Hind Siliguri',serif;
  font-size:var(--read-size);
  line-height:2;
  color:#2f334d;
  max-width:760px;
  margin:0 auto;
}
.page .entry-content{max-width:820px;margin:0 auto}
.single .entry-content p{margin-bottom:1.5em}
.entry-content a{color:var(--accent);border-bottom:1px solid rgba(91,75,255,.35)}
.entry-content a:hover{color:var(--accent-2);border-color:var(--accent-2)}
.entry-content h2{
  font-size:1.6rem;margin:1.8em 0 .6em;padding:.15em 0 .15em .6em;
  border-left:6px solid transparent;border-image:linear-gradient(180deg,#5b4bff,#ff4d8d) 1;
}
.entry-content h3{font-size:1.3rem;margin:1.5em 0 .5em;color:var(--accent)}
.entry-content h4{color:var(--accent-2)}
.entry-content img{border-radius:12px;max-width:100%;height:auto}
.entry-content ul,.entry-content ol{margin-bottom:1.5em}
.entry-content li::marker{color:var(--accent-2);font-weight:700}
blockquote,.entry-content blockquote{
  background:linear-gradient(135deg,#f1eeff,#fff0f6);
  border-left:5px solid var(--accent-2);
  border-radius:0 14px 14px 0;
  color:#3a3d5c;
  padding:16px 22px;margin:1.6em 0;font-style:normal;
}
blockquote p:last-child{margin-bottom:0}
code,kbd,tt,var{background:#efeaff;color:#7a2fd0;border-radius:6px;padding:2px 7px}
pre{background:#1f2140;color:#f1f0ff;border:0;border-radius:12px;padding:18px;overflow:auto;max-width:100%}
pre code{background:none;color:inherit;padding:0}
hr{background:linear-gradient(90deg,#5b4bff,#ff4d8d,#ff9f1c);height:3px;border:0;border-radius:3px;opacity:.7}
table,th,td{border:1px solid var(--line)}
table{border-collapse:separate;border-spacing:0;border-radius:12px;overflow:hidden}
th{background:var(--grad);color:#fff}
td{background:transparent}
tr:nth-child(even) td{background:#f8f7ff}
figcaption,.wp-caption-text{color:var(--muted);text-align:center;font-size:14px}

/* Post navigation */
.post-navigation,.paging-navigation{margin-top:24px}
.post-navigation .nav-previous a,.post-navigation .nav-next a{color:var(--muted)}
.post-navigation a:hover{color:var(--accent-2)}
.page-numbers,.paging-navigation .nav-links a{
  background:#fff;color:var(--text);border-radius:10px;padding:4px 13px;border:1px solid var(--line);
}
.page-numbers.current,.page-numbers:hover{background:var(--grad);color:#fff;border-color:transparent}

/* ---------- Sidebar & Widgets ---------- */
.sidebar .widget,.footer-widgets .widget{
  background:var(--card);border:1px solid var(--line);border-radius:var(--radius);
  padding:22px;color:var(--text);box-shadow:var(--shadow);
}
.sidebar .widget{border-top:5px solid var(--accent-4)}
.sidebar .widget:nth-of-type(3n+2){border-top-color:var(--accent-3)}
.sidebar .widget:nth-of-type(3n+3){border-top-color:var(--accent-2)}
.footer-widgets .widget{background:transparent;border:0;box-shadow:none;padding:0;color:#e9e7ff}
.widget-title{font-size:1.1rem;padding-bottom:10px;margin-bottom:14px;border-bottom:3px solid var(--accent-2);display:inline-block}
.footer-widgets .widget-title{color:#fff}
.widget ul li{border-bottom:1px dashed var(--line);padding:6px 0}
.widget ul li:last-child{border:0}
.widget a{color:var(--text)}
.widget a:hover{color:var(--accent-2)}
.footer-widgets .widget a{color:#fff}

/* ---------- Forms & Buttons ---------- */
input[type="text"],input[type="email"],input[type="url"],input[type="password"],
input[type="search"],input[type="tel"],input[type="number"],textarea,select{
  background:#fff;color:var(--text);border:1.5px solid var(--line);border-radius:12px;padding:12px 14px;max-width:100%;
}
input:focus,textarea:focus,select:focus{background:#fff;color:var(--head);border-color:var(--accent);box-shadow:0 0 0 4px rgba(91,75,255,.15);outline:0}
::placeholder{color:#9aa0bd}
button,html input[type="button"],input[type="reset"],input[type="submit"],
a.button,a.wp-block-button__link:not(.has-background){
  background:var(--grad);color:#fff;border:0;border-radius:30px;font-weight:600;padding:12px 26px;
  box-shadow:0 6px 16px rgba(91,75,255,.28);
  transition:transform .2s,box-shadow .2s;
}
button:hover,input[type="submit"]:hover,a.button:hover,a.wp-block-button__link:not(.has-background):hover{
  background:var(--grad-warm);color:#fff;transform:translateY(-2px);box-shadow:0 10px 22px rgba(255,77,141,.35);
}
.search-form .search-submit{border-radius:30px}

/* ---------- Comments ---------- */
.comments-area{padding:30px}
.comment-respond .comment-reply-title,.comments-title{color:var(--head)}
.comment-body{border-bottom:1px solid var(--line)}
.comment-author .fn,.comment-author .fn a{color:var(--head)}
.comment-metadata a{color:var(--muted)}

/* ---------- Footer ---------- */
.site-footer,.footer-widgets,.site-info{background:#231c6b;color:#d9d6ff}
.site-footer{background:linear-gradient(135deg,#231c6b,#5b2a9e 60%,#a1286a);border-top:0}
.footer-widgets,.site-info{background:transparent}
.site-info a{color:#ffd166}
.footer-widgets{padding:30px 0}

/* Back to top */
.generate-back-to-top{background:var(--grad);color:#fff;border-radius:50%;box-shadow:0 8px 18px rgba(91,75,255,.35)}

/* ---------- Custom additions ---------- */

/* পোস্ট টুলস: পড়ার সময়, ফন্ট বাটন, প্রোগ্রেস বার */
.sbd-tools{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px;margin:16px 0 14px;color:var(--muted);font-size:14px}
.sbd-tools button{
  background:#fff;color:var(--accent);border:1.5px solid var(--line);box-shadow:none;
  border-radius:20px;padding:2px 14px;font-size:14px;line-height:1.8;
}
.sbd-tools button:hover{background:var(--grad);color:#fff;transform:none;box-shadow:none}
.sbd-readtime{background:var(--ct);color:var(--c);padding:1px 12px;border-radius:20px;font-weight:600}
.sbd-progress-wrap{height:5px;margin:0 0 10px}
#sbd-track{height:5px;background:#e8eafb;border-radius:5px;overflow:hidden}
#sbd-progress{height:100%;width:0;background:linear-gradient(90deg,#5b4bff,#ff4d8d,#ff9f1c)}
.sbd-progress-wrap.is-stuck #sbd-track{position:fixed;top:0;left:0;right:0;border-radius:0;z-index:99999;background:rgba(255,255,255,.7)}
.admin-bar .sbd-progress-wrap.is-stuck #sbd-track{top:32px}

/* লেখক পরিচিতি */
.sbd-author{
  display:flex;gap:18px;align-items:center;
  background:linear-gradient(135deg,#f1eeff,#fff3f8);
  border:1px solid var(--line);border-radius:var(--radius);padding:20px;margin:40px auto 0;max-width:760px;
}
.sbd-author img{border-radius:50%;flex:none;border:3px solid #fff;box-shadow:0 4px 12px rgba(91,75,255,.25)}
.sbd-author h4{margin:0 0 4px;font-size:1.1rem}
.sbd-author p{margin:0;color:var(--muted);font-size:15px;line-height:1.7}

/* আরও পড়ুন */
.sbd-related{margin:40px 0 0}
.sbd-related>h3{
  font-size:1.3rem;margin-bottom:16px;color:var(--head);display:inline-block;
  padding-bottom:6px;border-bottom:3px solid var(--accent-2);
}
.sbd-rel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.sbd-rel-card{
  background:#fff;border:1px solid var(--line);border-top:4px solid var(--accent);border-radius:14px;overflow:hidden;
  display:flex;flex-direction:column;transition:box-shadow .2s,transform .2s;box-shadow:var(--shadow);
}
.sbd-rel-card:nth-child(3n+2){border-top-color:var(--accent-3)}
.sbd-rel-card:nth-child(3n+3){border-top-color:var(--accent-4)}
.sbd-rel-card:hover{box-shadow:var(--shadow-h);transform:translateY(-3px)}
.sbd-rel-thumb{display:block;aspect-ratio:16/10;background:linear-gradient(135deg,#e6e1ff,#ffe3ee);overflow:hidden}
.sbd-rel-thumb img{width:100%;height:100%;object-fit:cover;border-radius:0;display:block}
.sbd-rel-ph{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:2.6rem;font-weight:700;color:var(--accent);opacity:.75}
.sbd-rel-body{padding:14px 16px 16px;display:flex;flex-direction:column;flex:1}
.sbd-rel-body h4{font-size:1.05rem;margin:0 0 8px;line-height:1.5}
.sbd-rel-body h4 a{color:var(--head)}
.sbd-rel-body h4 a:hover{color:var(--accent-2)}
.sbd-rel-body p{color:var(--muted);font-size:14px;line-height:1.7;margin:0 0 12px;flex:1}
.sbd-rel-btn{
  align-self:flex-start;background:var(--grad);color:#fff;font-weight:600;font-size:14px;
  padding:5px 18px;border-radius:30px;
}
.sbd-rel-btn:hover{background:var(--grad-warm);color:#fff}

/* আর্কাইভ/ব্লগ: ৩ কলাম কার্ড গ্রিড */
.archive .site-main,.blog .site-main{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;
}
.archive .site-main>*,.blog .site-main>*{margin:0!important;min-width:0}
.archive .site-main>:not(article):not(.generate-columns-container),
.blog .site-main>:not(article):not(.generate-columns-container){grid-column:1/-1}
.generate-columns-container{display:contents}
.generate-columns-container>.generate-columns{width:auto!important;float:none!important;padding:0!important;margin:0!important}
.archive article .inside-article,.blog article .inside-article{
  height:100%;padding:18px;display:flex;flex-direction:column;
}
.archive article .post-image,.blog article .post-image{margin:0 0 14px}
.archive article .post-image img,.blog article .post-image img{aspect-ratio:16/10;object-fit:cover;width:100%}
.archive article .entry-title,.blog article .entry-title{font-size:1.15rem;line-height:1.5}
.archive article .entry-title a,.blog article .entry-title a{color:var(--head)}
.archive article .entry-title a:hover,.blog article .entry-title a:hover{color:var(--c)}
.archive article .entry-summary,.blog article .entry-summary{flex:1;font-size:15px;line-height:1.75}
.archive article .entry-summary p,.blog article .entry-summary p{margin-bottom:.8em}

/* কার্ডে রঙের ঘূর্ণন (৬টি রং) */
.blog article:nth-of-type(6n+1),.archive article:nth-of-type(6n+1),.search article:nth-of-type(6n+1){--c:#5b4bff;--ct:rgba(91,75,255,.12)}
.blog article:nth-of-type(6n+2),.archive article:nth-of-type(6n+2),.search article:nth-of-type(6n+2){--c:#ff4d8d;--ct:rgba(255,77,141,.12)}
.blog article:nth-of-type(6n+3),.archive article:nth-of-type(6n+3),.search article:nth-of-type(6n+3){--c:#ff9f1c;--ct:rgba(255,159,28,.16)}
.blog article:nth-of-type(6n+4),.archive article:nth-of-type(6n+4),.search article:nth-of-type(6n+4){--c:#12b3a8;--ct:rgba(18,179,168,.14)}
.blog article:nth-of-type(6n+5),.archive article:nth-of-type(6n+5),.search article:nth-of-type(6n+5){--c:#2f8bff;--ct:rgba(47,139,255,.13)}
.blog article:nth-of-type(6n+6),.archive article:nth-of-type(6n+6),.search article:nth-of-type(6n+6){--c:#9b3dff;--ct:rgba(155,61,255,.13)}

/* বড় স্ক্রিনে কনটেন্ট ওভারফ্লো রোধ */
.entry-content,.entry-summary{overflow-wrap:break-word;word-wrap:break-word}
.entry-content iframe,.entry-content video,.entry-content embed{max-width:100%}

@media(max-width:1024px){
  .archive .site-main,.blog .site-main{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sbd-rel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* ============================================================
   মোবাইল: পোস্ট, পেজ, আর্কাইভ — সব ফুল-স্ক্রিন (বাঁ-ডানে কোনো ফাঁকা নেই)
   ============================================================ */
@media(max-width:768px){
  html,body{width:100%;max-width:100%;overflow-x:hidden}
  :root{--read-size:18px}

  /* GeneratePress-এর কন্টেইনার, প্যাডিং ও মার্জিন শূন্য */
  .site,.site-content,.grid-container,.container,
  .site-content .content-area,
  .separate-containers .content-area,
  .separate-containers .site-main,
  .inside-header,.inside-navigation,.site-footer .inside-site-info,
  .footer-widgets .inside-footer-widgets{
    width:100%!important;max-width:100%!important;
  }
  .site-content{padding:0!important;display:block!important}
  .separate-containers .site-main,
  .one-container .site-main{margin:0!important;padding:0!important}
  .separate-containers .site-main>*{margin-bottom:12px}
  .separate-containers .content-area,
  .separate-containers .sidebar{margin:0!important;padding:0!important}
  .separate-containers .site-main>*:last-child{margin-bottom:0}

  /* কার্ড/আর্টিকেল: পুরো প্রস্থ, কোনো পাশের বর্ডার বা গোল কোণ নয় */
  .separate-containers .inside-article,
  .separate-containers .comments-area,
  .separate-containers .page-header,
  .separate-containers .paging-navigation,
  .one-container .container,
  .inside-page-header{
    margin:0!important;border-radius:0;border-left:0;border-right:0;
    box-shadow:none;
  }
  .single .inside-article,.page .inside-article{padding:22px 16px}
  .single .entry-title,.page .entry-title{font-size:1.6rem}
  .single .entry-content,.page .entry-content{max-width:100%}

  /* ছবি ও ফিচার ইমেজ: কিনারা থেকে কিনারা */
  .single .featured-image,.single .post-image,
  .page .featured-image,.page .post-image{margin:0 -16px 20px}
  .single .featured-image img,.single .post-image img,
  .page .featured-image img,.page .post-image img{border-radius:0;width:100%}
  .entry-content .alignfull,.entry-content .alignwide{margin-left:-16px;margin-right:-16px;max-width:none;width:calc(100% + 32px)}
  .entry-content figure,.entry-content .wp-caption{max-width:100%!important}
  .entry-content img{max-width:100%;height:auto}

  /* টেবিল ও কোড: নিজের ভেতরে স্ক্রল, পেজ নয় */
  .entry-content table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%;border-radius:0}
  .entry-content pre{border-radius:8px}

  /* ব্লগ/আর্কাইভ: ১ কলাম, ফুল-উইডথ কার্ড */
  .archive .site-main,.blog .site-main,.search .site-main{grid-template-columns:1fr;gap:12px}
  .archive article .inside-article,.blog article .inside-article,.search article .inside-article{padding:16px}
  .archive article .post-image,.blog article .post-image{margin:0 -16px 14px}
  .archive article .post-image img,.blog article .post-image img{border-radius:0}
  .blog .inside-article:hover,.archive .inside-article:hover{transform:none}

  /* সাইডবার উইজেট ফুল-উইডথ */
  .sidebar .widget{margin:0 0 12px;border-radius:0;border-left:0;border-right:0;box-shadow:none}
  .footer-widgets{padding:22px 16px}

  /* লেখক পরিচিতি ও আরও পড়ুন */
  .sbd-author{flex-direction:column;text-align:center;margin-left:0;margin-right:0}
  .sbd-rel-grid{grid-template-columns:1fr}
  .comments-area{padding:22px 16px}
  .page-header,.inside-page-header{padding:20px 16px}
}

@media(max-width:480px){
  .single .entry-title,.page .entry-title{font-size:1.45rem}
  .main-navigation .menu-toggle{padding-left:16px;padding-right:16px}
}