.main-navigation .nav-link.current {
color: #5A7F4D;
font-weight: bold;
border-bottom: 2px solid #5A7F4D;
}


.intro-section {
text-align: center;
margin: 2rem 0 3rem;
padding: 2rem 1rem;
background: linear-gradient(135deg, #f6eedb 0%, #dbc7a1 100%);
border-radius: 8px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}

.intro-section h2 {
color: #3A4E34;
font-family: 'Playfair Display', serif;
font-size: 2.5rem;
margin-bottom: 1rem;
}

.intro-section p {
color: #5c5c5c;
font-size: 1.1rem;
max-width: 800px;
margin: 0 auto;
}


.animal-categories-section {
margin: 3rem 0;
}
.read-more.cl3 {
background-color: #5a7f4de5;
}
.animal-categories-section h3 {
text-align: center;
color: #3A4E34;
font-family: 'Playfair Display', serif;
font-size: 1.8rem;
margin-bottom: 2rem;
position: relative;
padding-bottom: 0.5rem;
}

.animal-categories-section h3::after {
content: '';
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 80px;
height: 2px;
background-color: #5A7F4D;
}

.animal-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
gap: 1.5rem;
}

.animal-category {
background-color: white;
border-radius: 8px;
padding: 1.5rem;
text-align: center;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
transition: transform 0.3s ease, box-shadow 0.3s ease;
border: 1px solid #e0e0e0;
}

.animal-category:hover {
transform: translateY(-5px);
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
}

.animal-icon {
width: 70px;
height: 70px;
margin: 0 auto 1rem;
position: relative;
}


.domestic-animals .animal-icon::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%235A7F4D'%3E%3Cpath d='M12 11.47c2.13-1.07 3-1.83 3-3.47 0-1.38-1.09-2.5-2.44-2.5-1.33 0-2.44 1.12-2.44 2.5 0 1.64.87 2.4 3 3.47v1.53c-2.4-.93-4-1.8-4-3v-1c0-2.21 1.79-4 4-4s4 1.79 4 4v1c0 1.2-.86 2.1-2 2.4V11.47zM11.5 17v-5l6 3-6 3z'/%3E%3C/svg%3E");
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}

.wild-animals .animal-icon::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%235A7F4D'%3E%3Cpath d='M12 3c-4.97 0-9 4.03-9 9s4.03 9 9 9 9-4.03 9-9-4.03-9-9-9zm0 16.5c-3.59 0-6.5-2.91-6.5-6.5s2.91-6.5 6.5-6.5 6.5 2.91 6.5 6.5-2.91 6.5-6.5 6.5z'/%3E%3Cpath d='M10.5 9.5c0 .28.22.5.5.5s.5-.22.5-.5-.22-.5-.5-.5-.5.22-.5.5zm3 0c0 .28.22.5.5.5s.5-.22.5-.5-.22-.5-.5-.5-.5.22-.5.5z'/%3E%3C/svg%3E");
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}

.predatory-animals .animal-icon::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%235A7F4D'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 14.93c-2.91-.49-5-2.86-5-5.93 0-1.13.26-2.18.74-3.12l1.53 1.53c-.16.41-.27.87-.27 1.34 0 1.38 1.12 2.5 2.5 2.5.47 0 .93-.11 1.34-.27l1.53 1.53c-.94.48-1.99.74-3.12.74z'/%3E%3Cpath d='M17.58 8.25l-1.53 1.53c.16.41.27.87.27 1.34 0 1.38-1.12 2.5-2.5 2.5-.47 0-.93-.11-1.34-.27l-1.53 1.53c-.94.48-1.99.74-3.12.74-1.66 0-3-1.34-3-3 0-.21.03-.42.08-.63l1.53 1.53c.46-.37.96-.7 1.49-.96.53-.26 1.09-.41 1.66-.41.61 0 1.21.17 1.75.48l-1.53 1.53c-.16.16-.16.42 0 .58s.42.16.58 0l2.88-2.88c.16-.16.16-.42 0-.58l-2.88-2.88c-.16-.16-.42-.16-.58 0s-.16.42 0 .58l1.53 1.53c-.54.31-1.14.48-1.75.48-.57 0-1.13-.15-1.66-.41-.53-.26-1.03-.59-1.49-.96l-1.53 1.53C7.03 11.58 7 11.37 7 11.16c0-1.66 1.34-3 3-3 .49 0 .97.1 1.41.27L12 7.53c.44-.17.92-.27 1.41-.27 1.66 0 3 1.34 3 3 0 .49-.1 1-.27 1.41l1.53-1.53c.21-.44.32-.93.32-1.41 0-.28-.04-.55-.11-.82l1.53 1.53c.05.21.08.42.08.63 0 1.1-.45 2.1-1.18 2.83z'/%3E%3C/svg%3E");
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}

