/* --- Block Color
-------------------------------------------------------- */

/* Foreground color */

.wp-block-section:nth-child(odd) .wc-block-grid .wc-block-grid__products li.wc-block-grid__product,
.wp-block-section:nth-child(odd) .wc-block-grid .wc-block-grid__products li.wc-block-grid__product,
.wp-block-section:nth-child(odd) .wc-block-featured-product .wc-block-featured-product__wrapper,
.wp-block-section:nth-child(odd) .wc-block-review-list-item__text {
  background-color: var(--wp--preset--color--foreground);
}

// Dark Color
.entry-meta a,
td.product-name a,
.woocommerce ul.products li.product .price,
.wp-block-categories-list li,
.wp-block-archives-list li,
.content>.video-play:hover span,
del.wc-block-components-product-price__regular,
.wp-block-post-comments.is-style-sportspot-post-comments input:not([type="submit"]):not([type="checkbox"]),
.comment-form label,
.tnp.tnp-subscription .tnp-field input[type="submit"],
.tnp.tnp-subscription-minimal form,
.wp-block-post-comments .comment-meta .fn,
.comment-author .says,
.wp-block-pullquote cite,
a.comment-reply-link,
.woocommerce div.product span.price,
.wp-block-quote footer,
.wp-block-post-navigation-link a,
.wp-block-widget-area .wp-block-latest-posts__list>li>a,
.wp-block-post-title,
.wp-block-social-links .wp-block-social-link,
.is-style-sportspot-button .wp-block-button__link,
.wp-block-button.is-style-sportspot-button .wp-block-button__link,
.form-submit input[type="submit"]:hover,
.form-submit input[type="submit"]:focus,
.wp-block-latest-posts a,
.without-transparent .wp-block-navigation__responsive-container:where(:not([class*=is-menu-open]):not([class*=has-modal-open])) .wp-block-navigation__responsive-container-content>.wp-block-navigation__container>.wp-block-navigation-item>.wp-block-navigation-item__content {
  color: var(--wp--preset--color--dark-color);
}

.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor svg,
.without-transparent .wp-block-navigation__responsive-container-open svg,
.wp-block-post-navigation-link .post-navigation-link__label svg,
.header .wp-block-navigation__responsive-container-close svg,
.transparent-header .header button:not(.wp-block-navigation__responsive-container-close):not(.wp-block-search__button) svg.cross {
  fill: var(--wp--preset--color--dark-color);
}

.wp-block-button.is-style-sportspot-button .wp-block-button__link:before,
.wp-block-post-excerpt__more-link:before {
  background-color: var(--wp--preset--color--dark-color);
}

// FOOTER BACKGROUND COLOR
.footer {
  background-color: var(--wp--preset--color--footer-bg-color);
}


/* Color Light */

.wp-block-query-pagination-previous,
.wp-block-query-pagination-next,
.wc-block-components-pagination__page:hover,
.wc-block-components-pagination__page:focus,
.wc-block-components-pagination__page--active[disabled]:focus,
.wc-block-components-pagination__page--active[disabled]:hover,
.wc-block-pagination-page--active.wc-block-components-pagination__page--active,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li a:focus,
.wc-block-product-search .wc-block-product-search__button,
.woocommerce nav.woocommerce-pagination ul li span.current,
.wp-block-navigation__responsive-container-close,
.wp-block-query-pagination-previous:hover,
.wp-block-query-pagination-previous:focus,
.wp-block-query-pagination-next:hover,
.wp-block-query-pagination-next:focus,
.woocommerce span.onsale,
.wc-block-grid__product .wc-block-grid__product-onsale span,
input[type="button"],
input[type="reset"],
.banner .wp-block-post-title,
.media-content h2,
.tnp.tnp-subscription-minimal input.tnp-submit,
.wp-block-navigation ul.wp-block-list>li>a,
.upper-footer .footer-title {
  color: var(--wp--preset--color--color-light);
}

// BUTTON TEXT COLOR

.woocommerce #respond input#submit,
input[type="submit"],
header .header-with-cart .wp-block-button.my-account a.wp-block-button__link.wp-element-button,
header .header-with-cart .wp-block-button.my-account div.wp-block-button__link.wp-element-button,
.wp-block-woocommerce-mini-cart-checkout-button-block,
.wp-block-post-excerpt__more-link,
.woocommerce button.button,
.wc-block-components-button:not(.is-link).outlined {
  color: var(--wp--preset--color--button-text-color);
}

.wp-block-query-pagination>.wp-block-query-pagination-previous:hover:before,
.wp-block-query-pagination>.wp-block-query-pagination-previous:focus:before,
.wp-block-query-pagination>.wp-block-query-pagination-next:hover:before,
.wp-block-query-pagination>.wp-block-query-pagination-next:focus:before {
  border-color: var(--wp--preset--color--color-light);
}

