/*
Theme Name: Call Wise Guide
Theme URI: https://call-wise-guide.lovable.app/
Author: Antigravity
Author URI: #
Description: 100% exact clone of Call Wise Guide from Lovable.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: call-wise-theme
Tags: custom, lovable, clone, responsive
*/

/* ==========================================================================
   Typography & Layout for Standard WordPress Post Content
   ========================================================================== */
.article-content {
    font-family: 'IBM Plex Sans', sans-serif;
    color: hsl(var(--foreground) / 0.8);
    font-size: 1rem;
    line-height: 1.625;
}

.article-content p {
    margin-bottom: 1rem;
}

.article-content h2 {
    font-family: 'Cormorant Garamond', serif;
    font-size: 1.5rem;
    font-weight: 700;
    color: hsl(var(--foreground));
    margin-top: 2.5rem;
    margin-bottom: 1rem;
}

/* Specific art-deco h2 style matching the prototype */
.article-content h2.art-deco-h2 {
    position: relative;
    display: inline-block;
    padding: 0.5rem 2rem;
}

.article-content h3 {
    font-family: 'Cormorant Garamond', serif;
    font-size: 1.25rem;
    font-weight: 700;
    color: hsl(var(--foreground));
    margin-top: 2rem;
    margin-bottom: 0.75rem;
}

.article-content h4, 
.article-content h5, 
.article-content h6 {
    font-family: 'Cormorant Garamond', serif;
    font-weight: 700;
    color: hsl(var(--foreground));
    margin-top: 1.5rem;
    margin-bottom: 0.5rem;
}

.article-content ul {
    list-style-type: disc;
    padding-left: 1.25rem;
    margin-bottom: 1rem;
}

.article-content ol {
    list-style-type: decimal;
    padding-left: 1.25rem;
    margin-bottom: 1rem;
}

.article-content li {
    margin-bottom: 0.5rem;
}

.article-content a {
    color: hsl(var(--primary));
    font-weight: 500;
    text-decoration: none;
    transition: color 0.2s;
}

.article-content a:hover {
    text-decoration: underline;
}

.article-content strong,
.article-content b {
    color: hsl(var(--foreground));
    font-weight: 700;
}

/* ==========================================================================
   Standard WordPress Block Overrides (Tables, Images, Quotes)
   ========================================================================== */
.article-content table {
    width: 100%;
    border: 2px solid hsl(var(--border));
    font-size: 0.875rem;
    font-family: 'IBM Plex Sans', sans-serif;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    border-collapse: collapse;
}

.article-content th {
    text-align: left;
    padding: 0.75rem 1rem;
    font-weight: 500;
    color: hsl(var(--foreground));
    border-bottom: 2px solid hsl(var(--border));
    background-color: hsl(var(--primary) / 0.1);
}

.article-content td {
    padding: 0.75rem 1rem;
    color: hsl(var(--foreground) / 0.8);
    border-bottom: 1px solid hsl(var(--border));
}

.article-content tr:last-child td {
    border-bottom: none;
}

.article-content figure {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}

.article-content img {
    height: auto;
    max-width: 100%;
    border-radius: 0.25rem;
}

.article-content blockquote {
    border-left: 4px solid hsl(var(--primary));
    padding-left: 1rem;
    margin-left: 0;
    font-style: italic;
    color: hsl(var(--foreground));
    background-color: hsl(var(--primary) / 0.05);
    padding: 1rem;
    border-radius: 0 0.25rem 0.25rem 0;
}