.water-animals .animal-icon::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%235A7F4D'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm-1-15h2v5h-2zm0 7h2v5h-2z'/%3E%3C/svg%3E");
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}

.birds .animal-icon::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%235A7F4D'%3E%3Cpath d='M23 12c0-3.5-2.4-6.5-6-7.6V4c0-.83-.67-1.5-1.5-1.5S14 3.17 14 4v.4c-.9.4-1.7.9-2.5 1.5v-.1c0-.83-.67-1.5-1.5-1.5S8.5 4.57 8.5 5.4v.09c-.3-.1-.6-.2-.9-.3V4c0-.83-.67-1.5-1.5-1.5S5 3.17 5 4v.4C2.4 5.5 0 8.5 0 12c0 4.4 3.6 8 8 8 3.1 0 5.7-1.8 7.1-4.3l3.1 1.1c.3.1.6.2.9.2.7 0 1.4-.3 1.8-.9.5-.6.5-1.6.1-2.2l-3.1-1.9c1-1.9 1.5-4.2 1.5-6.6zm-10.5 3.5c-.8 0-1.5-.7-1.5-1.5s.7-1.5 1.5-1.5 1.5.7 1.5 1.5-.7 1.5-1.5 1.5zm6.5 0c-.8 0-1.5-.7-1.5-1.5s.7-1.5 1.5-1.5 1.5.7 1.5 1.5-.7 1.5-1.5 1.5z'/%3E%3C/svg%3E");
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}


.insects .animal-icon::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%235A7F4D'%3E%3Cpath d='M12 2c-.55 0-1 .45-1 1v2c0 .55.45 1 1 1s1-.45 1-1V3c0-.55-.45-1-1-1zm6.99 3.39c-.39-.39-1.03-.39-1.41 0l-1.33 1.33c-1.62-1.37-3.68-2.25-5.9-2.65V2c0-.55-.45-1-1-1s-1 .45-1 1v1.07C7.45 4.58 5.38 5.5 3.74 6.95L2.4 5.61c-.39-.39-1.03-.39-1.41 0-.39.39-.39 1.03 0 1.42L3.21 9.7c-1.13.91-2.02 2.08-2.67 3.4-.18.37-.18.79 0 1.16.65 1.32 1.54 2.49 2.67 3.4l-1.78 1.78c-.39.39-.39 1.03 0 1.42.2.2.45.29.71.29s.51-.1.71-.29l1.34-1.34c1.64 1.45 3.71 2.33 5.95 2.73V22c0 .55.45 1 1 1s1-.45 1-1v-1.1c2.23-.4 4.31-1.28 5.94-2.74l1.34 1.34c.2.2.46.29.71.29s.51-.1.71-.29c.39-.39.39-1.03 0-1.42L20.79 16.3c1.13-.91 2.02-2.08 2.67-3.4.18-.37.18-.79 0-1.16-.65-1.32-1.54-2.49-2.67-3.4l1.78-1.78c.39-.39.39-1.03 0-1.42-.39-.39-1.03-.39-1.41 0L18.99 5.39zM12 15c-1.66 0-3-1.34-3-3s1.34-3 3-3 3 1.34 3 3-1.34 3-3 3z'/%3E%3C/svg%3E");
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}

.lion-category .animal-icon::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%235A7F4D'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 18.93c-2.91-.49-5-2.86-5-5.93 0-1.13.26-2.18.74-3.12l1.53 1.53c-.16.41-.27.87-.27 1.34 0 1.38 1.12 2.5 2.5 2.5.47 0 .93-.11 1.34-.27l1.53 1.53c-.94.48-1.99.74-3.12.74z'/%3E%3C/svg%3E");
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}

