/*
Theme Name: Afrimodo
Theme URI: https://afrimodo.com
Author: Afrimodo Dev
Author URI: https://afrimodo.com
Description: Thème WooCommerce minimaliste inspiré de Dior, avec menu latéral, hover dynamique, et slogan personnalisé.
Version: 1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: afrimodo
Tags: custom-menu, e-commerce, responsive, minimal, clean

*/

body {
    font-family: 'Helvetica Neue', sans-serif;
    background: #ffffff;
    color: #000000;
    margin: 0;
    padding: 0;
}

.banner {
    background: #f5f5f5;
    text-align: center;
    padding: 10px;
    font-size: 14px;
    font-style: italic;
}

.site-title {
    font-size: 32px;
    font-weight: bold;
    margin: 20px;
    text-align: center;
}

.site-slogan {
    font-size: 16px;
    text-align: center;
    margin-bottom: 40px;
    color: #555;
}

.product-card {
    position: relative;
    transition: all 0.3s ease;
}

.product-card:hover .product-description {
    opacity: 1;
}

.product-description {
    opacity: 0;
    position: absolute;
    bottom: 0;
    background: rgba(255,255,255,0.8);
    padding: 10px;
    font-size: 14px;
    transition: opacity 0.3s ease;
}

.sidebar-menu {
    position: fixed;
    top: 0;
    left: 0;
    width: 220px;
    height: 100%;
    background: #fff;
    border-right: 1px solid #eee;
    padding: 20px;
}

.main-content {
    margin-left: 240px;
    padding: 20px;
}