/*
 * Blog-first, writing-centric design
 * Inspired by lynalden.com essay archive
 */

/* === Reset === */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* === Base Typography === */
body {
    font-family: Georgia, 'Times New Roman', serif;
    font-size: 18px;
    line-height: 1.65;
    color: #333;
    background: #fff;
}

h1, h2, h3, h4, h5, h6 {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 700;
    color: #000;
    line-height: 1.3;
}

/* === Layout === */
.site {
    background: #fff;
}

.site-content {
    max-width: 600px;
    margin: 0 auto;
    padding: 40px 20px 80px;
}

/* === Header === */
.site-header {
    background: #fff;
    border-bottom: 1px solid #ddd;
    padding: 20px 0;
}

.main-header-bar {
    max-width: 1140px;
    margin: 0 auto;
    padding: 0 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.site-title {
    font-size: 20px;
    font-weight: 700;
    font-family: Arial, Helvetica, sans-serif;
    margin: 0;
}

.site-title a {
    color: #000;
    text-decoration: none;
}

.site-title a:hover {
    color: #0066cc;
}

/* Site tagline - small and understated */
.site-description {
    display: block;
    font-size: 15px;
    color: #666;
    font-style: italic;
    font-family: Georgia, serif;
    margin-top: 15px;
    line-height: 1.5;
}

/* === Navigation === */
.main-navigation {
    font-size: 16px;
    font-family: Arial, Helvetica, sans-serif;
}

.main-navigation ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    gap: 20px;
}

.main-navigation li {
    margin: 0;
}

.main-navigation a {
    color: #333;
    text-decoration: none;
}

.main-navigation a:hover {
    color: #0066cc;
}

