/*
Theme Name: Astra Child
Theme URI: https://cubeconception.fr
Description: Thème enfant d’Astra
Author: Scaviner Vincent
Template: astra
Version: 1.0.0
*/

/* Ici tu peux mettre ton CSS personnalisé */

.ast-container .wp-block-quote {
    position: relative;
    padding: 40px 40px 40px 80px;
    margin: 50px 0;
    font-size: 1.3rem;
    font-weight: 500;
    background: linear-gradient(135deg, #f5f7fa, #e4e8eb);
    border-radius: 8px;
    border-left: none;
}

.ast-container .wp-block-quote::before {
    content: "“";
    position: absolute;
    top: 0;
    left: 25px;
    font-size: 110px;
    line-height: 1;
    color: rgba(0,0,0,0.6);
    pointer-events: none;
}

/* ===============================
   BLOG LAYOUT CORRIGÉ
   =============================== */

@media (min-width: 768px) {

  body.blog .blog-layout-3 {
      display: flex;
      align-items: stretch;
      gap: 30px;
  }

  /* Image fixe à 30% */
  body.blog .blog-layout-3 .ast-blog-featured-section {
      flex: 0 0 30%;
  }

  /* Texte prend le reste automatiquement */
  body.blog .blog-layout-3 .post-content {
      flex: 1;
      min-width: 0; /* TRÈS IMPORTANT */
      display: flex;
      flex-direction: column;
      justify-content: center;
  }

  /* Image container */
  body.blog .blog-layout-3 .post-thumb-img-content {
      overflow: hidden;
      border-radius: 12px;
  }

  body.blog .blog-layout-3 .post-thumb img {
      width: 100%;
      height: 220px;
      object-fit: cover;
      display: block;
      transition: transform 0.4s ease;
  }

  body.blog .blog-layout-3 article:hover .post-thumb img {
      transform: scale(1.05);
  }

}