.dolphin-category .animal-icon::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%235A7F4D'%3E%3Cpath d='M20.55 11.24c-.15-.42-.53-.72-.97-.72h-.78l-.13-.59c-.03-.12-.05-.25-.07-.37l.35-.21c.41-.24.69-.67.69-1.14 0-.42-.18-.81-.47-1.08-.2-.17-.44-.29-.72-.37l-.43-.1c-.77-.18-1.38-.68-1.81-1.33-.47-.73-.58-1.61-.32-2.44.33-1.11 1.47-1.77 2.52-1.62.53.07.99.29 1.31.61.54.55.54 1.45.01 2.01l-.78.78c.17.23.3.49.39.77.1 1.75-.25 3.51-.73 5.23.43.19.94.3 1.46.3h.47c.44 0 .82.31.96.72.1.27.15.55.15.83 0 .78-.35 1.5-.94 2.03-.67.6-1.53.95-2.43.95-.78 0-1.51-.23-2.11-.63-.6-.39-1.08-.9-1.41-1.48l-.24-.36-1.06.37c.07.24.1.49.1.75 0 .31-.06.62-.17.92-.29.89-1.16 1.51-2.16 1.51-.99 0-1.87-.62-2.15-1.51-.11-.29-.17-.61-.17-.92 0-.63.25-1.22.69-1.69l-.73-.73-.17.35C7.29 19.06 7 19.58 7 20.13c0 1.66 1.34 3 3 3 1.46 0 2.65-1.03 2.9-2.43l.43-2.54c.3-.03.61-.06.91-.06 1.93 0 3.5 1.57 3.5 3.5 0 .28-.02.55-.06.82.4.3 1.08.48 1.77.48 1.66 0 3-1.34 3-3 0-1.56-1.17-2.83-2.68-2.98-.32-.03-.64-.07-.97-.09-.03-.03-.06-.05-.09-.08-.42-.43-.95-.72-1.54-.72h-.11zm-8.43 2.06l-.48-.16.23-.33c.56-.79.87-1.77.87-2.81 0-.92-.32-1.8-.87-2.59l-.24-.34.48-.16c.34-.11.61-.39.71-.73l.25-1.17-.81-.23c-.15-.04-.3-.06-.45-.06-.82 0-1.56.46-1.94 1.15l-.53.88-.52-.88c-.38-.69-1.12-1.15-1.94-1.15-.15 0-.3.02-.45.06l-.81.23.25 1.17c.1.34.37.62.71.73l.48.16-.24.34c-.55.79-.87 1.67-.87 2.59 0 1.04.31 2.02.87 2.81l.23.33-.48.16c-.34.11-.61.39-.71.73l-.25 1.17.81.23c.15.04.3.06.45.06.82 0 1.56-.46 1.94-1.15l.53-.88.52.88c.38.69 1.12 1.15 1.94 1.15.15 0 .3-.02.45-.06l.81-.23-.25-1.17c-.1-.34-.37-.62-.71-.73z'/%3E%3C/svg%3E");
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}

.animal-category h4 {
color: #3A4E34;
font-family: 'Playfair Display', serif;
font-size: 1.3rem;
margin-bottom: 0.5rem;
}
.animal-category h4 a{
color: #3A4E34;
text-decoration: none;
}
#chien-explanation, #chat-explanation,#coq-explanation,#oiseau-explanation,#serpent-explanation,#cheval-explanation,#poisson-explanation,#loup-explanation{
scroll-margin-top: 100px;
}
.animal-category p {
color: #6c6c6c;
font-size: 0.95rem;
}


.animal-dream-explanations {
margin: 3rem 0;
}

.animal-dream-explanations h3 {
text-align: center;
color: #3A4E34;
font-family: 'Playfair Display', serif;
font-size: 1.8rem;
margin-bottom: 2rem;
position: relative;
padding-bottom: 0.5rem;
}

.animal-dream-explanations h3::after {
content: '';
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 80px;
height: 2px;
background-color: #5A7F4D;
}

