/*
Theme Name:  Sydney Child
Template:    sydney
Description: Thème enfant de Sydney pour casika.fr
Version:     1.3
*/

/* Images responsive */
.wp-block-image img {
    max-width: 100%;
    height: auto;
    display: block;
}

/* Fix icône chevron menu déroulant (SVG sans contrainte de largeur propre,
   s'étire à la largeur du conteneur sans ce correctif) */
.sydney-svg-icon svg,
.dropdown-symbol svg {
    width: 14px !important;
    height: 14px !important;
    max-width: 14px !important;
    max-height: 14px !important;
}

/* Masque la bannière "page header" native de Sydney sur l'accueil
   (page-id-34) : vide (pas d'image/titre réglé), laissait un bloc
   de 300px blanc entre le header et le contenu depuis la suppression
   du hero personnalisé. */
.page-id-34 .sydney-hero-area {
    display: none;
}

/* Grille de cartes sur les pages catégories : le layout "liste" natif de
   Sydney empile les articles en pleine largeur avec une miniature carrée
   qui occupe presque tout l'écran. Passage en grille 3 colonnes avec
   vignette recadrée, pour un rendu plus compact et plus "magazine". Scopé
   aux pages archives de catégorie pour ne pas toucher les articles seuls
   ni la page d'accueil. */
body.archive.category .posts-layout .row {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px 30px;
}

body.archive.category .posts-layout .hentry {
    margin-bottom: 0;
    width: 100%;
    background: #fff;
    border: 1px solid var(--sydney-border-color);
    border-radius: 10px;
    overflow: hidden;
    transition: box-shadow .3s, transform .3s;
}

body.archive.category .posts-layout .hentry:hover {
    box-shadow: 0 5px 15px 3px rgba(0, 0, 0, .07);
    transform: translateY(-3px);
}

body.archive.category .posts-layout .content-inner {
    height: 100%;
}

body.archive.category .posts-layout .entry-thumb {
    margin: 0 !important;
    aspect-ratio: 4 / 3;
}

body.archive.category .posts-layout .entry-thumb a,
body.archive.category .posts-layout .entry-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

body.archive.category .posts-layout .entry-meta,
body.archive.category .posts-layout .entry-header,
body.archive.category .posts-layout .entry-post {
    padding-left: 20px;
    padding-right: 20px;
}

body.archive.category .posts-layout .entry-meta {
    padding-top: 18px;
    font-size: 13px;
}

body.archive.category .posts-layout .entry-header {
    margin-bottom: 10px;
}

body.archive.category .posts-layout .entry-title {
    font-size: 19px;
    line-height: 1.35;
}

body.archive.category .posts-layout .entry-post {
    padding-bottom: 20px;
}

body.archive.category .posts-layout .entry-post p {
    font-size: 14px;
    color: var(--sydney-grey-color);
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

@media (max-width: 991px) {
    body.archive.category .posts-layout .row {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 767px) {
    body.archive.category .posts-layout .row {
        grid-template-columns: 1fr;
    }
}