/* == WordPress 5.8 new Widgets footer == */

.widget {
}
footer#footer {
  .widget_block {
    h2 {
      color: var(footer-widget-title-color);
    }
  }

  .widget_block {
    .wp-block-preformatted,
    .wp-block-code {
      &:not(.has-text-color) {
        color: var(--footer-primary-text-color);
      }
    }

    .wp-block-latest-comments {
      &:not(.has-avatar) {
        &:not(.has-dates) {
          li {
            &:hover {
              &::before {
                background-color: var(--theme-color3, #6222cc);
                color: var(--theme-color3-text-color, #ffffff);
              }
            }
          }
        }
      }
      .wp-block-latest-comments__comment-meta {
        a {
          color: var(--footer-link-color);
          &:hover {
            color: var(--footer-default-theme-color);
          }
        }
        .wp-block-latest-comments__comment-date {
          color: var(--footer-default-theme-color);
        }
      }
    }

    .wp-block-pullquote {
      blockquote {
        &:not(.has-text-color) {
          p {
            color: var(--footer-primary-text-color);
          }
        }
      }
    }

    .wp-block-page-list {
      li {
        &::before {
          color: var(--footer-default-theme-color);
        }
        a {
          color: var(--footer-link-color);
          &:hover {
            color: var(--footer-link-color-hover);
          }
        }
      }
    }

    .wp-block-latest-posts.wp-block-latest-posts__list {
      .wp-block-latest-posts__post-author,
      .wp-block-latest-posts__post-date {
        color: var(--footer-default-theme-color);
      }
      .wp-block-latest-posts__post-excerpt {
        color: var(--footer-primary-text-color);
      }
      &.has-dates {
        li {
          color: #717178;
          &:before {
            background-color: var(--footer-default-theme-color);
            color: var(--footer-default-text-color-on-bg-theme-color);
          }
        }
      }
    }
    .wp-block-latest-posts {
      a {
        color: var(--footer-link-color);
        &:hover {
          color: var(--footer-link-color-hover);
        }
      }
    }

    .wp-block-table {
      table {
        td,
        th {
          border-color: rgba(var(--footer-primary-text-color), 0.4);
        }
      }
    }

    .wp-block-verse {
      color: var(--footer-primary-text-color);
    }
  }

  .wp-block-calendar,
  .widget_calendar {
    .wp-calendar-table {
      caption {
        color: var(--footer-default-theme-color);
      }
      thead {
        background-color: var(--footer-default-theme-color);
        th {
          color: var(--footer-default-text-color-on-bg-theme-color);
        }
      }
      tbody {
        background-color: var(--theme-color-white);
        td {
          color: #555;
        }
      }
    }
    .wp-calendar-nav {
      a {
        color: var(--footer-link-color);
        &:hover {
          color: var(--footer-default-hover-theme-color);
        }
      }
    }
  }
}