/* === Links === */
a {
    color: #0066cc;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

/* === Blog Index (Homepage) === */

/* Blog post listings */
.home.blog .ast-article-post,
.archive .ast-article-post,
.blog .ast-article-post {
    border: none;
    background: transparent;
    padding: 0;
    margin-bottom: 2.5em;
    box-shadow: none;
}

/* Post titles */
.home.blog .entry-title,
.archive .entry-title,
.blog .entry-title {
    font-size: 1.4em;
    margin-bottom: 0.3em;
    font-weight: 700;
    line-height: 1.3;
}

.home.blog .entry-title a,
.archive .entry-title a,
.blog .entry-title a {
    color: #000;
    text-decoration: none;
}

.home.blog .entry-title a:hover,
.archive .entry-title a:hover,
.blog .entry-title a:hover {
    color: #0066cc;
}

/* Post meta (date, categories) */
.home.blog .entry-meta,
.archive .entry-meta,
.blog .entry-meta {
    font-size: 14px;
    color: #888;
    margin-bottom: 0.8em;
    font-family: Arial, Helvetica, sans-serif;
}

/* Post excerpts - keep very short */
.home.blog .entry-summary,
.archive .entry-summary,
.blog .entry-summary {
    font-size: 17px;
    color: #555;
    line-height: 1.6;
    margin-bottom: 0.5em;
}

.home.blog .entry-summary p,
.archive .entry-summary p,
.blog .entry-summary p {
    margin-bottom: 0;
}

/* Hide "Read more" links */
.ast-read-more {
    display: none;
}

/* === Single Post === */
.single-post .entry-title {
    font-size: 2em;
    margin-bottom: 0.4em;
    font-weight: 700;
}

.single-post .entry-meta {
    font-size: 14px;
    color: #888;
    margin-bottom: 2em;
    font-family: Arial, Helvetica, sans-serif;
}

.single-post .entry-content {
    font-size: 18px;
    line-height: 1.65;
    color: #333;
}

.single-post .entry-content h2 {
    font-size: 1.5em;
    margin-top: 2em;
    margin-bottom: 0.8em;
}

.single-post .entry-content p {
    margin-bottom: 1.2em;
    max-width: 600px;
}

/* === Pages === */
.page .entry-content {
    font-size: 18px;
    line-height: 1.65;
}

.page .entry-content h1 {
    font-size: 2em;
    margin-bottom: 0.8em;
}

.page .entry-content h2 {
    font-size: 1.5em;
    margin-top: 2em;
    margin-bottom: 0.8em;
}

.page .entry-content h3 {
    font-size: 1.2em;
    margin-top: 1.5em;
    margin-bottom: 0.6em;
}

.page .entry-content p {
    margin-bottom: 1.2em;
    max-width: 600px;
}

.page .entry-content ul,
.page .entry-content ol {
    margin: 1em 0 1.5em 1.5em;
    max-width: 600px;
}

.page .entry-content li {
    margin-bottom: 0.5em;
}

/* Hide page titles (we use h1 in content) */
.entry-header .entry-title {
    display: none;
}

/* === Footer === */
.site-footer {
    background: #fff;
    border-top: 1px solid #ddd;
    padding: 30px 20px;
    margin-top: 60px;
}

.site-footer p {
    font-size: 14px;
    color: #888;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
}

/* === Hide all images === */
.post-thumb,
.post-thumb-img-content,
.ast-blog-featured-section,
img.attachment-large,
.wp-post-image,
.entry-content > img:first-child {
    display: none !important;
}

/* === Remove decorations === */
.ast-separate-container .ast-article-single,
.ast-separate-container .ast-article-post,
.ast-plain-container .site-content {
    background: transparent;
    padding: 0;
    box-shadow: none;
}


/* === Categories/Tags === */
.cat-links,
.tags-links {
    font-size: 14px;
    color: #888;
}

.cat-links a,
.tags-links a {
    color: #0066cc;
}

/* === Code blocks === */
code {
    font-family: 'Courier New', monospace;
    font-size: 0.95em;
    background: #f5f5f5;
    padding: 2px 4px;
}

pre {
    background: #f5f5f5;
    padding: 1em;
    overflow-x: auto;
    line-height: 1.5;
}

/* === Selection === */
::selection {
    background: #b3d4fc;
}

/* === Buttons === */
.button,
.wp-block-button__link {
    background: #0066cc;
    color: #fff;
    padding: 10px 20px;
    border: none;
    text-decoration: none;
    font-size: 16px;
    font-family: Arial, Helvetica, sans-serif;
}

.button:hover,
.wp-block-button__link:hover {
    background: #0052a3;
    text-decoration: none;
}

/* === Pagination === */
.ast-pagination {
    margin-top: 3em;
    font-family: Arial, Helvetica, sans-serif;
}

.ast-pagination a {
    color: #0066cc;
}

/* === Remove animations === */
* {
    animation: none !important;
    transition: none !important;
}

a {
    transition: color 0.1s ease !important;
}

/* === Responsive === */
@media (max-width: 768px) {
    body {
        font-size: 17px;
    }
    
    .main-header-bar {
        flex-direction: column;
        gap: 15px;
        align-items: flex-start;
    }
    
    .main-navigation ul {
        flex-wrap: wrap;
    }
    
    .site-title {
        font-size: 18px;
    }
    
    .home.blog .entry-title,
    .archive .entry-title {
        font-size: 1.3em;
    }
    
    .single-post .entry-title {
        font-size: 1.7em;
    }
}

/* === Fix Navigation Layout === */
.main-header-bar {
    flex-direction: row !important;
    align-items: center !important;
}

.site-branding {
    flex-grow: 0;
}

.main-header-bar-navigation {
    margin-left: auto;
}

.main-navigation ul {
    display: flex !important;
    flex-direction: row !important;
    gap: 20px !important;
    list-style: none !important;
}

.main-navigation li {
    display: inline-block !important;
    margin: 0 !important;
}

/* Hide duplicate or extra navigation that might appear */
.ast-builder-layout-element {
    display: block;
}

/* Make sure site title and tagline stay on the left */
.site-header .site-branding {
    text-align: left;
}
    columns: 1 !important;
}

/* Hide auto-generated Home link from Astra */
.main-navigation a[href$="dev.rajushahi.com/"]:not(.menu-item a),
.main-navigation .menu-item-home {
    display: none !important;
}

/* Two-column layout like Lyn Alden */
.site-content {
    max-width: 1140px !important;
    display: flex !important;
    flex-direction: row !important;
    gap: 40px !important;
    padding: 40px 20px 80px !important;
}

/* Main content area - left column */
.content-area {
    flex: 1 1 600px !important;
    max-width: 600px !important;
}

/* Sidebar - right column */
.widget-area {
    flex: 0 0 300px !important;
    max-width: 300px !important;
}

/* Sidebar widgets styling */
.widget-area .widget {
    background: #f9f9f9;
    border: 1px solid #ddd;
    padding: 20px;
    margin-bottom: 20px;
    font-family: Georgia, serif;
}

.widget-area .widget h3 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    margin-top: 0;
}

