et .nav-submenu au du sous-menu */
#nav li.has-sub > .nav-submenu{
position: static !important; /* plus de flyout à droite */
left: auto !important; top: auto !important; width: 100% !important;
display: none !important; /* caché par défaut */
margin: 6px 0 0 0 !important; padding: 10px !important;
background: #fff !important; border: 1px solid var(--color-primary) !important;
border-radius: 8px !important; box-shadow: 0 4px 10px rgba(0,0,0,.08) !important;
z-index: 1 !important;
}
#nav li.has-sub.open > .nav-submenu{ display: block !important; }
/* Petit chevron sur le lien parent */
#nav li.has-sub > a{ position: relative !important; padding-right: 28px !important; }
#nav li.has-sub > a::after{
content:"â–¾"; position:absolute; right:10px; top:50%;
transform: translateY(-50%) rotate(0deg); transition: transform .2s ease;
}
#nav li.has-sub.open > a::after{ transform: translateY(-50%) rotate(180deg); }
/* Mobile: ne déborde pas */
@media (max-width: 768px){
#nav li.has-sub > .nav-submenu{
max-height: 70vh !important; overflow:auto !important;
}
}
.btn-outline-primary,
.btn-outline-dark,
.btn-outline-danger,
.btn-outline-secondary {
opacity: 0.6;
transition: all 0.2s ease-in-out;
}
.btn-check:checked + .btn {
opacity: 1;
transform: scale(1.05);
font-weight: 600;
box-shadow: 0 0 6px rgba(0,0,0,0.15);
}
.btn:hover {
opacity: 0.9;
transform: scale(1.03);
}
/* Desktop par défaut */
.dz-preview.dz-file-preview{
width: 220px !important;
height: 220px !important;
margin: 10px !important;
}
.dz-preview .dz-image,
.dz-preview .dz-details{ width:100% !important; height:100% !important; }
.dz-preview .dz-image img,
.dz-preview .dz-details img{ width:100% !important; height:100% !important; object-fit: contain !important; }
/* ≤ 992px (tablette) */
@media (max-width: 992px){
.dz-preview.dz-file-preview{ width: 180px !important; height: 180px !important; margin: 8px !important; }
}
/* ≤ 576px (mobile) */
@media (max-width: 576px){
.dz-preview.dz-file-preview{ width: 140px !important; height: 140px !important; margin: 6px !important; }
}
/* ≤ 400px (petit mobile) */
@media (max-width: 400px){
.dz-preview.dz-file-preview{ width: 120px !important; height: 120px !important; margin: 5px !important; }
}
#file-format-details {
background: #eef5ff;
border: 1px solid #c8dbff;
border-radius: 10px;
padding: 6px 10px;
font-family: "Segoe UI", Arial, sans-serif;
font-size: 12px;
color: #3b4a64;
margin-top: 8px;
display: inline-block;
box-shadow: 0 1px 3px rgba(0,0,0,0.05);
}
#file-format-details p {
margin: 0;
white-space: normal;
}
#file-format-details::before {
content: "â„¹ï¸ ";
font-size: 13px;
vertical-align: middle;
margin-right: 4px;
}
input[type="button"],
input[type="submit"],
button {
border-radius: 10px !important;
transition: background-color 0.2s, filter 0.2s;
}
input[type="button"]:hover,
input[type="submit"]:hover,
button:hover {
filter: brightness(0.95);
}
/* ðŸ–¥ï¸ Desktop : garder les boutons en haut, cacher le solde du header, masquer le footer */
@media (min-width: 769px){
#header .inserted-balance,
#info .inserted-balance,
#usernameButton .inserted-balance{
display: none !important;
}
[data-drapeau-insere="true"]{
display: flex !important;
visibility: visible !important;
}
.user-info-footer{
display: none !important;
}
}
/* 📱 Mobile : cacher les icônes du haut, montrer le footer (et forcer son affichage) */
@media (max-width: 768px){
[data-drapeau-insere="true"]{
display: none !important;
visibility: hidden !important;
}
/* ✅ Forcer l’affichage du footer sur mobile */
.user-info-footer{
display: flex !important;
flex-direction: column;
align-items: center;
justify-content: center;
position: fixed;
left: 0; right: 0; bottom: 0;
z-index: 9999;
}
}
/* ====== FORCER LE COMPORTEMENT PAR DEFAUT ====== */
/* Desktop (>=769px) : icônes en haut visibles, footer caché */
@media (min-width: 769px){
[data-drapeau-insere="true"]{
display: flex !important;
visibility: visible !important;
position: fixed; /* au cas où */
top: 10px; right: 10px; /* au cas où */
z-index: 1000; /* au cas où */
}
.user-info-footer{
display: none !important;
}
}
/* Mobile (<=768px) : icônes du haut cachées, footer visible en bas */
@media (max-width: 768px){
[data-drapeau-insere="true"]{
display: none !important;
visibility: hidden !important;
}
.user-info-footer{
display: flex !important;
flex-direction: column;
align-items: center;
justify-content: center;
position: fixed;
left: 0; right: 0; bottom: 0;
z-index: 9999;
}
body{ padding-bottom: 90px; } /* pour éviter que le footer masque le contenu */
}
/* Mobile : garder les couleurs naturelles des icônes du footer */
@media (max-width: 768px){
.user-info-footer .uif-actions img{
filter: none !important;
mix-blend-mode: normal !important;
}
}
/* Cache n'importe quel lien "Email" basé sur l'URL null?email= */
#nav a[href*="null?email="],
#nav a[href*="%user_email%"] {
display: none !important;
}
/* Optionnel: si
reste visible sans lien à l'intérieur, on le masque aussi */
#nav li:has(> a[href*="null?email="]),
#nav li:has(> a[href*="%user_email%"]) {
display: none !important;
}
@media (max-width: 992px), (pointer: coarse) {
/* Les sous-menus s’affichent sous l’item en plein largeur */
#nav li > a + div {
position: static !important;
left: 0 !important;
top: auto !important;
width: 100% !important;
margin-top: 6px !important;
}
}