/*
Theme Name: Portfolio Liv
Author: Moi
Version: 1.0.0
Template: lekker
*/
@font-face {
    font-family: 'mangogrotesque-semibold';
    src: url("fonts/mangogrotesque-semibold-webfont.woff2")format('woff2'),
         url("fonts/mangogrotesque-semibold-webfont.woff")format('woff');}

body {font-family: 'Roboto', sans-serif;}

/* FOOTER */
.qodef-content-grid {margin: -50px 0 0 50px;}
.qodef-grid.qodef-gutter--huge>.qodef-grid-inner>.qodef-grid-item {margin: 30px 0 0 0;}
.qodef-grid.qodef-layout--columns.qodef-col-num--2>.qodef-grid-inner{width: 175%;}
.quodef-grid-item {width: 30%;}
.download-cv {font-family:'mangogrotesque-semibold'; font-size: 50px;}
#qodef-page-footer .widget ul:not(.qodef-shortcode-list) {padding: 0;margin-top: -10px;list-style: none;}
#qodef-page-footer .widget ul:not(.qodef-shortcode-list) li {margin: 0 0 23px 00px;}
/* footer Links Top */
.footer-links-top {list-style: none;/* supprime les puces */padding: 20px;/* padding interne */background-color: #000;/* fond noir si nécessaire */}
.footer-links-top li {font-family: 'Roboto', sans-serif;font-size: 20px;line-height: 22px;margin: 5px 0;}
/* Style des liens avec animation du soulignement */
.footer-links-top a {color: white;text-decoration: none;position: relative; /* nécessaire pour le ::after */}
/* Création de la ligne sous le lien */
.footer-links-top a::after {content: "";position: absolute;left: 0;bottom: 0;height: 2px;/* épaisseur du soulignement */ width: 100%;background-color: white;transform: scaleX(0);/* initialement invisible */transform-origin: left;/* commence à gauche */transition: transform 0.3s ease;}
/* Hover - ligne se déploie de gauche à droite */
.footer-links-top a:hover::after {transform: scaleX(1);}
/* Quand le hover se termine, la ligne se rétracte de droite à gauche */
.footer-links-top a::after {transform-origin: left; /* au départ */}
.footer-links-top a:hover::after {transform-origin: left;}
/* So call me maybe */
.socallmemaybe {font-size: 300px; line-height: 275px;font-family: 'mangogrotesque-semibold';font-weight: normal;letter-spacing: 1.5px; color:#fff; margin-top: -20px;}
/* FOOTER flèche remonter*/
#qodef-back-to-top .qodef-back-to-top-text {color: white!important;}
#qodef-back-to-top .qodef-btn-background .qodef-m-nav-lines::after, #qodef-back-to-top .qodef-btn-background .qodef-m-nav-lines::before {background-color: white!important;}
/* footer music*/
.music {display: flex;align-items: center; gap: 20px; /* espace entre texte et image */max-width: fit-content;margin-top: 280px;}
.music-text {font-size: 20px;color: #FFFFFF;}
.music-logo {width: 35px;height: auto;shape-rendering: crispEdges; /* force un rendu net */image-rendering: optimizeQuality; /* pour Safari/Firefox */;}
/* footer music anim*/
@keyframes bounceHover {0% { transform: scale(1); }100% { transform: scale(1.3); }}
@keyframes bounceOut {100% { transform: scale(1); }0% { transform: scale(1.3); }}
.music:hover .music-logo {animation: bounceHover 0.2s forwards;}
.music-logo:not(:hover) {animation: bounceOut 0.2s forwards;}


/* WORKS*/
/* works flèches*/
.qodef-portfolio-list.qodef-item-layout--info-follow.qodef-hover-animation--follow .swiper-button-next, .qodef-portfolio-list.qodef-item-layout--info-follow.qodef-hover-animation--follow .swiper-button-prev {width: 75px!important;height: 75px!important;background: none!important;}

/* flou*/
.portfolio-item .wp-post-image {display: block;filter: blur(5px); /* flou plus léger pour moins de lourdeur */transition: filter 0.4s ease-in-out; /* transition plus courte et fluide */box-shadow: none;}
.portfolio-item:hover .wp-post-image {filter: blur(0);}