/*
	Theme Name: Hello Pomelo
	Theme URI: https://gello-pomelo.com
	Description: Style pour les blocs de WP
	Version: 1.0.0
	Author: Nicolas TRAVERS
	Author URI: https://nicolas-travers.fr

	License: MIT
    License URI: http://opensource.org/licenses/mit-license.php
*/

/****************************
*       WORDPRESS CORE      *
*****************************/

/* WP GROUP container */
.wp-block-group__inner-container {
  width: 100%;
}
@media (min-width: 640px) {
  .wp-block-group__inner-container {
    max-width: 640px;
  }
}
@media (min-width: 768px) {
  .wp-block-group__inner-container {
    max-width: 768px;
  }
}
@media (min-width: 1024px) {
  .wp-block-group__inner-container {
    max-width: 1024px;
  }
}
@media (min-width: 1280px) {
  .wp-block-group__inner-container {
    max-width: 1280px;
  }
}
@media (min-width: 1536px) {
  .wp-block-group__inner-container {
    max-width: 1536px;
  }
}

/* WP BLOCK YOUTUBE */
.wp-block-embed-youtube {
  width: 100%;
}
@media (min-width: 640px) {
  .wp-block-embed-youtube {
    max-width: 640px;
  }
}
@media (min-width: 768px) {
  .wp-block-embed-youtube {
    max-width: 768px;
  }
}
@media (min-width: 1024px) {
  .wp-block-embed-youtube {
    max-width: 1024px;
  }
}
@media (min-width: 1280px) {
  .wp-block-embed-youtube {
    max-width: 1280px;
  }
}
@media (min-width: 1536px) {
  .wp-block-embed-youtube {
    max-width: 1536px;
  }
}
.wp-block-embed-youtube {
  margin-left: auto;
  margin-right: auto;
}

.wp-block-embed__wrapper {
  display: flex;
  justify-content: center;
}

/****************************
*    WORDPRESS ALIGNEMENT   *
*****************************/

.aligncenter,
.alignleft,
.alignright {
  display: block;
  padding: 0px;
}

.aligncenter {
  float: none;
  margin-left: auto;
  margin-right: auto;
}

.alignright {
  float: right;
  padding-left: 1rem;
}

.alignleft {
  float: left;
  padding-right: 1rem;
}

.wp-caption {
  text-align: center;
}

.wp-caption img {
  display: inline;
}

/* Gutenberg: affiche les blocs racine sur toute la largeur disponible. */
.editor-styles-wrapper
  .block-editor-block-list__layout.is-root-container
  > .wp-block,
.editor-styles-wrapper
  .block-editor-block-list__layout.is-root-container
  > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
  max-width: none !important;
}