/*
Theme Name: AtaulTheme
Author: Ataul Haque
Description: A simple, clean, minimal and fast WordPress theme by Ataul Haque. Image-first blog grid, thumbnail sidebar, one main color, ad widget areas, auto-created policy pages and menus on activation. No jQuery, no external fonts.
Version: 2.0.1
Requires at least: 5.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ataultheme
Tags: blog, one-column, two-columns, left-sidebar, right-sidebar, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready, wide-blocks
Copyright (c) 2026 Ataul Haque
AtaulTheme is distributed under the terms of the GNU GPL v2 or later.
*/

:root{
  --lp-container:1200px;
  --lp-primary:#1e73be;
  --lp-on-primary:#ffffff;
  --lp-text:#111111;
  --lp-link:#1e73be;
  --lp-header-bg:#ffffff;
  --lp-footer-bg:#111111;
  --lp-border:#e8e8e8;
  --lp-muted:#7a7a7a;
  --lp-font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue","Noto Sans Bengali",sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;font-family:var(--lp-font);font-size:17px;line-height:1.7;color:var(--lp-text);background:#fff;-webkit-font-smoothing:antialiased}
img,video,iframe,svg{max-width:100%;height:auto}
a{color:var(--lp-link);text-decoration:none}
a:hover,a:focus{text-decoration:underline}
h1,h2,h3,h4,h5,h6{line-height:1.25;margin:1.4em 0 .5em;font-weight:800}
h1{font-size:2rem}h2{font-size:1.6rem}h3{font-size:1.3rem}h4{font-size:1.1rem}
p{margin:0 0 1.4em}
blockquote{margin:1.5em 0;padding:.2em 1.2em;border-left:4px solid var(--lp-primary);color:var(--lp-muted)}
pre,code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9em}
pre{background:#f4f4f4;padding:1em;overflow:auto}
code{background:#f4f4f4;padding:.1em .35em}
pre code{background:none;padding:0}
table{border-collapse:collapse;width:100%;margin-bottom:1.5em}
th,td{border:1px solid var(--lp-border);padding:.5em .75em;text-align:left}
input,textarea,select{font:inherit;padding:.6em .8em;border:1px solid #d5d5d5;border-radius:0;max-width:100%;background:#fff}
input:focus,textarea:focus{outline:2px solid var(--lp-primary);outline-offset:0}
button,.button,input[type=submit]{background:var(--lp-primary);color:var(--lp-on-primary);border:0;border-radius:0;padding:.65em 1.3em;cursor:pointer;font:inherit;font-weight:700}
button:hover,.button:hover,input[type=submit]:hover{filter:brightness(.92);text-decoration:none}
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}
.screen-reader-text:focus{background:#fff;clip:auto;clip-path:none;display:block;height:auto;left:5px;top:5px;padding:12px 20px;width:auto;z-index:100000}
.alignleft{float:left;margin:0 1.5em 1em 0}.alignright{float:right;margin:0 0 1em 1.5em}.aligncenter{display:block;margin:0 auto 1em}
.wp-caption{max-width:100%}.wp-caption-text,.gallery-caption{font-size:.85em;color:var(--lp-muted)}
.sticky,.bypostauthor{display:block}

/* Layout */
.container{width:100%;max-width:var(--lp-container);margin:0 auto;padding:0 20px}
.site-content{padding:10px 0 50px}
.content-wrap{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:0 36px}
.layout-left .content-wrap{grid-template-columns:340px minmax(0,1fr)}
.layout-left .sidebar{order:-1}
.layout-none .content-wrap{grid-template-columns:minmax(0,1fr)}
.layout-none .sidebar{display:none}
.sidebar{border-left:1px solid var(--lp-border);padding-left:32px;padding-top:6px}
.layout-left .sidebar{border-left:0;border-right:1px solid var(--lp-border);padding-left:0;padding-right:32px}

/* Header */
.site-header{background:var(--lp-header-bg);border-bottom:1px solid var(--lp-border)}
.admin-bar .site-header{top:32px}
.header-inner{display:flex;align-items:center;gap:20px;min-height:68px}
.site-branding{flex:none}
.site-title{margin:0;font-size:1.6rem;line-height:1.2;font-weight:800}
.site-title a{color:var(--lp-text);text-decoration:none}
.custom-logo{max-height:48px;width:auto;display:block}
.main-nav{margin-left:auto}
.main-nav ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:2px}
.main-nav li{position:relative}
.main-nav a{display:block;padding:10px 16px;color:var(--lp-text);font-weight:600;font-size:1rem}
.main-nav a:hover,.main-nav .current-menu-item>a,.main-nav .current_page_item>a{color:var(--lp-primary);text-decoration:none}
.main-nav .menu-item-has-children>a::after,.main-nav .page_item_has_children>a::after{content:"\25BE";font-size:.75em;margin-left:5px;opacity:.6}
.main-nav ul ul{display:none;position:absolute;left:0;top:100%;min-width:210px;background:#fff;border:1px solid var(--lp-border);box-shadow:0 8px 20px rgba(0,0,0,.07);z-index:50;flex-direction:column;gap:0}
.main-nav li:hover>ul,.main-nav li:focus-within>ul{display:flex}
.main-nav ul ul a{padding:9px 16px;font-weight:500}
.main-nav ul ul ul{left:100%;top:0}
.search-toggle{background:none;color:var(--lp-text);padding:8px;line-height:0}
.search-toggle:hover{background:none;color:var(--lp-primary);filter:none}
.menu-toggle{display:none}
.header-search{border-top:1px solid var(--lp-border);padding:14px 0;background:#fafafa}
.header-search[hidden]{display:none}
.search-form{display:flex;gap:6px}.search-form label{flex:1}.search-form .search-field{width:100%}

/* Breadcrumbs */
.crumbs{padding-top:16px;padding-bottom:6px}
.breadcrumbs{font-size:.8rem;color:var(--lp-muted);line-height:1.4}
.breadcrumbs a{color:var(--lp-muted)}
.breadcrumbs a:hover{color:var(--lp-primary)}
.crumb-sep{opacity:.5;margin:0 3px}

/* Post cards (image first, no boxes) */
.post-card,.page-box,.widget{background:none;border:0;border-radius:0;padding:0}
.posts-wrap{margin-top:14px}
.post-thumb{display:block;margin:0 0 14px;overflow:hidden;background:#f1f1f1}
.post-thumb img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;transition:opacity .2s}
a.post-thumb:hover img{opacity:.88}
.entry-title{margin:0 0 .25em;font-size:1.6rem;font-weight:800;line-height:1.3}
.entry-title a{color:var(--lp-text)}.entry-title a:hover{color:var(--lp-primary);text-decoration:none}
.entry-meta{font-size:.82rem;color:var(--lp-muted);margin-bottom:.8em}
.entry-meta a{color:var(--lp-muted)}
.cat-badge{display:inline-block;background:var(--lp-primary);color:var(--lp-on-primary);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:2px 9px;margin-bottom:.6em}
.cat-badge:hover{text-decoration:none;filter:brightness(.9)}
.read-more{display:inline-block;font-weight:700}
.entry-footer{margin-top:1.5em;font-size:.85rem;color:var(--lp-muted)}

/* Blog grid: image + big title, like a clean magazine */
.blog-grid .posts-wrap{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 36px}
.blog-grid .posts-wrap .post-card:only-child{grid-column:1/-1}
.blog-grid .posts-wrap .entry-title{font-size:1.4rem;margin:.1em 0 .2em}
.blog-grid .posts-wrap .entry-summary,
.blog-grid .posts-wrap .read-more,
.blog-grid .posts-wrap .cat-badge,
.blog-grid .posts-wrap .entry-meta .sep,
.blog-grid .posts-wrap .entry-meta .byline{display:none}
.blog-list .posts-wrap .post-card{margin-bottom:34px}

/* Sidebar: black title bar + thumbnail list */
.widget{margin-bottom:34px}
.widget-title{background:#111;color:#fff;font-size:.85rem;font-weight:800;text-transform:uppercase;letter-spacing:.02em;margin:0 0 18px;padding:9px 14px;border:0}
.widget ul{list-style:none;margin:0;padding:0}
.widget li{padding:.4em 0;border-bottom:1px solid var(--lp-border)}.widget li:last-child{border:0}
.latest-list li{display:flex;gap:16px;padding:16px 0;align-items:flex-start}
.latest-list li:first-child{padding-top:0}
.ll-thumb{flex:none;width:110px;height:76px;background:#f1f1f1;overflow:hidden;display:block}
.ll-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.ll-ph{display:block;width:100%;height:100%}
.ll-title{display:block;color:var(--lp-text);font-weight:700;font-size:.95rem;line-height:1.35}
.ll-title:hover{color:var(--lp-primary);text-decoration:none}
.ll-date{display:block;font-size:.8rem;color:var(--lp-muted);margin-top:6px}

/* Single / page */
.single .post-card,.page .page-box{margin-bottom:30px}
.single .entry-title,.page .entry-title{font-size:2.2rem;margin-top:.2em}
.single .post-thumb{margin-bottom:22px}
.entry-content{font-size:1.04em}
.page-header{margin:14px 0 22px}.page-title{margin:0;font-size:1.7rem}
.pagination,.post-navigation .nav-links{display:flex;gap:8px;flex-wrap:wrap;justify-content:space-between}
.pagination{justify-content:center;margin-top:36px}
.page-numbers{padding:6px 14px;background:#f4f4f4;color:var(--lp-text)}
.page-numbers:hover{text-decoration:none;background:#e9e9e9}
.page-numbers.current{background:var(--lp-primary);color:var(--lp-on-primary)}
.post-navigation{margin:30px 0}
.share{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:1.5em 0;padding-top:1em;border-top:1px solid var(--lp-border)}
.share a{background:#f4f4f4;color:var(--lp-text);padding:4px 14px;font-size:.85rem}
.share a:hover{background:var(--lp-primary);color:var(--lp-on-primary);text-decoration:none}
.author-box{display:flex;gap:16px;align-items:flex-start;background:#f8f8f8;padding:18px}
.author-box img{border-radius:50%;flex:none}
.author-box h3{margin:0 0 .3em;font-size:1.05rem}.author-box p{margin:0 0 .4em;font-size:.92rem}
.related{margin:34px 0}
.related h2{font-size:1rem;text-transform:uppercase;background:#111;color:#fff;padding:9px 14px;margin:0 0 18px}
.related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.related-item{color:var(--lp-text);font-weight:700;font-size:.95rem;line-height:1.35}
.related-item:hover{text-decoration:none;color:var(--lp-primary)}
.related-item img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;margin-bottom:8px}

/* Comments */
.comments-area{margin-top:30px}
.comment-list{list-style:none;padding:0}.comment-list .children{list-style:none;padding-left:24px}
.comment-body{padding:16px 0;border-bottom:1px solid var(--lp-border)}
.comment-meta{font-size:.85rem;color:var(--lp-muted)}
.comment-form input[type=text],.comment-form input[type=email],.comment-form input[type=url],.comment-form textarea{width:100%}

/* Ads */
.ad-slot{text-align:center;margin:24px 0;min-height:20px;overflow:hidden}
.ad-label{display:block;font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;color:var(--lp-muted);margin-bottom:4px}

/* Hero (optional, off by default) */
.hero{background:var(--lp-primary);color:var(--lp-on-primary);padding:60px 0;text-align:center}
.hero-title{margin:0 0 .3em;font-size:2.4rem;color:var(--lp-on-primary)}
.hero-text{margin:0 auto 1.2em;max-width:640px;font-size:1.15rem;opacity:.92}
.hero-btn{background:var(--lp-on-primary);color:var(--lp-primary);padding:.8em 1.8em}

/* Footer */
.site-footer{background:var(--lp-footer-bg);color:#c9c9c9;padding:34px 0;font-size:.9rem}
.site-footer a{color:#fff}
.footer-widgets{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;margin-bottom:20px}
.site-footer .widget{color:#c9c9c9;margin-bottom:10px}
.site-footer .widget-title{background:none;padding:0 0 8px;border-bottom:1px solid #3a3a3a;color:#fff}
.site-footer .widget li{border-color:#2f2f2f}
.footer-nav ul{list-style:none;margin:0 0 14px;padding:0;display:flex;flex-wrap:wrap;gap:6px 22px;justify-content:center}
.site-info{text-align:center}
.to-top{position:fixed;right:18px;bottom:18px;width:42px;height:42px;padding:0;font-size:1.2rem;opacity:0;pointer-events:none;transition:opacity .2s;z-index:50}
.to-top.show{opacity:.9;pointer-events:auto}

/* Gutenberg */
.entry-content>.alignwide{margin-left:-40px;margin-right:-40px;max-width:none;width:auto}
.entry-content>.alignfull{margin-left:-20px;margin-right:-20px;max-width:none;width:auto}

@media (max-width:900px){
  .content-wrap,.layout-left .content-wrap{grid-template-columns:minmax(0,1fr)}
  .layout-left .sidebar{order:0}
  .sidebar,.layout-left .sidebar{border:0;padding:0;margin-top:30px}
}
@media (max-width:768px){
  body{font-size:16px}
  .header-inner{flex-wrap:wrap;gap:10px;min-height:58px;padding-top:6px;padding-bottom:6px}
  .search-toggle{margin-left:auto}
  .menu-toggle{display:inline-block}
  .main-nav{order:5;width:100%;margin-left:0}
  .main-nav ul{display:none;flex-direction:column}
  .main-nav.is-open ul{display:flex}
  .main-nav ul ul{position:static;border:0;box-shadow:none;padding-left:14px;display:flex}
  .blog-grid .posts-wrap{grid-template-columns:minmax(0,1fr)}
  .related-grid{grid-template-columns:minmax(0,1fr)}
  .single .entry-title,.page .entry-title{font-size:1.6rem}
  .hero{padding:40px 0}.hero-title{font-size:1.7rem}
  .entry-content>.alignwide,.entry-content>.alignfull{margin-left:0;margin-right:0}
}