/* Plugin: Import Ravelry Posts - Public Styles */
html {
  --rvp-primary: var(--ff-theme-primary, #606637);
  --rvp-on-primary: var(--ff-theme-bg, #fff7e7);
  --rvp-secondary: var(--ff-theme-secondary, #986006ff);
  --rvp-on-secondary: var(--ff-theme-tertiary, #36322dff);
}

dl.rvp-pattern-attributes {
  display: grid;
  grid-template-columns: max-content auto;
  gap: 0.5em 1em;
  margin-bottom: 30px;
}

.rvp-pattern-attributes {
  dt {
    font-weight: 400;
  }

  dd {
    margin: 0;
  }
}

.rvp-pattern-attributes+.rvp-buttons {
  display: flex;
  justify-content: center;
  width: 100%;
}

.rvp-header-with-action {
  .rvp-action-col {
    display: flex;
    justify-content: flex-end;
    gap: 10px;

    .rvp-flag {
      margin: 0;
      font-size: 1.1em;
      font-weight: bold;
      color: var(--rvp-secondary);
    }
  }
}

.rvp-col2 {
  gap: 30px;

  .rvp-col-text p:first-child {
    font-size: 1.4em;
    line-height: 1.4;
  }

  img {
    border-radius: var(--ff-theme-radius);
    width: 100%;
  }
}

.rvp-gallery {
  display: flex;
  gap: 30px;
  flex-direction: column;

  .wp-block-image {
    width: 100% !important;
  }
}