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


.wp-block-tag-cloud>a {
  background-color: var(--wp--preset--color--background);
}

// Dark Color
.woocommerce button.button,
.woocommerce input[name=submit],
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li a:focus,
.woocommerce nav.woocommerce-pagination ul li span.current,
.wc-block-components-pagination__page:hover,
.wc-block-components-pagination__page:focus,
.wc-block-components-product-sale-badge span,
.wp-block-query-pagination-previous,
.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,
.wp-block-query-pagination-next,
.wc-block-grid__product .wc-block-grid__product-onsale span,
.wc-block-mini-cart__button span.wc-block-mini-cart__badge,
input[type="submit"],
.woocommerce span.onsale {
  color: var(--wp--preset--color--dark-color);
}

.is-style-outline>.wp-block-button__link:hover,
.is-style-outline>.wp-block-button__link:focus {
  color: var(--wp--preset--color--dark-color) !important;
  background-color: var(--wp--preset--color--button-bg-color) !important;
}

.wp-block-post-navigation-link .post-navigation-link__label svg,
.without-transparent .wp-block-navigation__responsive-container-open svg {
  fill: var(--wp--preset--color--color-light);
}


/* Color Light */

.entry-meta a,
.wc-block-components-pagination__ellipsis,
.wc-block-components-pagination__page,
td.product-name a,
.wp-block-post-navigation-link .post-navigation-link__label,
.woocommerce ul.products li.product .price,
.wp-block-categories-list li,
.wp-block-archives-list li,
del.wc-block-components-product-price__regular,
.wp-block-post-comments.is-style-rock-tune-post-comments input:not([type="submit"]):not([type="checkbox"]),
.comment-form label,
.is-style-rock-tune-button .wp-block-button__link,
.tnp.tnp-subscription .tnp-field input[type="submit"],
.tnp.tnp-subscription-minimal form,
.wp-block-post-comments .comment-meta .fn,
.comment-author .says,
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,
.form-submit input[type="submit"]:hover,
.form-submit input[type="submit"]:focus,
.wp-block-latest-posts a,
.upper-footer .wp-block-navigation .wp-block-navigation-item__content,
.wc-block-product-search .wc-block-product-search__button,
.wp-block-navigation__responsive-container-close,
.wp-block-query-pagination-previous:hover,
.wp-block-query-pagination-previous:focus,
.dummy-icon .wp-block-search__button,
.wp-block-query-pagination-next:hover,
.wp-block-query-pagination-next:focus,
input[type="button"],
input[type="reset"],
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,
header .header-with-cart .wp-block-button.my-account .wp-block-button__link.wp-element-button,
.wp-block-navigation .wp-block-navigation__submenu-icon,
.wp-block-group h1.wp-block-post-title,
.woocommerce .woocommerce-breadcrumb,
.woocommerce .woocommerce-breadcrumb a,
.wc-block-components-button:not(.is-link).outlined,
.upper-footer .footer-title,
.footer .wp-block-group p,
.footer .wp-block-group a {
  color: var(--wp--preset--color--color-light);
}

.footer .wp-block-navigation__responsive-container-open svg,
.search-controller svg,
.header .wp-block-navigation__responsive-container-close svg {
  fill: var(--wp--preset--color--color-light);
}

