/*
Theme Name: Career Premium Pro
Theme URI: https://agence-de-recrutement.com
Author: Agence de Recrutement
Description: Thème premium ultra-rapide axé SEO pour le recrutement et la carrière.
Version: 1.0.0
Text Domain: career-premium
*/

/* Reset de base pour s'assurer que WP ne pollue pas le layout */
body {
    margin: 0;
    padding: 0;
    font-family: 'Inter', sans-serif;
}

/* Pagination WP */
.pagination {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-top: 40px;
}

.pagination .page-numbers {
    padding: 8px 16px;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    transition: all 0.3s ease;
}

.pagination .current {
    background: #2563eb;
    color: white;
    border-color: #2563eb;
}

/* Utility classes pour line-clamp */
.line-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Menu WordPress */
.menu {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    gap: 1.5rem;
}

.menu li {
    margin: 0;
}

.menu a {
    color: inherit;
    text-decoration: none;
    transition: color 0.3s ease;
}

.menu a:hover {
    color: #2563eb;
}

/* Footer menu */
footer .menu {
    flex-direction: column;
    gap: 0.75rem;
}

footer .menu a {
    font-size: 0.875rem;
}

/* Prose styles pour le contenu des articles */
.prose {
    color: #334155;
    max-width: 65ch;
}

.prose p {
    margin-top: 1.25em;
    margin-bottom: 1.25em;
}

.prose h2 {
    color: #0f172a;
    font-weight: 700;
    font-size: 1.5em;
    margin-top: 2em;
    margin-bottom: 1em;
    line-height: 1.3333333;
}

.prose h3 {
    color: #0f172a;
    font-weight: 700;
    font-size: 1.25em;
    margin-top: 1.6em;
    margin-bottom: 0.6em;
    line-height: 1.6;
}

.prose a {
    color: #2563eb;
    text-decoration: underline;
    font-weight: 500;
}

.prose a:hover {
    color: #1d4ed8;
}

.prose strong {
    color: #0f172a;
    font-weight: 600;
}

.prose ul,
.prose ol {
    margin-top: 1.25em;
    margin-bottom: 1.25em;
    padding-left: 1.625em;
}

.prose li {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

.prose img {
    margin-top: 2em;
    margin-bottom: 2em;
    border-radius: 1rem;
}

.prose blockquote {
    font-weight: 500;
    font-style: italic;
    color: #0f172a;
    border-left-width: 0.25rem;
    border-left-color: #e2e8f0;
    quotes: "\201C""\201D""\2018""\2019";
    margin-top: 1.6em;
    margin-bottom: 1.6em;
    padding-left: 1em;
}

.prose-lg {
    font-size: 1.125rem;
    line-height: 1.7777778;
}

.max-w-none {
    max-width: none;
}

/* Tags */
.post-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.post-tags a {
    display: inline-block;
    padding: 0.25rem 0.75rem;
    background-color: #f1f5f9;
    color: #475569;
    border-radius: 9999px;
    font-size: 0.875rem;
    text-decoration: none;
    transition: all 0.3s ease;
}

.post-tags a:hover {
    background-color: #2563eb;
    color: white;
}