/*
 * Custom Color Overrides
 * Teal/Cyan color scheme
 */

:root {
  --primary-color: #00d4aa !important;
  --primarydark-color: #00a88a !important;
  --primarytrans-color: #00d4aa0d !important;
}

/* Selection color */
::selection {
  background: var(--primary-color) !important;
}

::-moz-selection {
  background: var(--primary-color) !important;
}

/* Links */
footer#gen-footer .gen-copyright-footer .gen-copyright a {
  color: white !important;
}

a:focus,
a:hover {
  color: var(--primary-color) !important;
}

/* Buttons */
.gen-button {
  background: var(--primary-color) !important;
}

.gen-button:hover {
  background: var(--primarydark-color) !important;
}

/* Play button SVG */
.playBut .circle {
  stroke: var(--primary-color) !important;
}

.playBut .triangle {
  stroke: var(--primary-color) !important;
}

.select-plan-btn {
  box-shadow: 0 8px 20px var(--primarytrans-color) !important;
}

.select-plan-btn:hover {
  box-shadow: 0 12px 28px var(--primarytrans-color) !important;
}

.select-plan-btn,
.select-plan-btn:hover {
  background-image: linear-gradient(135deg, var(--primary-color) 0%, var(--primarydark-color) 100%) !important;
}

.plan-card:hover {
  background: var(--primarytrans-color) !important;
  border-color: var(--primarydark-color) !important;
  box-shadow: 0 20px 40px var(--primarytrans-color) !important;
}

.plan-card:before {
  background-image: linear-gradient(90deg, var(--primary-color) 0%, var(--primarydark-color) 100%) !important;
}

.plan-price .price {
  background-image: linear-gradient(90deg, var(--primary-color) 0%, var(--primarydark-color) 100%) !important;
}

.plan-features svg {
  stroke: var(--primarydark-color) !important;
}

.plan-card.popular {
  background-color: var(--primarytrans-color) !important;
  border-color: var(--primarydark-color) !important;
}

.popular-badge {
  background-image: linear-gradient(90deg, var(--primary-color) 0%, var(--primarydark-color) 100%) !important;
  box-shadow: 0 4px 12px var(--primarytrans-color) !important;
}

.subscription-modal-content {
  box-shadow: var(--primarytrans-color) 0px 25px 50px -12px, var(--primarytrans-color) 0px 0px 0px 1px;
}

.subscription-modal-content::-webkit-scrollbar-thumb {
  background-color: var(--primarydark-color) !important;
}

.selected-plan-summary {
  background: var(--primarytrans-color) !important;
  border: 1px solid var(--primarydark-color) !important;
}

.summary-price {
  color: var(--primary-color) !important;
}

.submit-payment-btn {
  box-shadow: 0 8px 20px var(--primarytrans-color) !important;
}

.back-btn:hover {
  border-color: var(--primarydark-color) !important;
}

.form-group input:focus {
  background: var(--primarytrans-color) !important;
  border-color: var(--primarydark-color) !important;
  box-shadow: 0 0 0 3px var(--primary-color) !important;
}

.checkbox-label input[type=checkbox] {
  accent-color: var(--primary-color) !important;
}

.submit-payment-btn:hover {
  background-image: linear-gradient(90deg, var(--primary-color) 0%, var(--primarydark-color) 100%) !important;
}

.gen-movie-contain-style-3 .gen-movie-meta-holder ul li a:hover {
  color: white !important;
}

/* Input focus */
input:focus,
input:hover,
textarea:focus,
textarea:hover,
.form-control:focus {
  border-color: var(--primarydark-color);
}

#gen-footer .gen-footer-style-1 .gen-footer-logo {
  margin-bottom: 0 !important;
}