.wp-block-quote cite,
.footer .wp-block-navigation__responsive-container-open svg {
  fill: var(--wp--preset--color--color-light);
}

/* Tertiary Color */

.bottom-footer.wp-block-site-generator p a,
.footer .wp-block-group p,
.footer .wp-block-group a,
.bottom-footer .wp-block-navigation ul:not(.wp-block-navigation__submenu-container)>li>.wp-block-navigation-item__content,
.upper-footer .wp-block-navigation .wp-block-navigation-item__content {
  color: var(--wp--preset--color--tertiary);
}

/* HOVER COLOR */

.wp-block-navigation__submenu-container .wp-block-navigation-item.current-menu-item .wp-block-navigation-item__content:before,
.wp-block-navigation__submenu-container .wp-block-navigation-item .wp-block-navigation-item__content:before {
  background-color: var(--wp--preset--color--hover-color);
}

a:hover svg.icon,
a:focus svg.icon {
  fill: var(--wp--preset--color--hover-color);
}

.wp-block-navigation ul>li>.wp-block-navigation-item__content:hover+button svg,
.wp-block-navigation ul>li>.wp-block-navigation-item__content:focus+button svg,
.wp-block-navigation ul>li.current-menu-item>.wp-block-navigation-item__content+button svg {
  stroke: var(--wp--preset--color--hover-color);
}

.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor svg {

  &:hover,
  &:focus {
    fill: var(--wp--preset--color--hover-color);
  }
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link {

  &:hover,
  &:focus {
    svg {
      fill: var(--wp--preset--color--hover-color);
    }
  }
}

.woocommerce ul.products li.product a:hover h2,
.wp-block-page-list>.wp-block-navigation-item.current-menu-item>a,
a:hover .post-navigation-link__label,
.wp-block-navigation__submenu-container .wp-block-navigation-item.current-menu-item .wp-block-navigation-item__content,
.woocommerce-info::before,
.woocommerce-message::before,
.woocommerce p.stars:hover a::before,
.upper-footer .wp-block-navigation .wp-block-navigation-item.has-child .wp-block-navigation-submenu .wp-block-navigation-item__content:hover,
.upper-footer .wp-block-navigation .wp-block-navigation-item.has-child .wp-block-navigation-submenu .wp-block-navigation-item__content:focus,
p.stars:hover a::before,
.woocommerce ul.products li.product a:focus h2 {
  color: var(--wp--preset--color--hover-color);
}

.wpcf7 input:not([type="submit"]):not([type="checkbox"]):hover,
.wpcf7 input:not([type="submit"]):not([type="checkbox"]):focus,
.wpcf7 textarea:hover,
.wpcf7 textarea:focus {
  border-color: var(--wp--preset--color--hover-color);
}

/* Body Color */

input[type="button"],
input[type="reset"],
input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="week"],
input[type="month"],
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="number"],
textarea,
.wp-block-widget a,
.wp-site-blocks figure figcaption,
figure figcaption,
.wp-block-query-pagination-numbers .page-numbers,
.wp-block-navigation .wp-block-navigation__submenu-icon,
.wp-block-post-navigation-link .post-navigation-link__label,
.amount {
  color: var(--wp--preset--color--body-text);
}

/* Link hover color */
a,
.wp-block-widget a,
.wp-block-button.is-style-sportspot-button .wp-block-button__link:hover,
.wp-block-button.is-style-sportspot-button .wp-block-button__link:focus,
.wp-block-post-comments.is-style-sportspot-post-comments .comment-metadata a,
.wp-block-post-comments.is-style-sportspot-post-comments .comment-metadata a,
.wp-block-navigation__responsive-container-open,
.wp-block-navigation__responsive-container-close,
.wp-block-post-comments .comment-metadata a,
form .wpcf7-submit,
.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor,
.wp-block-post-navigation-link a,
a.comment-reply-link,
.wp-block-post-title a,
.post-navigation-link__label,
.wp-block-site-generator p a,
ins,
.wp-block-widget-area .wp-block-latest-posts__list>li>a,
.single .taxonomy-category.wp-block-post-terms>a,
.entry-breadcrumbs span.breadcrumb a,
.footer-title+p a,
.wc-block-components-product-title a,
.woocommerce .woocommerce-breadcrumb a,
td.product-name a,
.bottom-footer .wp-block-navigation ul:not(.wp-block-navigation__submenu-container)>li>a,
.single .taxonomy-post_tag.wp-block-post-terms>a,
.woocommerce div.product .woocommerce-tabs ul.tabs li a,
.wp-block-navigation__responsive-container:where(:not([class*=is-menu-open]):not([class*=has-modal-open])) .wp-block-navigation__responsive-container-content>.wp-block-navigation__container>.wp-block-navigation-item>.wp-block-navigation-item__content,

