/*
Theme Name: Founders Times
Theme URI: https://founderstimes.com
Author: Remote Lama
Description: A high-signal, mobile-first resource platform for founders.
Version: 2.0
*/

/* Basic Reset */
body {
    margin: 0;
    padding: 0;
    font-family: 'Inter', sans-serif;
}

/*
Theme Name: Founder's Times
Theme URI: https://thefounderstimes.com
Author: Your Name
Description: A modern publishing theme for startup founders and entrepreneurs
Version: 1.1
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: founders-times
*/

/* ====================================
   BATCH 1 ADDITIONS - Content Hierarchy
   ==================================== */

/* Main Content Typography */
.post-content h1,
.entry-content h1 {
    font-size: 2.5rem;
    font-weight: 700;
    margin-top: 2.5rem;
    margin-bottom: 1.5rem;
    line-height: 1.2;
    color: #1a1a1a;
}

.post-content h2,
.entry-content h2 {
    font-size: 2rem;
    font-weight: 700;
    margin-top: 2rem;
    margin-bottom: 1rem;
    line-height: 1.3;
    color: #1a1a1a;
}

.post-content h3,
.entry-content h3 {
    font-size: 1.5rem;
    font-weight: 600;
    margin-top: 1.5rem;
    margin-bottom: 0.75rem;
    line-height: 1.4;
    color: #2d2d2d;
}

.post-content h4,
.entry-content h4 {
    font-size: 1.25rem;
    font-weight: 600;
    margin-top: 1.25rem;
    margin-bottom: 0.5rem;
    line-height: 1.5;
    color: #2d2d2d;
}

.post-content h5,
.entry-content h5,
.post-content h6,
.entry-content h6 {
    font-size: 1.125rem;
    font-weight: 600;
    margin-top: 1rem;
    margin-bottom: 0.5rem;
    line-height: 1.5;
    color: #404040;
}

.post-content p,
.entry-content p {
    margin-bottom: 1.25rem;
    line-height: 1.75;
    color: #4a4a4a;
}

.post-content ul,
.post-content ol,
.entry-content ul,
.entry-content ol {
    margin-bottom: 1.25rem;
    padding-left: 1.5rem;
}

.post-content ul,
.entry-content ul {
    list-style-type: disc !important;
}

.post-content ol,
.entry-content ol {
    list-style-type: decimal !important;
}

.post-content li,
.entry-content li {
    margin-bottom: 0.5rem;
    line-height: 1.75;
}

.post-content blockquote,
.entry-content blockquote {
    border-left: 4px solid #8b5cf6;
    padding-left: 1.5rem;
    margin: 1.5rem 0;
    font-style: italic;
    color: #666;
}

.post-content a,
.entry-content a {
    color: #8b5cf6;
    text-decoration: underline;
    transition: color 0.2s;
}

.post-content a:hover,
.entry-content a:hover {
    color: #7c3aed;
}

.post-content code,
.entry-content code {
    background: #f3f4f6;
    padding: 0.125rem 0.375rem;
    border-radius: 0.25rem;
    font-size: 0.875em;
    color: #e11d48;
}

.post-content pre,
.entry-content pre {
    background: #1f2937;
    color: #f3f4f6;
    padding: 1rem;
    border-radius: 0.5rem;
    overflow-x: auto;
    margin: 1.5rem 0;
}

.post-content pre code,
.entry-content pre code {
    background: transparent;
    padding: 0;
    color: inherit;
}

.post-content img,
.entry-content img {
    max-width: 100%;
    height: auto;
    border-radius: 0.5rem;
    margin: 1.5rem 0;
}

.post-content table,
.entry-content table {
    width: 100%;
    border-collapse: collapse;
    margin: 1.5rem 0;
}

.post-content th,
.entry-content th {
    background: #f3f4f6;
    padding: 0.75rem;
    text-align: left;
    font-weight: 600;
    border-bottom: 2px solid #e5e7eb;
}

.post-content td,
.entry-content td {
    padding: 0.75rem;
    border-bottom: 1px solid #e5e7eb;
}

.post-content hr,
.entry-content hr {
    margin: 2rem 0;
    border: none;
    border-top: 2px solid #e5e7eb;
}

/* First paragraph - REMOVED: was causing inconsistent sizing */

/*
====================================
Content Hierarchy - ENHANCED VERSION
Fixes: More specific selectors to override Tailwind prose
====================================
*/

/* Main article content wrapper with highest specificity */
article.post-content h1,
.post-content h1,
.entry-content h1 {
    font-size: 2.5rem !important;
    font-weight: 700 !important;
    margin-top: 2.5rem !important;
    margin-bottom: 1.5rem !important;
    line-height: 1.2 !important;
    color: #1a1a1a !important;
}

article.post-content h2,
.post-content h2,
.entry-content h2 {
    font-size: 2rem !important;
    font-weight: 700 !important;
    margin-top: 2rem !important;
    margin-bottom: 1rem !important;
    line-height: 1.3 !important;
    color: #1a1a1a !important;
}

article.post-content h3,
.post-content h3,
.entry-content h3 {
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    margin-top: 1.5rem !important;
    margin-bottom: 0.75rem !important;
    line-height: 1.4 !important;
    color: #2d2d2d !important;
}

article.post-content h4,
.post-content h4,
.entry-content h4 {
    font-size: 1.25rem !important;
    font-weight: 600 !important;
    margin-top: 1.25rem !important;
    margin-bottom: 0.5rem !important;
    line-height: 1.5 !important;
    color: #2d2d2d !important;
}