.animal-explanation {
background-color: white;
border-radius: 8px;
padding: 1.5rem;
margin-bottom: 1.5rem;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
border-left: 4px solid #5A7F4D;
}

.animal-explanation h4 {
color: #3A4E34;
font-family: 'Playfair Display', serif;
font-size: 1.4rem;
margin-bottom: 1rem;
}

.animal-explanation p {
color: #5c5c5c;
line-height: 1.6;
margin-bottom: 1rem;
}

.animal-explanation p:last-child {
margin-bottom: 0;
}


.animal-dream-meanings {
margin: 3rem 0;
background: linear-gradient(135deg, #ecf2c0 0%, #5a7f4d 100%);
padding: 2rem;
border-radius: 8px;
}

.animal-dream-meanings h3 {
text-align: center;
color: #3A4E34;
font-family: 'Playfair Display', serif;
font-size: 1.8rem;
margin-bottom: 2rem;
position: relative;
padding-bottom: 0.5rem;
}

.animal-dream-meanings h3::after {
content: '';
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 80px;
height: 2px;
background-color: #5A7F4D;
}

.behavior-meanings {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
gap: 1.5rem;
}

.behavior-meaning {
background-color: white;
border-radius: 8px;
padding: 1.5rem;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

.behavior-meaning h4 {
color: #3A4E34;
font-family: 'Playfair Display', serif;
font-size: 1.2rem;
margin-bottom: 0.8rem;
}

.behavior-meaning p {
color: #5c5c5c;
line-height: 1.6;
}


.dream-analysis-tips {
margin: 3rem 0;
}

.dream-analysis-tips h3 {
text-align: center;
color: #3A4E34;
font-family: 'Playfair Display', serif;
font-size: 1.8rem;
margin-bottom: 2rem;
position: relative;
padding-bottom: 0.5rem;
}

.dream-analysis-tips h3::after {
content: '';
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 80px;
height: 2px;
background-color: #5A7F4D;
}

.tips-container {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
gap: 1.5rem;
}

.tip {
background-color: white;
border-radius: 8px;
padding: 1.5rem;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
transition: transform 0.3s ease;
}

.tip:hover {
transform: translateY(-5px);
}

.tip h4 {
color: #5A7F4D;
font-family: 'Playfair Display', serif;
font-size: 1.2rem;
margin-bottom: 0.8rem;
}

.tip p {
color: #5c5c5c;
line-height: 1.6;
}


.personal-insights {
margin: 3rem 0;
background-color: #f0ebe1;
padding: 2rem;
border-radius: 8px;
text-align: center;
}

.personal-insights h3 {
color: #3A4E34;
font-family: 'Playfair Display', serif;
font-size: 1.8rem;
margin-bottom: 1.5rem;
}

.personal-insights p {
color: #5c5c5c;
line-height: 1.6;
max-width: 800px;
margin: 0 auto 1.5rem;
}

.personal-insights p:last-child {
margin-bottom: 0;
}


.share-your-dream {
margin: 3rem 0;
text-align: center;
padding: 2rem;
background: linear-gradient(135deg, #5A7F4D 0%, #3A4E34 100%);
color: white;
border-radius: 8px;
}

.share-your-dream h3 {
font-family: 'Playfair Display', serif;
font-size: 1.8rem;
margin-bottom: 1rem;
}

.share-your-dream p {
line-height: 1.6;
max-width: 600px;
margin: 0 auto 1.5rem;
}

.share-button {
display: inline-block;
background-color: white;
color: #5A7F4D;
padding: 0.8rem 1.5rem;
border-radius: 4px;
text-decoration: none;
font-weight: bold;
transition: all 0.3s ease;
}

.share-button:hover {
background-color: #f0ebe1;
transform: translateY(-3px);
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}


@media (max-width: 768px) {
.animal-grid,
.behavior-meanings,
.tips-container {
grid-template-columns: 1fr;
}

.intro-section h2 {
font-size: 1.8rem;
}

.animal-dream-explanations h3,
.animal-dream-meanings h3,
.dream-analysis-tips h3,
.personal-insights h3,
.share-your-dream h3 {
font-size: 1.5rem;
}
}