.wp-block-navigation__responsive-container:where(:not([class*=is-menu-open]):not([class*=has-modal-open])) .wp-block-navigation__responsive-container-content>.wp-block-page-list>.wp-block-navigation-item>.wp-block-navigation-item__content,
.wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button,
.wc-block-grid .wc-block-grid__products li.wc-block-grid__product:is(:hover, :focus) .added_to_cart,
.wc-block-grid__product-title {

  &:hover,
  &:focus {
    color: var(--wp--preset--color--hover-color);
  }
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a,
.wp-block-navigation__responsive-container:not(.is-menu-open):not(.has-modal-open) ul:not(.wp-block-navigation__submenu-container)>.wp-block-navigation-item.current-menu-item,
.wp-block-navigation__responsive-container:not(.is-menu-open):not(.has-modal-open) ul:not(.wp-block-navigation__submenu-container)>.wp-block-navigation-item.current-menu-item {
  color: var(--wp--preset--color--hover-color);
}

.wp-block-button.is-style-sportspot-button .wp-block-button__link,
.wp-block-post-excerpt__more-link {

  &:hover,
  &:focus {

    &:before {
      background-color: var(--wp--preset--color--hover-color);
    }
  }
}

.wp-block-button.is-style-sportspot-button .wp-block-button__link,
.wp-block-post-excerpt__more-link {

  &:hover,
  &:focus {

    &:after {
      border-color: var(--wp--preset--color--hover-color);
    }
  }
}

.wp-block-post-meta>div:hover,
.wp-block-post-meta>div:focus {

  a,
  svg {

    color: var(--wp--preset--color--hover-color);
    fill: var(--wp--preset--color--hover-color);
  }
}

.wp-block-button.is-style-fill .wp-block-button__link,
.wp-block-post-excerpt__more-link,
form .wpcf7-submit,
form.wpcf7-form input[type="submit"],
.wp-block-button.is-style-fill .wp-block-button__link {

  &:hover,
  &:focus {
    border-color: var(--wp--preset--color--hover-color);
  }
}

/* Button Background Color */

//TODO .wp-block-button__link,
.tnp.tnp-subscription-minimal input.tnp-submit,
.woocommerce nav.woocommerce-pagination ul li span.current,
input[type="button"],
input[type="reset"],
input[type="submit"],
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li a:focus,
.wc-proceed-to-checkout a.checkout-button.alt,
.woocommerce #respond input#submit.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce button.button.alt.disabled,
.woocommerce #respond input#submit,
.wc-block-components-button:not(.is-link).outlined,
.wc-block-product-search .wc-block-product-search__button {
  background-color: var(--wp--preset--color--button-bg-color);
}

.woocommerce .woocommerce-product-rating .star-rating,
#reviews .star-rating {
  color: var(--wp--preset--color--button-bg-color);
}

/* Button Background hover color */

.woocommerce .woocommerce-cart-form .actions .button,
.wp-block-woocommerce-mini-cart-contents a.components-button.wc-block-components-button.wp-element-button,
.wc-block-components-quantity-selector .wc-block-components-quantity-selector__button,
.tnp.tnp-subscription-minimal input.tnp-submit,
input[type="button"],
input[type="reset"],
input[type="submit"],
.wp-block-query-pagination-previous,
.wp-block-query-pagination-next,
ul.products li.product .button,
.wc-proceed-to-checkout a.checkout-button.alt,
form.wpcf7-form input[type="submit"],
.woocommerce input[name=submit],
.woocommerce #review_form #respond .form-submit input,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce button.button.alt,
.woocommerce button.button.alt.disabled,
.woocommerce button.button:disabled,
.woocommerce button.button:disabled[disabled],
.woocommerce .cart div.quantity .quantity-button--up,
.restore-item,
.wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button,
.wc-block-cart__submit-container .wp-element-button,
.woocommerce .cart div.quantity .quantity-button--down,
.wc-block-product-search .wc-block-product-search__button,
.wrap button.wp-block-search__button.has-icon.wp-element-button,
.wp-block-button__link.is-style-outline:not(.has-background) {

  &:hover,
  &:focus {
    border-color: var(--wp--preset--color--button-text-color) !important;
    color: var(--wp--preset--color--hover-color) !important;
    background: var(--wp--preset--color--button-text-color) !important;
    @include border(45px);
  }
}

