/* customization classes - Generated with CSS Custom Properties */

/* CSS Variables with backward compatibility */
:root {
  /* Default Colors */
  --color-default-bg: #ffffff;
  --background-gradient: rgba(76,74,126,1);
  --color-default-text: #000000;
  --color-secondary-text: #595959;
  --color-url-text: #1a1aff;
  --color-url-hover: #0000e6;
  --color-success: #0c5207;
  --color-danger: #b51209;
  --color-warning: #f0ad4e;
  --color-play-icon: #ffffff;
  
  /* Button Colors */
  --color-button-bg: #0059b3;
  --color-button-bg-hover: #00376e;
  --color-button-text: #ffffff;
  --color-button-play-text: #ffffff;
  --color-button-play-bg: rgba(76,74,126,1);
  --color-active-menu-underline: #911717;
  
  /* Navigation Colors */
  --color-menu-bg-start: rgba(247,247,247,1);
  --color-menu-text: rgba(76,74,126,1);
  --color-menu-text-hover: #2A2859;
  --color-search-bar-bg: #ffffff;
  --color-search-bar-text: #000000;
  --color-search-box-border: rgba(149,149,149,1);
  
  /* Bookmark Colors */
  --color-bookmark-bg: rgba(247,247,247,1);
  --color-bookmark-border: #ebebeb;
  --color-bookmark-text: #000000;
  --color-bookmark-accent: rgba(76,74,126,1);
  --color-bookmark-active-tint: rgba(76,74,126,1);
  
  /* Modal Colors */
  --color-modal-bg: #ffffff;
  --color-modal-text: #000000;
  --color-modal-border: #e5e5e5;
  --color-modal-success: #0c5207;
  --color-modal-danger: #b51209;
  
  /* Carousel Colors */
  --color-carousel-text: rgba(255,255,255,1);
  --color-carousel-arrow: #000000;
  --color-carousel-arrow-bg: rgba(255, 255, 255, 0.5);
  --color-carousel-indicator: #046395;
  --color-carousel-indicator-bg: #f2f2f2;
  
  /* Category Colors */
  --color-category-text: #ffffff;
  --color-category-bg: #911717;
  
  /* Player Colors */
  --color-player-rail: rgba(255, 255, 255, 0.3);
  --color-player-progress: #f2f2f2;
}

/* standard */
body {
  background-color: var(--color-default-bg) !important;
}

.standard-text {
  color: var(--color-default-text) !important;
  border-color: var(--color-default-text) !important;
}

.secondary-text {
  color: var(--color-secondary-text) !important;
}

.url-text {
  color: var(--color-url-text) !important;
}

.url-text:hover {
  color: var(--color-url-hover) !important;
}

.success-color {
  color: var(--color-success) !important;
}

.danger-color {
  color: var(--color-danger) !important;
}

.warning-color {
  color: var(--color-warning) !important;
}

.play-icon-color {
  color: var(--color-play-icon) !important;
}

/* buttons/tabs */
.btn-primary,
.inherit-btn-style,
.pagination a,
.bookmark-button-dropdown {
  background-color: var(--color-button-bg) !important;
  color: var(--color-button-text) !important;
  border-color: var(--color-button-bg) !important;
}

.btn-primary:hover,
.pagination a:hover,
.pagination .active a,
.bookmark-button-dropdown:hover {
  background-color: var(--color-button-bg-hover) !important;
}

.button-play {
  color: var(--color-button-play-text) !important;
  background-color: var(--color-button-play-bg) !important;
  border-color: var(--color-button-play-bg) !important;
}

.active-nav {
  color: var(--color-menu-bg-start) !important;
  border-bottom: 2px solid var(--color-active-menu-underline) !important;
}

.btn-outline-dark {
	color: var(--color-default-text) !important;
	border-color: var(--color-default-text) !important;
}

#metaDropdown,
#metaDropdown button {
	background-color: var(--color-default-bg) !important;
	color: var(--color-default-text) !important;
	border-color: var(--color-default-text) !important;
}

/* nav */
.nav-bg,
#navDropdown,
.footer-style,
.navbar .navbar-nav .nav-link,
.navbar .navbar-nav .custom-dropdown,
.footer-style {
  color: var(--color-menu-text) !important;
  background-color: var(--color-menu-bg-start) !important;
}

.navbar .navbar-nav .nav-link:hover,
.navbar .navbar-nav .custom-dropdown:hover,
.navbar .navbar-nav .active a {
  color: var(--color-menu-text-hover) !important;
}

.input-style {
  color: var(--color-search-bar-text) !important;
  background-color: var(--color-search-bar-bg) !important;
  border: solid 1px var(--color-search-box-border) !important;
}

/* menu */
.bookmark-style,
.menu-style,
#bookmarkDropdown,
.bookmark-dropdown,
.accordion-button,
.accordion-item,
.accordion-body {
  background-color: var(--color-bookmark-bg) !important;
  border-color: var(--color-bookmark-border) !important;
  color: var(--color-bookmark-text) !important;
}

/* modal */
.modal-content,
.modal-footer,
.modal-body,
.modal-header,
.document-style {
  background-color: var(--color-modal-bg) !important;
  color: var(--color-modal-text) !important;
  border-color: var(--color-modal-border) !important;
}

.success-bg {
  background-color: var(--color-modal-success) !important;
}

.danger-bg {
  background-color: var(--color-modal-danger) !important;
}

/* carousel */
.carousel-text {
  color: var(--color-carousel-text) !important;
}

.carousel-arrow-color {
  color: var(--color-carousel-arrow) !important;
  background-color: var(--color-carousel-arrow-bg) !important;
}

.p-highlight .carousel-indicator-color {
  background-color: var(--color-carousel-indicator) !important;
  
}
.carousel-indicator-color {
  background-color: var(--color-carousel-indicator-bg) !important;
  
}

/* carousel */
.category-style {
  color: var(--color-category-text) !important;
  background-color: var(--color-category-bg) !important;
}

/* JW Player customization - targeting internal classes */
.jw-slider-time .jw-rail {
  background-color: var(--color-player-rail) !important;
}

.jw-slider-time .jw-progress,
.jw-slider-time .jw-buffer {
  background-color: var(--color-player-progress) !important;
}

.jw-slider-time .jw-buffer {
  opacity: 0.5 !important;
}

.jw-slider-volume .jw-progress {
  background-color: var(--color-player-progress) !important;
}

.jw-slider-time .jw-knob {
  background-color: var(--color-player-progress) !important;
}