/* =========================================================================
   CHARTE GRAPHIQUE ET INTERFACE DE LIVRAISON - RENARD PHOTO
   ========================================================================= */

/* --- ALIGNEMENT DES BOUTONS DANS LA LIGHTBOX FANCYBOX 3 --- */
.fancybox-toolbar {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    width: auto !important;
    max-width: 100% !important;
    padding: 0 10px !important;
    box-sizing: border-box !important;
}

#renard-action-btn-container {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    height: 44px !important;
    margin-right: 10px !important;
    gap: 8px !important;
    vertical-align: middle !important;
    white-space: nowrap !important;
}

.renard-fancy-btn { 
    display: inline-flex !important; 
    align-items: center !important; 
    justify-content: center !important; 
    width: auto !important; 
    padding: 0 16px !important; 
    font-family: sans-serif; 
    font-weight: bold; 
    font-size: 13px !important; 
    text-decoration: none !important; 
    height: 30px !important;
    border-radius: 4px !important;
    box-sizing: border-box !important;
    transition: background-color 0.2s ease, color 0.2s ease;
    cursor: pointer !important;
    line-height: 30px !important;
}

/* Version Web (Gratuit) */
.renard-fancy-web-btn {
    background-color: #2D3748 !important;
    color: #ffffff !important;
    border: none !important;
}
.renard-fancy-web-btn:hover {
    background-color: #4A5568 !important;
}

/* Connexion & Achat */
.renard-fancy-login,
.renard-fancy-pay { 
    background-color: #FD6C02 !important;
    color: #ffffff !important; 
    border: none !important;
}
.renard-fancy-login:hover,
.renard-fancy-pay:hover { 
    background-color: #718096 !important;
    color: #ffffff !important;
}

.fancybox-button--download { 
    display: none !important; 
}

/* --- BOUTON "MORE" PHOTONIC (THEME KADENCE) --- */
.photonic-more-button.photonic-more-dynamic,
.photonic-more-button,
a.photonic-more-button,
input.photonic-more-button,
.photonic-more-button span {                
    display: inline-block !important;
    padding: 8px 16px !important;
    background: #fd6c02 !important; 
    background-image: none !important;
    color: #ffffff !important;           
    border: none !important;
    border-radius: var(--global-radius, 10px) !important;
    font-size: 14px !important;
    font-weight: 400;
    text-decoration: none !important;
    text-align: center;
    box-shadow: none !important;
    text-shadow: none !important;
    transition: background-color 0.2s ease, color 0.2s ease !important;
    float: none !important;
}                
.photonic-more-button.photonic-more-dynamic:hover,
.photonic-more-button:hover,
a.photonic-more-button:hover,
input.photonic-more-button:hover,
.photonic-more-button:hover span {                
    background: #423D33 !important; 
    color: #ffffff !important;
}