/*
Theme Name: Talky Trends
Theme URI: https://talky-trends.lovable.app/
Author: AI Assistant
Description: A 100% exact clone of the Talky Trends Lovable layout. Clean, optimized, dark theme.
Version: 1.0.0
Text Domain: talky-trends
*/

/* Core styles and Tailwind mimicing is loaded in assets/css/main.css */

/* Prose Brutal - Typography mapping for standard WordPress content to match Lovable */
.prose-brutal p {
    margin-bottom: 1rem;
}
.prose-brutal h2 {
    font-family: Fraunces, serif;
    font-size: 1.5rem; /* text-2xl */
    line-height: 2rem;
    font-weight: 700; /* font-bold */
    color: hsl(var(--foreground));
    margin-top: 2.5rem; /* mt-10 */
    margin-bottom: 1rem; /* mb-4 */
}
.prose-brutal h3 {
    font-family: Fraunces, serif;
    font-size: 1.25rem; /* text-xl */
    line-height: 1.75rem;
    font-weight: 700;
    color: hsl(var(--foreground));
    margin-top: 2rem; /* mt-8 */
    margin-bottom: 0.75rem; /* mb-3 */
}
.prose-brutal ul {
    list-style-type: disc;
    padding-left: 1.5rem; /* pl-6 */
    margin-bottom: 1rem;
}
.prose-brutal ul li {
    margin-top: 0.25rem; /* space-y-1 */
}
.prose-brutal ol {
    list-style-type: decimal;
    padding-left: 1.5rem;
    margin-bottom: 1rem;
}
.prose-brutal ol li {
    margin-top: 0.25rem;
}
.prose-brutal blockquote {
    border-left-width: 4px; /* border-l-4 */
    border-color: hsl(var(--primary)); /* border-primary */
    padding-left: 1rem; /* pl-4 */
    font-style: italic;
    color: hsl(var(--muted-foreground));
    margin-top: 1.5rem; /* my-6 */
    margin-bottom: 1.5rem;
}
.prose-brutal a {
    color: hsl(var(--primary));
    text-decoration: underline;
    text-underline-offset: 4px;
}
.prose-brutal a:hover {
    color: hsl(var(--foreground));
}
.prose-brutal strong {
    font-weight: 700;
    color: hsl(var(--foreground));
}

/* Brutalist Tables for WordPress Content */
.prose-brutal table,
.prose-brutal .wp-block-table table {
    width: 100% !important;
    font-size: 0.875rem !important; /* text-sm */
    font-family: 'Syne', sans-serif !important; /* font-body */
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
    border-collapse: collapse !important;
    border: 3px solid hsl(var(--border)) !important; /* border-[3px] border-border */
}
.prose-brutal thead,
.prose-brutal thead tr,
.prose-brutal thead th {
    background-color: hsl(var(--primary)) !important; /* bg-primary */
    color: #ffffff !important; /* fallback for text-primary-foreground */
}
.prose-brutal th {
    padding: 0.75rem 1rem !important; /* py-3 px-4 */
    text-align: left !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
    border: none !important; /* remove WP default borders */
}
.prose-brutal tbody tr {
    border-top: 1px solid hsl(var(--border)) !important; /* border-t border-border */
    border-bottom: 1px solid hsl(var(--border)) !important;
}
.prose-brutal tbody tr:nth-child(even),
.prose-brutal tbody tr:nth-child(even) td {
    background-color: hsl(var(--background)) !important; /* bg-background */
}
.prose-brutal tbody tr:nth-child(odd),
.prose-brutal tbody tr:nth-child(odd) td {
    background-color: hsla(var(--muted)/0.3) !important; /* bg-muted/30 */
}
.prose-brutal td {
    padding: 0.75rem 1rem !important; /* py-3 px-4 */
    color: hsla(var(--foreground)/0.9) !important; /* text-foreground/90 */
    border: none !important; /* remove WP default borders */
}

/* Ensure WordPress Figure wrappers have overflow for tables */
.prose-brutal .wp-block-table {
    overflow-x: auto !important;
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
    border: none !important;
}
.prose-brutal .wp-block-table table {
    margin: 0 !important;
}