/*
Theme Name:     elreviae
Theme URI:      https://themeisle.com/themes/neve/
Template: neve
Author:         elreviae
Author URI:     https://www.elreviae.com
Description:    Neve is a super fast, easily customizable, multi-purpose theme. It’s perfect for blogs, small business, startups, agencies, firms, e-commerce shops (WooCommerce storefront) as well as personal portfolio sites and most types of projects. A fully AMP optimized and responsive theme, Neve will load in mere seconds and adapt perfectly on any viewing device. While it is lightweight and has a minimalist design, the theme is highly extendable, it has a highly SEO optimized code, resulting in top rankings in Google search results. Neve works perfectly with Gutenberg and the most popular page builders (Elementor, Brizy, Beaver Builder, Visual Composer, SiteOrigin, Divi). Neve is also WooCommerce ready, responsive, RTL & translation ready. Look no further. Neve is the perfect theme for you!
Version:        1.0.0
License:        GNU General Public License v2 or later
License URI:    http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:    neve
Tags: blog, custom-logo, e-commerce, rtl-language-support, post-formats, grid-layout, one-column, two-columns, custom-background, custom-colors, custom-header, custom-menu, featured-image-header, featured-images, flexible-header, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready, accessibility-ready, wide-blocks, block-styles
*/

/* 1. Centrage complet du conteneur de texte et des titres */
.article-content-col .cover-post .inner {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
    width: 100% !important;
    left: 0 !important;
    right: 0 !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    box-sizing: border-box !important;
}

.article-content-col .entry-title,
.article-content-col .blog-entry-title {
    text-align: center !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.article-content-col .entry-title a {
    display: inline-block !important;
    text-align: center !important;
    width: 100% !important;
}

/* --- 1. Rendre toute la carte/image cliquable --- */
.article-content-col .cover-post {
    position: relative !important;
}

.article-content-col .entry-title a::after {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    z-index: 10 !important; /* Le lien recouvre toute la miniature */
}

/* --- 2. Gestion de l'opacité et de l'assombrissement --- */

/* Image claire par défaut, transition fluide */
.article-content-col .nv-post-thumbnail-wrap img {
    filter: brightness(1) !important;
    transition: transform 0.4s ease, filter 0.4s ease !important;
}

/* Le calque sombre (overlay) est invisible par défaut */
.article-content-col .cover-overlay {
    opacity: 0 !important;
    transition: opacity 0.4s ease !important;
    background-color: rgba(0, 0, 0, 0.7) !important; /* Voile noir */
}

/* Le titre est masqué (ou transparent) par défaut */
.article-content-col .cover-post .inner {
    opacity: 0 !important;
    transition: opacity 0.4s ease, transform 0.4s ease !important;
    transform: translateY(10px) !important; /* Petit effet de glissement */
    z-index: 5 !important;
}

/* EFFET AU SURVOL (HOVER) */

/* Assombrissement de l'image et léger zoom */
.article-content-col:hover .nv-post-thumbnail-wrap img {
    filter: brightness(0.5) !important; /* Image plus foncée */
    transform: scale(1.05) !important;
}

/* Affichage du voile sombre */
.article-content-col:hover .cover-overlay {
    opacity: 1 !important;
}

/* Apparition du titre centré au survol */
.article-content-col:hover .cover-post .inner {
    opacity: 1 !important;
    transform: translateY(0) !important;
}
/*---- Effet liens  -----*/
p a {
	text-decoration : none !important;
  transition: color 0.3s ease !important;
}


/* --------- 1. Effet hover avec soulignement animé sur "Social networks" (footer) */
.footer-main .widget_nav_menu ul li a {
    position: relative !important;
    color: #f0f0f0 !important;
    text-decoration: none !important;
    padding-bottom: 2px !important;
    transition: color 0.3s ease !important;
}

/* Trait de soulignement masqué par défaut */
.footer-main .widget_nav_menu ul li a::after {
    content: '' !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 0% !important;
    height: 2px !important;
    background-color: var(--nv-secondary-accent, #ed073d) !important; /* Rouge du thème */
    transition: width 0.3s ease-in-out !important;
}

/* Déroulement du trait et changement de couleur au survol */
.footer-main .widget_nav_menu ul li a:hover {
    color: var(--nv-secondary-accent, #ed073d) !important;
}

.footer-main .widget_nav_menu ul li a:hover::after {
    width: 100% !important;
}

/* 2. Couleur plus foncée pour la mention Copyright */
.footer-main #block-6,
.footer-main #block-6 a {
    color: #666666 !important; /* Gris foncé discrètement lisible sur fond noir */
    transition: color 0.3s ease !important;
}

/* Maintien d'un survol propre sur le lien OVH du copyright */
.footer-main #block-6 a:hover {
    color: #999999 !important;
}


/* Masquer la ligne Copyright Neve / WordPress */
.site-footer .footer-bottom,
.builder-item.cr {
    display: none !important;
}