/* Styles pour les sections de guides dans les includes */
.guides-link, .home-guides-link {
    color: #FF9900;
    font-weight: bold;
    text-decoration: none;
    transition: all 0.2s ease;
}

.guides-link:hover, .home-guides-link:hover {
    color: #e68a00;
    border-bottom: 1px solid #e68a00;
}

.home-guides-container {
    display: grid;
    gap: 20px;
    padding: 20px;
    grid-auto-rows: minmax(200px, auto);
}

.guides-wrapper {
    display: flex;
    justify-content: center;
    width: 100%;
}

.guides-container {
    display: grid;
    gap: 20px;
    padding: 20px;
    grid-auto-rows: minmax(200px, auto);
    max-width: 1200px;
    margin: 0 auto;
}

@media (min-width: 1024px) {
    .home-guides-container { grid-template-columns: repeat(4, 1fr); }
    .guides-container { grid-template-columns: repeat(2, 1fr); width: 50%; }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .home-guides-container { grid-template-columns: repeat(2, 1fr); }
    .guides-container { grid-template-columns: repeat(2, 1fr); width: 80%; }
}

@media (max-width: 767px) {
    .home-guides-container { grid-template-columns: 1fr; }
    .guides-container { grid-template-columns: 1fr; width: 90%; }
}