/* Responsive: stack on mobile */
@media (max-width: 900px) {
    .site-content {
        flex-direction: column !important;
    }
    
    .content-area,
    .widget-area {
        max-width: 100% !important;
        flex: 1 1 auto !important;
    }
}

/* Force blog posts into simple vertical list */
.home.blog .site-content .content-area,
.archive .site-content .content-area,
.blog .site-content .content-area {
    display: block !important;
}

.home.blog article,
.archive article,
.blog article {
    display: block !important;
    width: 100% !important;
    margin: 0 0 40px 0 !important;
    padding: 0 0 40px 0 !important;
    border-bottom: 1px solid #ddd !important;
    float: none !important;
}

/* Remove card/grid styling */
.ast-row,
.ast-separate-posts .ast-article-post {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
}

/* Blog post titles */
.home.blog .entry-title,
.archive .entry-title,
.blog .entry-title {
    font-size: 24px !important;
    margin-bottom: 8px !important;
    line-height: 1.3 !important;
}

/* Blog post meta (date) */
.home.blog .entry-meta,
.archive .entry-meta,
.blog .entry-meta {
    font-size: 14px !important;
    color: #666 !important;
    margin-bottom: 12px !important;
}

/* Blog post excerpts */
.home.blog .entry-summary,
.archive .entry-summary,
.blog .entry-summary {
    font-size: 16px !important;
    line-height: 1.6 !important;
    margin-bottom: 0 !important;
}

/* Remove "Read more" links */
.home.blog .read-more,
.archive .read-more,
.blog .read-more {
    display: none !important;
}

/* Header styling like Lyn Alden */
.site-title {
    font-family: Georgia, serif !important;
    font-size: 48px !important;
    font-weight: bold !important;
    color: #000 !important;
    margin: 0 0 5px 0 !important;
    line-height: 1.2 !important;
}

.site-title a {
    color: #000 !important;
    text-decoration: none !important;
}

.site-description {
    font-family: Georgia, serif !important;
    font-size: 18px !important;
    font-weight: normal !important;
    color: #2563a8 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    margin: 0 0 20px 0 !important;
    font-style: normal !important;
}

/* Blue border under header */
.main-header-bar {
    border-bottom: 3px solid #2563a8 !important;
    padding-bottom: 20px !important;
}

/* Menu items as boxes */
.main-navigation ul {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.main-navigation li {
    margin: 0 !important;
    padding: 0 !important;
}

.main-navigation a {
    display: block !important;
    padding: 12px 20px !important;
    background: #f0f0f0 !important;
    color: #333 !important;
    text-decoration: none !important;
    border: 1px solid #ddd !important;
    transition: all 0.2s ease !important;
}

.main-navigation a:hover {
    background: #e0e0e0 !important;
}

/* Active/current menu item - blue background */
.main-navigation .current-menu-item a,
.main-navigation .current_page_item a,
.main-navigation li.current-menu-item > a,
.main-navigation li.current_page_item > a {
    background: #2563a8 !important;
    color: #fff !important;
    border-color: #2563a8 !important;
}

/* Fix header layout - title and tagline on left, menu on right */
.main-header-bar {
    flex-direction: row !important;
    align-items: flex-end !important;
    padding: 20px 20px 10px 20px !important;
}

.site-branding {
    flex: 0 0 auto !important;
    margin-right: auto !important;
}

/* Ensure tagline displays */
.site-header .site-description {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Move navigation to right side */
.main-header-bar-navigation {
    flex: 0 0 auto !important;
    margin-left: auto !important;
}

/* Remove duplicate menu items */
.main-navigation .page_item_4,
.main-navigation .page_item_6 {
    display: none !important;
}

/* Cleaner menu box design */
.main-navigation a {
    background: #fff !important;
    color: #333 !important;
    border: 1px solid #ccc !important;
    padding: 10px 18px !important;
    font-size: 15px !important;
    font-family: Georgia, serif !important;
    transition: all 0.15s ease !important;
}

.main-navigation a:hover {
    background: #f5f5f5 !important;
    border-color: #999 !important;
}

/* Active menu - clean blue */
.main-navigation .current-menu-item a,
.main-navigation .current_page_item a,
.main-navigation li.current-menu-item > a,
.main-navigation li.current_page_item > a {
    background: #2563a8 !important;
    color: #fff !important;
    border-color: #2563a8 !important;
}

/* Gap between menu items */
.main-navigation ul {
    gap: 0px !important;
}

.main-navigation li {
    margin-left: -1px !important;
}

.main-navigation li:first-child {
    margin-left: 0 !important;
}