/*
Theme Name: MyKinkNet
Author: Alexandre
Description: Custom theme for the MyKinkNet social network powered by React.
Version: 1.0
*/
html, body, #page, #content, .site-content {
    background-color: #0a0a0a !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Style des titres dans la liste des articles et la vue unique */
.blog-post-title,
.blog-post-title a,
.page-view-title {
    font-family: 'Playfair Display', serif !important;
    color: #ff007f !important; /* Le rose néon de votre charte */
    text-decoration: none;
    transition: color 0.3s ease;
	font-style:italic !important;
}

/* Effet au survol (optionnel : léger effet brillant ou couleur ajustée) */
.blog-post-title a:hover {
    color: #ff3399 !important;
    text-shadow: 0 0 10px rgba(255, 0, 127, 0.5);
}

/* Forcer la suppression de la marge et le retour à la ligne normal sur les contenus d'articles */
article .post-content,
div.post-content {
    margin-top: 0px !important;
    white-space: normal !important;
}

.post-content > p:first-child {
    margin-top: 0px !important;
}



/* Gestion propre du contenu des extraits */
.post-content {
    margin-top: 0 !important;
    white-space: normal !important;
}

/* Annuler la marge basse du paragraphe généré par WordPress à l'intérieur */
.post-content p {
    margin-top: 0 !important;
    margin-bottom: 12px !important;
    white-space: normal !important;
}





.post-content {
    color: var(--text-main);
    line-height: 1.6;
    margin: 0 0 16px 0;
    white-space: normal;
}



/* Limiter la hauteur des extraits sur mobile pour éviter le scroll excessif */
@media screen and (max-width: 768px) {
    .post-content,
    .post-content p {
        display: -webkit-box;
        -webkit-line-clamp: 2; /* Affiche 2 lignes maximum au lieu de tout le texte */
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}




/* Couleur gris clair pour le bouton Read Articles / Read More */
.btn-primary,
.btn-primary:visited,
.btn-secondary,
.btn-secondary:visited {
    color: #cccccc !important;
}

/* Optionnel : conserver le rose néon ou un gris plus clair au survol */
.btn-primary:hover,
.btn-secondary:hover {
    color: #ffffff !important;
}



.cat-select-dropdown {
    margin-bottom: 40px !important;
}

h2{
	color:#ff007f;
}
 h3{
	 color:#ff85b3;
 }