/*
Theme Name: localseo_wp
Author: Khatib Walid
Version: 1.5
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: localseo_wp-custom
Tags: custom-theme, seo, localseo

*/

/* Styles copied from old generatepress-child/style.css */
body {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
    color: #1f2937; /* text-gray-800 */
}

h1, h2, h3, h4, h5, h6 {
    
}

/* Modification du padding supérieur pour les classes py-8 et md:py-12 */
/* Pour les écrans mobiles */
.py-8 {
    padding-top: 0rem !important;
    /* padding-bottom reste à 2rem (8 * 0.25rem = 2rem) */
}

/* Pour les écrans desktop */
@media (min-width: 768px) {
    .md\:py-12 {
        padding-top: 1rem !important;
        /* padding-bottom reste à 3rem */
    }
}


/* General body font if not already set by Tailwind base */
/* body { font-family: 'YourTargetFont', sans-serif; } */
/* Replace 'YourTargetFont' with the actual font name if you have one */

/* Line clamp utilities for text truncation */
.line-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.line-clamp-3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Mobile optimizations */
@media (max-width: 640px) {
    /* Reduce padding on mobile for articles */
    .bg-white.rounded-lg.shadow-md .p-6 {
        padding: 1rem !important;
    }
    
    /* Optimize pagination spacing on mobile */
    .flex.items-center.justify-center.space-x-2 {
        gap: 0.25rem;
    }
    
    /* Smaller pagination buttons on mobile */
    .inline-flex.items-center.justify-center.w-10.h-10 {
        width: 2rem;
        height: 2rem;
        font-size: 0.75rem;
    }
    
    /* Adjust related posts grid gap on mobile */
    .related-posts .grid {
        gap: 1rem;
    }
}

/* Improve prose content spacing on mobile */
@media (max-width: 768px) {
    .prose {
        font-size: 0.95rem;
        line-height: 1.6;
    }
    
    .prose h1, .prose h2, .prose h3 {
        margin-top: 1.5rem;
        margin-bottom: 1rem;
    }
    
    .prose p {
        margin-bottom: 1rem;
    }
}

/* Sticky TOC improvements */
.sticky {
    position: -webkit-sticky;
    position: sticky;
}

/* Mobile TOC styling */
#mobile-toc {
    max-height: 200px;
    overflow-y: auto;
}

#mobile-toc ul {
    max-height: 150px;
    overflow-y: auto;
}
