/*
Theme Name: Ollie Child
Theme URI: 
Author: Kent
Template: ollie
Description: Thème enfant pour Ollie
Version: 1.0
Text Domain: ollie-child
*/





/* 1) Autoriser le débordement du header (annule overflow hidden sur les conteneurs courants) */
header.site-header,
header.site-header .wp-block-group,
.wp-site-blocks > header.site-header,
header.site-header .wp-container {
  overflow: visible !important;
}

/* 2) Style du logo : taille, bord rond, le faire sortir vers le bas */
.header-logo .custom-logo-link,
.header-logo .custom-logo-link img.custom-logo {
  display: block;
  position: relative;
  z-index: 50;            /* au-dessus du contenu suivant */
}

/* Ajuste la taille du logo ici */
.header-logo .custom-logo-link img.custom-logo {
         /* garde carré pour border-radius rond */
  margin-bottom: -100px;   /* la clé : valeur négative pour faire descendre */
  border-radius: 50%;

}

/* 3) Assure un espace minimum sous le header pour que le logo ne chevauche pas le contenu trop violemment */
.wp-site-blocks > main,
main.wp-block-group.site-content {
  margin-top: 40px; /* augmente si le logo cache le contenu ; correspond au |margin-bottom| négatif */
}

/* 4) Responsive : réduire le débordement sur petit écran */
@media (max-width: 768px) {
  .header-logo .custom-logo-link img.custom-logo {
    width: 84px;
    height: 84px;
    margin-bottom: -22px;
  }
  .wp-site-blocks > main,
  main.wp-block-group.site-content {
    margin-top: 24px;
  }
}