/* Copyright (c) 2025 sanatanadharmam.in Licensed under SEE LICENSE IN LICENSE. All rights reserved. */
:root {
  --color--yellow: #fdae50;
  --color--red: #fa5952;
  --color--orange: #fa5952;
  --color--violet: #403e87;
  --color--blue: #325492;
  --color--deep-blue: #162039;
  --tlg--video-control-1: 0px;
  --tlg--video-control-2: 0px;
  --tlg--video-control-3: 0px ;
}

/* Theme classes: keep light values matching :root to avoid visual regressions.
   .theme-light mirrors the default variables; .theme-dark overrides for dark mode.
   Components should use --theme-* variables (and existing .theme-* utility classes)
   so switching these classes will change the site's look without layout changes. */
.theme-light {
  --theme-color: #ff9933;
  --theme-background-color: #fffff0;
  --theme-title-color: #ff9933;
  --theme-sub-title-color: #333333;
  --theme-links-color: #fffff0;
  --theme-action-button-color: #ffd700;
  --theme-alternative-background-color: #f5f5dc;
  --theme-body-text-color: #4b2e2e;
  --theme-icon-color: #228b22;
  --theme-footer-background-color: #800000;
  --theme-footer-text-color: #fffff0;
  --theme-footer-links-color: #ffd700;
}

.theme-dark {
  --theme-color: #ffb366;
  --theme-background-color: #0b0b0b;
  --theme-title-color: #ffb366;
  --theme-sub-title-color: #e6e6e6;
  --theme-links-color: #e6e6e6;
  --theme-action-button-color: #d4af37;
  --theme-alternative-background-color: #121212;
  --theme-body-text-color: #e6e6e6;
  --theme-icon-color: #9ad39a;
  --theme-footer-background-color: #0a0a0a;
  --theme-footer-text-color: #f5f5f5;
  --theme-footer-links-color: #ffd700;
}

body {
  position: relative;
  margin: 0;
  padding: 0;
  min-height: 100%;
  background-color: var(--theme-background-color);
  color: var(--theme-body-text-color);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.site-title {
  color: var(--theme-title-color);
}

a {
  position: relative;
  color: var(--theme-body-text-color);
}
a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 0;
  height: 1px;
  opacity: 0;
  background-color: var(--theme-body-text-color);
  transition: all 0.3s ease-in-out;
}
a.active::after, a:hover::after {
  width: 100%;
  opacity: 1;
}
a.no-underline::after, a.no-underline:hover::after {
  display: none;
}
a.no-underline.active {
  background-color: var(--color-white);
  color: var(--color-black);
}

/* Styles for odd-numbered rows */
.dropdown-animate ul li:nth-child(even) {
  background-color: var(--theme-background-color);
}

/* Styles for even-numbered rows */
.dropdown-animate ul li:nth-child(odd) {
  background-color: var(--theme-alternative-background-color);
}

.button-background-color,
.notification-background-color {
  background-color: var(--theme-action-button-color);
}

.notification-alternative-background-color {
  background-color: var(--theme-alternative-background-color);
}

header,
.theme-background-color {
  background-color: var(--theme-background-color);
}

.theme-border-color {
  border-color: var(--theme-color);
}

.theme-text-color {
  color: var(--theme-body-text-color);
}

footer {
  background-color: var(--theme-footer-background-color);
  color: var(--theme-footer-text-color);
}
footer .button-background-color {
  color: var(--theme-body-text-color);
}
footer a {
  color: var(--theme-footer-links-color);
}

.underline-text-color {
  text-decoration-color: var(--theme-color);
}

.disable {
  opacity: 0.3;
}

.theme-background-color {
  background-color: var(--theme-background-color);
}

.theme-body-text-color {
  color: var(--theme-body-text-color);
}

.theme-title-color {
  color: var(--theme-title-color);
}

.theme-sub-title-color {
  color: var(--theme-sub-title-color);
}

.theme-action-button-color {
  background-color: var(--theme-action-button-color);
}

.theme-alternative-background-color {
  background-color: var(--theme-alternative-background-color);
}

.image-shiva-wrapper,
.image-krishna-wrapper {
  background-attachment: fixed, scroll;
  background-size: cover, cover;
  background-position: center, center;
  background-repeat: no-repeat;
}

.image-shiva-wrapper {
  background-color: rgb(5, 11, 24);
}

.image-krishna-wrapper {
  background-color: rgb(5, 5, 5);
}

.section-gradient.image-bg-shiva {
  background-image: radial-gradient(circle farthest-corner at 0% 100%, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.14) 31%, var(--color--blue) 73%);
}

.section-gradient.image-bg-krishna {
  background-image: radial-gradient(circle farthest-corner at 0% 100%, var(--color--blue), var(--color--blue) 31%, rgba(0, 0, 0, 0) 73%);
}

/* Use preview font for headings */
h1, h2, h3, .site-title {
  font-family: var(--preview-font, inherit);
}

.info-card {
  transition: transform 300s ease-in;
}

.info-card:hover img {
  transform: scale(0.95);
}

@keyframes scroll-left {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}
@keyframes scroll-right {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0);
  }
}
@media screen and (min-width: 768px) {
  .border-gradient-vertical {
    border-right: 4px;
    border-style: solid;
    border-image: linear-gradient(to bottom, red, rgba(0, 0, 0, 0)) 1 100%;
  }
  .image-shiva-wrapper,
  .image-krishna-wrapper {
    background-size: 88%, 100%;
  }
  .image-shiva-wrapper {
    background-position: -200% 0, 0 0;
  }
  .image-krishna-wrapper {
    background-position: 200% 0, 0 0;
  }
}
/* Copyright (c) 2025 sanatanadharmam.in Licensed under SEE LICENSE IN LICENSE. All rights reserved. */