/*
 * Gutenberg Editor Styles
 */

/* Общие стили для редактора */
.editor-styles-wrapper {
  font-family: Arial, sans-serif;
  font-size: 14px;
  line-height: 1.1em;
}

/* Стили для блоков */
.wp-block {
  max-width: 100%;
}

/* Стили для изображений */
.wp-block-image {
  margin: 10px 0;
}

.wp-block-image img {
  height: auto;
  max-width: 100%;
}

/* Стили для заголовков */
.wp-block-heading h1,
.wp-block-heading h2,
.wp-block-heading h3,
.wp-block-heading h4,
.wp-block-heading h5,
.wp-block-heading h6 {
  color: #444;
  margin: 20px 0 10px 0;
}

/* Стили для параграфов */
.wp-block-paragraph {
  margin: 10px 0;
}

/* Стили для списков */
.wp-block-list {
  margin: 10px 0;
  padding-left: 20px;
}

.wp-block-list li {
  margin: 5px 0;
}

/* Стили для цитат */
.wp-block-quote {
  border-left: 3px solid #03ac29;
  padding: 10px 20px;
  margin: 20px 0;
  background-color: #f8f8f8;
}

.wp-block-quote p {
  margin: 0;
}

/* Стили для кнопок */
.wp-block-button {
  margin: 10px 0;
}

.wp-block-button__link {
  background-color: #03ac29;
  color: #FFF;
  padding: 10px 20px;
  text-decoration: none;
  border-radius: 4px;
  display: inline-block;
}

.wp-block-button__link:hover {
  background-color: #0fce00;
  text-decoration: none;
}

/* Стили для таблиц */
.wp-block-table {
  margin: 20px 0;
}

.wp-block-table table {
  width: 100%;
  border-collapse: collapse;
}

.wp-block-table td,
.wp-block-table th {
  border: 1px solid #000;
  padding: 8px;
}

/* Стили для разделителей */
.wp-block-separator {
  margin: 30px 0;
  border: none;
  border-top: 1px solid #ddd;
}

/* Стили для медиа и встраиваемого контента */
.wp-block-embed {
  margin: 20px 0;
}

.wp-block-embed iframe {
  max-width: 100%;
}

/* Адаптивные стили */
@media only screen and (max-width: 768px) {
  .editor-styles-wrapper {
    padding: 0 10px;
  }
  
  .wp-block {
    max-width: 100%;
  }
  
  .wp-block-image img {
    width: 100%;
  }
}