article.post-content h5,
article.post-content h6,
.post-content h5,
.post-content h6,
.entry-content h5,
.entry-content h6 {
    font-size: 1.125rem !important;
    font-weight: 600 !important;
    margin-top: 1rem !important;
    margin-bottom: 0.5rem !important;
    line-height: 1.5 !important;
    color: #404040 !important;
}

article.post-content p,
.post-content p,
.entry-content p {
    margin-bottom: 1.25rem;
    line-height: 1.75;
    color: #4a4a4a;
}

article.post-content ul,
article.post-content ol,
.post-content ul,
.post-content ol,
.entry-content ul,
.entry-content ol {
    margin-bottom: 1.25rem;
    padding-left: 1.5rem;
}

article.post-content ul,
.post-content ul,
.entry-content ul {
    list-style-type: disc !important;
}

article.post-content ol,
.post-content ol,
.entry-content ol {
    list-style-type: decimal !important;
}

article.post-content li,
.post-content li,
.entry-content li {
    margin-bottom: 0.5rem;
    line-height: 1.75;
}

article.post-content blockquote,
.post-content blockquote,
.entry-content blockquote {
    border-left: 4px solid #8b5cf6;
    padding-left: 1.5rem;
    margin: 1.5rem 0;
    font-style: italic;
    color: #666;
}

article.post-content a,
.post-content a,
.entry-content a {
    color: #8b5cf6;
    text-decoration: underline;
    transition: color 0.2s;
}

article.post-content a:hover,
.post-content a:hover,
.entry-content a:hover {
    color: #7c3aed;
}

article.post-content code,
.post-content code,
.entry-content code {
    background: #f3f4f6;
    padding: 0.125rem 0.375rem;
    border-radius: 0.25rem;
    font-size: 0.875em;
    color: #e11d48;
}

article.post-content pre,
.post-content pre,
.entry-content pre {
    background: #1f2937;
    color: #f3f4f6;
    padding: 1rem;
    border-radius: 0.5rem;
    overflow-x: auto;
    margin: 1.5rem 0;
}

article.post-content pre code,
.post-content pre code,
.entry-content pre code {
    background: transparent;
    padding: 0;
    color: inherit;
}

article.post-content img,
.post-content img,
.entry-content img {
    max-width: 100%;
    height: auto;
    border-radius: 0.5rem;
    margin: 1.5rem 0;
}

article.post-content table,
.post-content table,
.entry-content table {
    width: 100%;
    border-collapse: collapse;
    margin: 1.5rem 0;
}

article.post-content th,
.post-content th,
.entry-content th {
    background: #f3f4f6;
    padding: 0.75rem;
    text-align: left;
    font-weight: 600;
    border-bottom: 2px solid #e5e7eb;
}

article.post-content td,
.post-content td,
.entry-content td {
    padding: 0.75rem;
    border-bottom: 1px solid #e5e7eb;
}

article.post-content hr,
.post-content hr,
.entry-content hr {
    margin: 2rem 0;
    border: none;
    border-top: 2px solid #e5e7eb;
}

/* First paragraph - REMOVED: was causing inconsistent sizing */

/* Bold text */
article.post-content strong,
article.post-content b,
.post-content strong,
.post-content b,
.entry-content strong,
.entry-content b {
    font-weight: 700 !important;
    color: #1a1a1a;
}

/* Italic text */
article.post-content em,
article.post-content i,
.post-content em,
.post-content i,
.entry-content em,
.entry-content i {
    font-style: italic !important;
}

/* ====================================
   Layout Fixes (Admin Bar & Filters)
   ==================================== */

/* Fix 1: Admin Bar Overlap */
body.admin-bar header.fixed {
    top: 32px !important;
}

@media screen and (max-width: 782px) {
    body.admin-bar header.fixed {
        top: 46px !important;
    }
}

/* Fix 2: Filter Text Cutoff */
/* Ensure filters start from left on small screens to prevent clipping */
#archive-industry-filters {
    justify-content: flex-start !important;
    /* Was justify-center */
    padding-left: 1rem !important;
    padding-right: 1rem !important;
}

/* Center on larger screens if space permits */
@media (min-width: 1024px) {
    #archive-industry-filters {
        justify-content: center !important;
    }
}

/* ====================================
   Layout Fixes (Admin Bar & Filters)
   ==================================== */

/* Fix 1: Admin Bar Overlap */
body.admin-bar header.fixed {
    top: 32px !important;
}

@media screen and (max-width: 782px) {
    body.admin-bar header.fixed {
        top: 46px !important;
    }
}

/* Fix 2: Filter Text Cutoff */
/* Force left alignment on ALL screens to prevent clipping */
#archive-industry-filters {
    justify-content: flex-start !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
    width: 100%;
    max-width: 100vw;
}

/* ====================================
   Idea Pages - Font Consistency
   ==================================== */

/* Ensure all idea pages use Inter font */
.post-type-archive-idea,
.single-idea,
.post-type-archive-idea *,
.single-idea * {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

/* Idea card typography */
.post-type-archive-idea article,
.post-type-archive-idea h1,
.post-type-archive-idea h2,
.post-type-archive-idea h3,
.post-type-archive-idea p,
.post-type-archive-idea span,
.post-type-archive-idea button,
.post-type-archive-idea input,
.post-type-archive-idea select {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}

/* Single idea page typography */
.single-idea article,
.single-idea h1,
.single-idea h2,
.single-idea h3,
.single-idea h4,
.single-idea p,
.single-idea span,
.single-idea button,
.single-idea input,
.single-idea select,
.single-idea .idea-tab {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}

/* Keep emojis using emoji font */
.single-idea .idea-tab span:first-child,
.post-type-archive-idea .text-2xl {
    font-family: "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji", 'Inter', sans-serif !important;
}