/**
 * Canonical Customize UI color contract.
 * OWNERSHIP: resources/css/frontend/theme.css
 *
 * CSS custom property values are injected by ZypeMedia\Services\FrontendTheme
 * onto plugin-owned roots. This file maps existing semantic roles to those
 * variables. Colors without a Customize UI role stay in their component CSS.
 */

.zype-custom-title,
.zype-form-center h1.title.zype-title,
.zype-form-center .zype-custom-title,
.user-profile-wrap > .main-heading > .title.zype-custom-title {
  color: var(--zype-modal-title, #272424);
}

#zype_video__auth-close,
#zype_video__auth-close:hover {
  color: var(--zype-modal-cross, #AAAAAA);
}

body .zype-custom-modal,
body .player-auth-required,
body .player-signup-required,
body .subscribe-button,
body .my-library-sign-in-button {
  background-color: var(--zype-modal-background, #FFFFFF);
}

.zype-price-table {
  background: var(--zype-modal-table-item-background, #FFFFFF);
}

.zype-column-plans,
.zype-price-table section:first-child:last-child .zype-column-plans {
  border-color: var(--zype-modal-table-item-border, #D9D8E0);
  background-color: var(--zype-modal-table-item-background, #FFFFFF);
}

.zype-type-plan {
  color: var(--zype-transaction-title, #272424);
}

.zype-title-plan {
  color: var(--zype-transaction-description, #60626B);
}

.zype-price-holder {
  color: var(--zype-transaction-price, #60626B);
}

.zype-form-center .zype-custom-button,
.zype-form-center .zype-button,
.play-trailer-button .zype-btn-container-plan,
.zype-form-center .zype-btn-container-plan,
.zype-btn-container-plan,
.zype-btn-container-plan-mob,
.user-profile-wrap__button.zype-custom-button,
.btn.user-profile-wrap__button.zype-custom-button,
button.user-profile-wrap__button.zype-custom-button,
.zype-custom-button {
  color: var(--zype-button-text, #00A5DF);
  border-color: var(--zype-button-border, #00A5DF);
  background-color: var(--zype-button-background, #FFFFFF);
}

.zype-form-center .zype-custom-button:hover,
.zype-form-center .zype-button:hover,
.play-trailer-button .zype-btn-container-plan:hover,
.zype-form-center .zype-btn-container-plan:hover,
.zype-btn-container-plan:hover,
.user-profile-wrap__button.zype-custom-button:hover,
.zype-custom-button:hover,
.zype-form-center .zype-custom-button:focus,
.zype-form-center .zype-button:focus,
.play-trailer-button .zype-btn-container-plan:focus,
.zype-form-center .zype-btn-container-plan:focus,
.zype-btn-container-plan:focus,
.user-profile-wrap__button.zype-custom-button:focus,
.zype-custom-button:focus {
  color: var(--zype-button-text, #00A5DF);
  border-color: var(--zype-button-border, #00A5DF);
  background-color: var(--zype-button-background, #FFFFFF);
}

.zype-btn-price-plan {
  color: var(--zype-button-text, #00A5DF);
}

.zype-playlist-grid-shortcode .slick-arrow:before,
.playlist-with-content .slick-arrow:before,
.slider-list .slick-arrow:before,
#playlist-sandbox .slick-arrow:before {
  color: var(--zype-playlist-arrows, #C9CFD8);
}

.zype-carousel__previous,
.zype-carousel__next {
  color: var(--zype-playlist-arrows, #C9CFD8);
}

.slider_links .slider_links-title a,
.zype-playlist-grid-shortcode .slider_links-title a,
.zype-playlist-grid-shortcode .playlist-view-title,
.zype-grid-shortcode .playlist-view-title,
.zype-carousel .zype-carousel__title,
.zype-vertical-playlist__title,
.zype-search-playlists__title {
  color: var(--zype-playlist-name, #45484C);
}

.slider_links .slider_links-title a:hover,
.slider_links .slider_links-title a:focus,
.slider_links .slider_links-title a:active,
.zype-playlist-grid-shortcode .playlist-view-title a:hover,
.zype-playlist-grid-shortcode .playlist-view-title a:focus,
.zype-carousel .zype-carousel__title-link:hover,
.zype-carousel .zype-carousel__title-link:focus,
.zype-carousel .zype-carousel__title-link:active {
  color: var(--zype-playlist-name-hover, #6E7075);
}

.item_title_block,
.zype-grid-video-card__title,
.zype-vertical-playlist__item-title,
.zype-search-videos__title,
.zype-zobject-card__title,
.zype-zobjects.zype-zobjects--grid .zype-zobject__title {
  color: var(--zype-video-name, #5B5E64);
}

.get-all-playlists.slider_links-all a {
  color: var(--zype-see-all, #9D9FA5);
}

.get-all-playlists.slider_links-all a:hover,
.get-all-playlists.slider_links-all a:focus,
.get-all-playlists.slider_links-all a:active {
  color: var(--zype-see-all-hover, #BFC3CB);
}