/* style.css — SARL TALI EMBALLAGE */ /* ===== POLICE ===== */ body { font-family: 'Inter', sans-serif; } /* ===== HERO ===== */ body .hero-pattern { background-color: #334DA1 !important; background-image: linear-gradient(315deg, #334DA1 0%, #0E1740 74%) !important; } /* ===== CARTES ===== */ .card-hover { transition: transform 0.3s ease, box-shadow 0.3s ease; } .card-hover:hover { transform: translateY(-5px); box-shadow: 0 20px 25px -5px rgba(0,0,0,0.1), 0 10px 10px -5px rgba(0,0,0,0.04); } /* ===== IMAGES ===== */ .img-container { height: 300px; overflow: hidden; border-radius: 0.5rem; margin-bottom: 1rem; } .img-container img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s ease; transform: scale(0.95); } .img-small { width: 100%; object-fit: cover; margin: 10px auto; display: block; } .card-hover:hover .img-container img { transform: scale(1.0); } /* ===== COULEURS ===== */ body .custom-blue { background-color: #0E1740 !important; } body .custom-blue-light { color: #a1a8c9 !important; } body .custom-blue-btn { color: #0E1740 !important; background-color: white !important; border: none !important; } .custom-blue-text { color: #324DA1; } body .custom-blue-border { border-bottom-color: #324DA1 !important; } body .custom-grey-light { background-color: #E5E5E5 !important; } .custom-grey-light { display: flex; align-items: center; justify-content: center; } /* ===== NAV ===== */ nav a.custom-blue-text { font-weight: bold; border-bottom-width: 4px; border-bottom-style: solid; } /* ===== RESPONSIVE ===== */ @media (max-width: 768px) { .img-container { height: 150px; } .text-lg { font-size: 1rem; } .text-3xl { font-size: 1.5rem; } } /* ===== RTL ===== On cible [dir="rtl"] directement — pas besoin de classe supplémentaire. dir="rtl" sur gère déjà flex, grid, margins logiques automatiquement. On ajoute uniquement ce que dir=rtl ne fait pas seul. */ /* Alignement texte à droite */ [dir="rtl"] { text-align: right; } /* Formulaires */ [dir="rtl"] input, [dir="rtl"] textarea, [dir="rtl"] select { text-align: right; } /* Listes */ [dir="rtl"] ul, [dir="rtl"] ol { padding-right: 1.5rem; padding-left: 0; } /* Footer centré */ [dir="rtl"] footer .text-center { text-align: center; } /* Empêcher retournement des images/icônes */ [dir="rtl"] img { transform: none !important; } [dir="rtl"] svg { transform: none !important; } /* Menu mobile */ @media (max-width: 768px) { [dir="rtl"] .mobile-menu { text-align: right; } }