/*
Theme Name: AutoContentWeb Theme
Theme URI: https://example.com/autocontentweb
Author: Your Name
Author URI: https://example.com
Description: A custom WordPress theme for AutoContentWeb, featuring custom design and automated content updates.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: autocontentweb
*/

@layer utilities {
    .content-auto {
        content-visibility: auto;
    }
    .text-shadow {
        text-shadow: 0 2px 4px rgba(0,0,0,0.1);
    }
    .transition-custom {
        transition: all 0.3s ease;
    }
    .hover-lift {
        transition: transform 0.3s ease, box-shadow 0.3s ease;
    }
    .hover-lift:hover {
        transform: translateY(-5px);
        box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
    }
    .pulse-animation {
        animation: pulse 2s infinite;
    }
    @keyframes pulse {
        0% { transform: scale(1); }
        50% { transform: scale(1.05); }
        100% { transform: scale(1); }
    }
}





/*
 * Custom Article Content Styles
 * -------------------------------------------------- */

/* Apply custom styles to the content area using the 'article-content' class */
.article-content {
    color: #333; /* Slightly darker text for better contrast */
}

/* Increase paragraph spacing and line height for readability */
.article-content p {
    margin-bottom: 1.5em; /* Increase space between paragraphs */
    line-height: 1.8;     /* Increase line height within paragraphs */
}

/* Style for headings within the article */
.article-content h2,
.article-content h3,
.article-content h4 {
    margin-top: 2.5em;
    margin-bottom: 1em;
    line-height: 1.4;
}

/* Make lists (ordered and unordered) more spacious */
.article-content ul,
.article-content ol {
    margin-bottom: 1.5em;
    padding-left: 1.5em;
}

.article-content li {
    margin-bottom: 0.75em;
    line-height: 1.8;
}

/* Make bold text more prominent, like in the editor */
.article-content strong {
    color: #111; /* Make bold text nearly black */
    font-weight: 600; /* Use a semi-bold weight */
}

/* Style for blockquotes */
.article-content blockquote {
    border-left: 4px solid #f0f0f0; /* Use your theme's primary/secondary color if you prefer */
    padding-left: 1em;
    font-style: italic;
    color: #555;
    margin-left: 0;
    margin-right: 0;
}