/* Border Color */
.woocommerce table.shop_table td,
.woocommerce table.shop_table,
.woocommerce div.product div.images .flex-control-thumbs li,
.single .taxonomy-category.wp-block-post-terms>a,
.single .taxonomy-post_tag.wp-block-post-terms>a,
.header .search-container form .wp-block-search__inside-wrapper button[type="submit"],
.header .search-container form .wp-block-search__inside-wrapper input[type="search"],
.header .search-container .wp-block-search__inside-wrapper input[type="search"],
.woocommerce-info,
.wc-block-product-search .wc-block-product-search__field input,
.wc-block-product-search .wc-block-product-search__field,
.woocommerce-billing-fields__field-wrapper input,
.woocommerce-billing-fields__field-wrapper select,
textarea,
select,
.select2-container--default .select2-selection--single,
.woocommerce .quantity .qty,
.woocommerce table.variations select,
.woocommerce-message,
.woocommerce div.product .woocommerce-tabs ul.tabs::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active,
form.woocommerce-ordering select,
.wp-block-table td,
.wp-block-table th,
.wp-block-table thead,
.tnp.tnp-subscription .tnp-field input[type="submit"],
.tnp.tnp-subscription-minimal form,
.wp-block-table .has-fixed-layout *,
input[type="button"],
input[type="reset"],
input[type="submit"],
.wp-block-sidebar .wp-block-latest-posts__list>li:not(:last-child),
.wp-block-search .wp-block-search__inside-wrapper,
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper,
.is-style-sportspot-post-author-card,
.wp-block-post-comments.is-style-sportspot-post-comments .comment-respond,
.wpcf7 form,
.wp-block-post-comments.is-style-sportspot-post-comments .comment-respond,
.is-style-sportspot-post-author-card,
form.wpcf7-form textarea,
.wpcf7 input:not([type="submit"]):not([type="checkbox"]) {
  border-color: var(--wp--preset--color--border-default-color);
}


.wp-block-post-meta a,
.bottom-footer .wp-block-navigation .wp-block-navigation__container:not(.wp-block-navigation__submenu-container)>div>a,
.wp-block-site-generator p,
.woocommerce-variation-description,
.wp-block-post-author__content .wp-block-post-author__name {
  color: var(--wp--preset--color--secondary-text-color);
}

.wp-block-post-meta svg {
  fill: var(--wp--preset--color--secondary-text-color);
}

.wp-block-navigation__container>.wp-block-navigation-item:before,
.wc-block-components-pagination__page:hover,
.wc-block-components-pagination__page:focus,
.wc-block-pagination-page--active.wc-block-components-pagination__page--active,
.wc-block-components-pagination__page--active[disabled]:focus,
.wc-block-components-pagination__page--active[disabled]:hover,
.wp-block-query-pagination>.wp-block-query-pagination-previous:hover,
.wp-block-query-pagination>.wp-block-query-pagination-previous:focus,
.wp-block-query-pagination>.wp-block-query-pagination-next:hover,
.wp-block-query-pagination>.wp-block-query-pagination-next:focus,
.wp-block-query-pagination-numbers .page-numbers:not(.dots):hover,
.wp-block-query-pagination-numbers .page-numbers:not(.dots):focus,
.wp-block-query-pagination-numbers .page-numbers:not(.dots).current,
.wp-block-page-list>.wp-block-navigation-item:before,
.wp-block-page-list>.wp-block-navigation-item a::before {
  background-color: var(--wp--preset--color--background);
}

/* Secondary Background color */

.wp-block-section:nth-child(odd),
.wp-block-section:nth-child(even) .wc-block-review-list-item__text,
.wp-block-section:nth-child(even) .wc-block-grid .wc-block-grid__products li.wc-block-grid__product,
.wp-block-section:nth-child(even) .wc-block-featured-product .wc-block-featured-product__wrapper,
.wc-block-grid__product-image:before,
.wp-block-section:nth-child(even) .wc-block-grid__products .wc-block-grid__product-image:before,
.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container,
.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open,
pre,
.is-style-sportspot-post-author-card,
.is-style-sportspot-post-author-card,
.wp-block-post-container,
.single .taxonomy-category.wp-block-post-terms>a:hover,
.single .taxonomy-category.wp-block-post-terms>a:focus,
.single .taxonomy-post_tag.wp-block-post-terms>a:hover,
.woocommerce-error,
.woocommerce-info,
.woocommerce-message {
  background-color: var(--wp--preset--color--secondary-bg-color);
}

/* Title color */

.wp-block-post-title a,
.wc-block-grid__product-title,
.woocommerce div.product p.price,
.woocommerce div.product span.price,
.price ins,
.price,
.wc-block-components-product-price span,
.wc-block-mini-cart__footer .wc-block-components-totals-item.wc-block-mini-cart__footer-subtotal,
.wc-block-featured-product__description,
.upper-footer .wp-block-navigation .wp-block-navigation-item.has-child .wp-block-navigation-submenu .wp-block-navigation-item__content,
.wc-block-featured-product .wc-block-featured-product__title,
.wp-block-group:not(.transparent-header) .header .my-account .wp-block-button__link a,
.wc-block-components-product-title a,
.wc-block-components-review-list-item__author {
  color: var(--wp--preset--color--title-color);
}