.wc-block-grid .wc-block-grid__product .wc-block-grid__product-onsale,
.wc-block-grid .wc-block-grid__product .wc-block-grid__product-image .wc-block-grid__product-onsale,
.wc-block-components-product-sale-badge,
.woocommerce span.onsale,
.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,
.search-controller:hover svg,
.search-controller:focus svg,
.wp-block-navigation__responsive-container-open:hover svg {
  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,
.stars a,
.wp-block-navigation__container>.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,
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 */

.search-product input[type=search],
.wp-block-rock-tune-header-search .search-container input[type=search],
.wp-block-widget a,
.wp-site-blocks figure figcaption,
figure figcaption,
.select2-container--default .select2-selection--single .select2-selection__rendered,
.bottom-footer .wp-block-navigation ul:not(.wp-block-navigation__submenu-container)>li>.wp-block-navigation-item__content,
.bottom-footer .wp-block-navigation ul li svg,
.bottom-footer.wp-block-site-generator p a,
.bottom-footer.wp-block-site-generator p,
.wp-block-query-pagination-numbers .page-numbers,
.wp-block-code>code {
  color: var(--wp--preset--color--body-text);
}

/* Link hover color */
a,
.wp-block-widget a,
.wp-block-post-comments.is-style-rock-tune-post-comments .comment-metadata a,
.wp-block-post-comments.is-style-rock-tune-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,
.price ins,
.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,
table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .wc-block-cart-item__remove-link,
.bottom-footer .wp-block-navigation ul:not(.wp-block-navigation__submenu-container)>li>a,
.wp-block-post-meta a,
.single .taxonomy-post_tag.wp-block-post-terms>a,
.woocommerce div.product .woocommerce-tabs ul.tabs li a {

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

.wp-block-navigation li>.wp-block-navigation-item__content,
.wp-block-navigation__submenu-container a {

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

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
  color: var(--wp--preset--color--hover-color);
}

.wp-block-button.is-style-rock-tune-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-rock-tune-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-excerpt__more-link,
form .wpcf7-submit,
form.wpcf7-form input[type="submit"] {

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


/* Button Background Color */

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,
ul.products li.product .button,
.wc-proceed-to-checkout a.checkout-button.alt,
.woocommerce ul.products li.product .button,
.woocommerce nav.woocommerce-pagination ul li span.current,
.wp-block-query-pagination-previous,
.wp-block-query-pagination-next,
.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,
.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,
.wp-block-woocommerce-mini-cart-contents .wc-block-components-button,
.wc-block-components-pagination__page--active[disabled]:focus,
.wc-block-components-pagination__page--active[disabled]:hover,
.wc-block-product-search .wc-block-product-search__button,
.wc-block-components-pagination__page:hover,
.wc-block-components-pagination__page:focus,
.wc-block-pagination-page--active.wc-block-components-pagination__page--active,
.playlist-section .simple-audio-player .simp-controls button.simp-plause {
  background-color: var(--wp--preset--color--button-bg-color);
}

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

/* Button Background hover color */

.wc-block-price-filter .wc-block-components-price-slider__actions button.wc-block-filter-submit-button,
.place-order .button,
.wp-block-woocommerce-mini-cart-contents a.components-button.wc-block-components-button.wp-element-button,
.woocommerce .woocommerce-cart-form .actions .button,
.wp-block-button.wc-block-components-product-button .wc-block-components-product-button__button,
.wc-block-cart__submit-container .wp-element-button,
.wc-block-components-totals-coupon__form .wp-element-button,
.wc-block-checkout__actions_row .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,
.woocommerce .cart div.quantity .quantity-button--down,
.playlist-section .simple-audio-player .simp-controls button.simp-plause,
.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--hover-color);
    color: var(--wp--preset--color--color-light);
    background-color: transparent;
  }
}

/* Border Color */
.woocommerce #reviews #comments ol.commentlist li .comment-text,
.is-large.wc-block-cart .wc-block-cart-items td,
.is-large.wc-block-cart .wc-block-cart-items,
.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,
.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-rock-tune-post-author-card,
.wp-block-post-comments.is-style-rock-tune-post-comments .comment-respond,
.wpcf7 form,
.wp-block-post-comments.is-style-rock-tune-post-comments .comment-respond,
.is-style-rock-tune-post-author-card,
.woocommerce form.checkout_coupon,
.woocommerce form.login,
.woocommerce form.register,
form.wpcf7-form textarea,
.wpcf7 input:not([type="submit"]):not([type="checkbox"]),
.wp-block-rock-tune-header-social .social-container {
  border-color: var(--wp--preset--color--primary-border-color);
}

.wc-block-components-product-price span,
.wc-block-components-combobox .wc-block-components-combobox-control label.components-base-control__label,
.wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control label.components-base-control__label,
.wc-block-components-form .wc-block-components-text-input label,
.wc-block-components-text-input label,
.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 div.product p.price,
.woocommerce div.product span.price,
.product_meta,
.woocommerce-variation-description,
.comment-metadata a {
  color: var(--wp--preset--color--secondary-text-color);
}

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

.wp-block-section:nth-child(even) .testimonial-cols,
.wp-block-navigation__container>.wp-block-navigation-item:before,
.wp-block-navigation__container>.wp-block-navigation-item a:before,
.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(even),
.wp-block-section:nth-child(odd) .testimonial-cols,
.wc-block-grid__product-image:before,
.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container,
.comment-respond,
.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open,
pre,
.is-style-rock-tune-post-author-card,
.is-style-rock-tune-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,
.footer,
.wp-block-woocommerce-empty-mini-cart-contents-block,
.woocommerce-message,
.single .taxonomy-post_tag.wp-block-post-terms>a:focus .wp-block-rock-tune-header-social .wp-block-social-links {
  background-color: var(--wp--preset--color--secondary-bg-color);
}

/* Title color */

.price ins,
.price,
.amount,
.wp-block-group:not(.transparent-header) .header .my-account .wp-block-button__link a,
.wc-block-components-product-title a {
  color: var(--wp--preset--color--title-color);
}

// ADD IMPORTANT FOR COLOR 
.wc-block-product-search .wc-block-product-search__button,
.wrap button.wp-block-search__button.has-icon.wp-element-button {

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