@import url("./theme1-purple.css");

/*
 * Logo-matched theme overrides.
 * Base palette:
 * - Teal/Blue gradient: navbar + primary buttons
 * - Purple accent: secondary highlights
 * - Red accent: dropdown borders/hover
 */
:root {
  --logo-teal: #1bbfd6;
  --logo-purple: #6a5bff;
  --logo-blue: #8bb7ff;
  --logo-red: #d93a3a;
}

/* Navbar */
.mynav .navbar {
  background: linear-gradient(90deg, var(--logo-blue) 0%, var(--logo-teal) 100%);
}

.mynav .navbar .navbar-nav > .nav-item > .nav-link,
.mynav .navbar .navbar-nav .dropdown121 > .nav-item > .nav-link,
.mynav .navbar .navbar-nav > .dropdown121 > .nav-item > .nav-link,
.mynav .navbar .navbar-brand {
  color: #ffffff !important;
}

.mynav .navbar .navbar-nav > .nav-item > .nav-link:hover,
.mynav .navbar .navbar-nav > .nav-item > .nav-link:focus,
.mynav .navbar .navbar-nav .dropdown121 > .nav-item > .nav-link:hover,
.mynav .navbar .navbar-nav .dropdown121 > .nav-item > .nav-link:focus,
.mynav .navbar .navbar-nav > .dropdown121 > .nav-item > .nav-link:hover,
.mynav .navbar .navbar-nav > .dropdown121 > .nav-item > .nav-link:focus,
.mynav .navbar .navbar-brand:hover,
.mynav .navbar .navbar-brand:focus {
  color: #ffffff !important;
  background-color: rgba(255, 255, 255, 0.18);
  border-radius: 6px;
}

/* Primary button style */
.btnclassforall {
  background-color: var(--logo-teal);
  color: #ffffff !important;
}

.btntheme {
  color: var(--logo-purple);
}

.btnclassforall:hover {
  background-color: var(--logo-purple);
  color: #ffffff;
}

/* Outlined/secondary primary buttons */
.outlineblue {
  background-color: var(--logo-teal);
  color: #ffffff;
}

.btn-check:checked + .btn {
  background-color: var(--logo-purple);
  border: 1px solid var(--logo-purple);
  color: #ffffff;
}

.btn-check .btn {
  outline: 1px solid var(--logo-purple);
  color: #000000;
}

.sendotp:hover {
  background-color: var(--logo-purple);
}

/* Purchase + navigation buttons */
.purchase {
  background-color: var(--logo-teal);
  border: none;
  color: #ffffff;
}

.purchase:hover {
  background-color: #149aa9;
  color: #ffffff;
}

.navbtn {
  background-color: var(--logo-purple);
}

.navbtn:hover {
  background-color: #4a3fe8;
}

.searchbtn {
  background-color: var(--logo-purple);
  color: #ffffff;
}

.searchbtn:hover {
  background-color: #4a3fe8;
  color: #ffffff;
}

/* Hover blocks used across landing pages */
.collapse .btn:hover,
.services .btn:hover,
.whyus button:hover,
.ourastrologer .btn:hover {
  background-color: var(--logo-teal) !important;
  color: #ffffff !important;
}

.services .btn,
.whyus button {
  background-color: var(--logo-teal) !important;
  color: #ffffff !important;
  border: none;
}

.whyus .subhead {
  color: var(--logo-purple) !important;
}

/* Homepage blog carousel buttons */
.services .blog-slider .blog-view-more,
.blog-slider .blog-view-more {
  background-color: var(--logo-teal) !important;
  color: #ffffff !important;
  border: none;
  text-decoration: none !important;
}

.services .blog-slider .blog-view-more:hover,
.services .blog-slider .blog-view-more:focus,
.blog-slider .blog-view-more:hover,
.blog-slider .blog-view-more:focus {
  background-color: var(--logo-purple) !important;
  color: #ffffff !important;
}

/* Dropdown accents */
.dropdown-content121,
.dropdown-content121top {
  background-color: #ffffff !important;
  border-bottom: 3px solid var(--logo-purple);
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.12);
}

.dropdown-content121 li {
  list-style: none;
}

.mynav .navbar .dropdown-content121 a,
.mynav .navbar .dropdown-content121 a.chnagecolor,
.mynav .navbar .dropdown-content121top a,
.dropdown-content121 a,
.dropdown-content121 a.chnagecolor,
.dropdown-content121 a .text,
.dropdown-content121top a {
  color: #1c2541 !important;
  background-color: transparent !important;
}

.dropdown-content121 a,
.dropdown-content121top a {
  display: block;
  padding: 8px 12px;
  text-align: left;
}

.mynav .navbar .dropdown-content121 a:hover,
.mynav .navbar .dropdown-content121 a:focus,
.mynav .navbar .dropdown-content121 a.chnagecolor:hover,
.mynav .navbar .dropdown-content121 a.chnagecolor:focus,
.dropdown-content121 a:hover,
.dropdown-content121 a:focus,
.dropdown-content121 a:hover .text,
.dropdown-content121 a:focus .text,
.dropdown-content121top a:hover,
.dropdown-content121top a:focus {
  background-color: var(--logo-purple) !important;
  color: #ffffff !important;
}

/* Inner page title banner (Services, Blogs, Contact, etc.) */
.lowhead {
  background: linear-gradient(90deg, var(--logo-purple) 0%, var(--logo-teal) 55%, var(--logo-blue) 100%) !important;
  background-image: linear-gradient(90deg, var(--logo-purple) 0%, var(--logo-teal) 55%, var(--logo-blue) 100%) !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: center !important;
  padding: 28px 0;
}

.lowhead .al-breadcrumb,
.lowhead .al-breadcrumb-container {
  background: transparent !important;
}

.lowhead h1,
.lowhead h2,
.lowhead p,
.lowhead .text-light,
.lowhead .text-white {
  color: #ffffff !important;
}

/* Top astrologers section */
.bgastro {
  background: linear-gradient(180deg, #5c5fb2 0%, #b5c8ff 42%, #eef8fb 100%);
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.12);
}

.astroprofile {
  width: 90vw;
  margin: 0 auto;
}

.service-text {
  color: #ffffff;
}

.astrologer-slider .owl-stage-outer {
  padding: 12px 0 18px;
}

.astrologer-slider .team-item,
.team-item-orange {
  display: block;
  padding: 8px;
}

.ourastrologer .card,
.ourastrocard {
  background: rgba(255, 255, 255, 0.96);
  border: 1px solid rgba(106, 91, 255, 0.18) !important;
  box-shadow: 0 12px 28px rgba(48, 66, 120, 0.16);
  min-height: 320px;
}

.ourastrologer img {
  border: 4px solid rgba(27, 191, 214, 0.45);
  border-radius: 50%;
  width: 120px !important;
  height: 120px !important;
  object-fit: cover;
  background-color: #ffffff;
}

.ourastrologer .card-title,
.ourastrologer .card-text {
  color: #1c2541 !important;
}

.more-astro {
  background: var(--logo-teal);
  color: #ffffff;
}

.more-astro:hover {
  background: var(--logo-purple);
  color: #ffffff;
}

.ourastrologer .ourastrocard .bggrn,
.ourastrologer .ourastrocard .bggrn1 {
  --bs-btn-color: #ffffff;
  --bs-btn-bg: var(--logo-teal);
  --bs-btn-border-color: var(--logo-purple);
  --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: var(--logo-teal);
  --bs-btn-hover-border-color: var(--logo-teal);
  background-color: var(--logo-teal) !important;
  background-image: linear-gradient(90deg, var(--logo-purple) 0%, var(--logo-teal) 100%) !important;
  border-color: var(--logo-purple) !important;
  color: #ffffff !important;
  opacity: 1 !important;
  min-width: 88px;
}

.ourastrologer .ourastrocard .bggrn i,
.ourastrologer .ourastrocard .bggrn1 i {
  color: #ffffff !important;
}

.ourastrologer .ourastrocard .bggrn:hover,
.ourastrologer .ourastrocard .bggrn1:hover,
.ourastrologer .ourastrocard .bggrn:focus,
.ourastrologer .ourastrocard .bggrn1:focus {
  background-color: var(--logo-teal) !important;
  background-image: none !important;
  color: #ffffff !important;
  border-color: var(--logo-teal) !important;
}

/* Footer (logo palette) */
footer {
  background: linear-gradient(90deg, #0b132b 0%, #2a0f4a 50%, #062a33 100%);
}

footer p i {
  color: var(--logo-teal);
}

footer a i,
footer .top i {
  color: var(--logo-teal);
}

footer li,
footer h6,
footer p,
footer strong {
  color: #ffffff;
}

footer h6,
footer strong {
  border-bottom: 3px solid var(--logo-purple);
}

footer .top,
footer .bottom {
  background: linear-gradient(90deg, rgba(27, 191, 214, 0.18) 0%, rgba(106, 91, 255, 0.18) 50%, rgba(217, 58, 58, 0.12) 100%);
  color: #ffffff;
}

footer a,
footer a.text-light {
  color: rgba(255, 255, 255, 0.92);
  text-decoration: none;
}

footer a:hover,
footer a:focus,
footer a.text-light:hover,
footer a.text-light:focus {
  color: var(--logo-teal) !important;
}

/* Bootstrap "warning" buttons -> logo palette (Sign In / Choose File / Update Profile) */
.btn-warning {
  background-color: var(--logo-teal);
  border-color: var(--logo-teal);
  color: #ffffff !important;
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active {
  background-color: var(--logo-purple) !important;
  border-color: var(--logo-purple) !important;
  color: #ffffff !important;
}

.btn-outline-warning {
  color: var(--logo-purple);
  border-color: var(--logo-purple);
}

.btn-outline-warning:hover,
.btn-outline-warning:focus,
.btn-outline-warning:active {
  background-color: var(--logo-purple) !important;
  border-color: var(--logo-purple) !important;
  color: #ffffff !important;
}

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

/* Login modal (logo palette) */
.modal-content .modal-header {
  background: linear-gradient(90deg, var(--logo-blue) 0%, var(--logo-purple) 60%, var(--logo-teal) 100%);
}

.login-popup .text-danger {
  color: var(--logo-purple) !important;
}

/* Login role toggle (Customer / Astrologer / Vendor) */
.modal .btn-group .btn-outline-dark {
  color: #1c2541;
  border-color: #c7ccdb;
}

/* Profile sidebar menu (My Profile highlight + hover) */
.MenuLists li.dividers {
  background: linear-gradient(to right, var(--logo-purple), var(--logo-teal)) !important;
}

.MenuLists li.dividers p {
  color: #ffffff !important;
}

.MenuLists li a.active,
.MenuLists li:hover a {
  color: var(--logo-purple) !important;
}

/* Wallet page: recharge tiles (was bg-warning yellow) */
.YourHolidays .holidaysList .bg-warning,
.YourHolidays .holidaysList .a.bg-warning {
  background: linear-gradient(180deg, rgba(27, 191, 214, 0.92) 0%, rgba(106, 91, 255, 0.92) 100%) !important;
  border-color: rgba(106, 91, 255, 0.45) !important;
  color: #ffffff !important;
}

.YourHolidays .holidaysList .bg-warning h6,
.YourHolidays .holidaysList .bg-warning i {
  color: #ffffff !important;
}

.YourHolidays .holidaysList .giftamt {
  border-color: rgba(255, 255, 255, 0.6) !important;
  background: rgba(255, 255, 255, 0.92) !important;
}

/* Wallet page: table header */
thead.tbl-bg,
.tbl-bg {
  background: linear-gradient(90deg, var(--logo-purple) 0%, var(--logo-teal) 100%) !important;
  color: #ffffff !important;
}

/* Dashboard tables (wallet, support ticket, orders...): header was yellow gradient */
.userTableDetails table thead tr,
.table-bg thead tr,
table.table-bg thead {
  background: linear-gradient(90deg, var(--logo-purple) 0%, var(--logo-teal) 100%) !important;
  color: #ffffff !important;
}

.userTableDetails table thead tr th,
table.table-bg thead th {
  color: #ffffff !important;
}

/* Misc yellow buttons -> logo teal */
.gtBtn {
  border: 2px solid var(--logo-purple);
  background-color: var(--logo-teal);
  color: #ffffff;
}

.bg-gradient-primary {
  background-image: linear-gradient(310deg, var(--logo-teal), var(--logo-purple)) !important;
}

/* Wallet: highlight action buttons that used dynemic-btn in some themes */
.dynemic-btn {
  background: var(--logo-purple) !important;
  color: #ffffff !important;
  border-color: var(--logo-purple) !important;
}

.dynemic-btn:hover,
.dynemic-btn:focus {
  background: var(--logo-teal) !important;
  border-color: var(--logo-teal) !important;
  color: #ffffff !important;
}

/* Tabs (Daily / Tomorrow / Weekly / Yearly): remove orange active */
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  background: linear-gradient(90deg, var(--logo-purple) 0%, var(--logo-teal) 100%) !important;
  color: #ffffff !important;
}

.nav-pills .nav-link {
  color: #1c2541;
}

/* Remove orange borders used in prediction widgets */
.prediction_for_btn_ul,
.vedicastro-prediction-daily-weekly-table,
.rashifal-btn-bg {
  border-color: rgba(106, 91, 255, 0.45) !important;
}

/* Recharge tiles: enforce readable text (some markup mixes text-black/text-white) */
.YourHolidays .holidaysList .bg-warning *,
.YourHolidays .holidaysList .a.bg-warning * {
  color: #ffffff !important;
}

.YourHolidays .holidaysList .giftamt *,
.YourHolidays .holidaysList .giftamt h6,
.YourHolidays .holidaysList .giftamt i {
  color: #1c2541 !important;
}

/* Gender radio labels: stop yellow hover, use logo palette */
.form-check .form-check-label {
  color: #1c2541;
}

.form-check .form-check-input:checked ~ .form-check-label {
  color: var(--logo-purple) !important;
}

.form-check .form-check-label:hover,
.form-check .form-check-input:hover ~ .form-check-label,
.form-check .form-check-input:focus ~ .form-check-label {
  color: var(--logo-teal) !important;
}

/* Global hover accents: override base theme red/yellow/orange */
a:hover:not(.btn):not(.btnclassforall):not(.blog-view-more):not(.nav-link):not(.chnagecolor):not(.navbar-brand),
a:focus:not(.btn):not(.btnclassforall):not(.blog-view-more):not(.nav-link):not(.chnagecolor):not(.navbar-brand) {
  color: var(--logo-teal) !important;
}

/* Shop filters / sidebar links */
.shop__sorting > li > a:hover,
.shop__sorting > li > a:focus,
.tag-cloud a:hover,
.getkundlidash a:hover,
.product_item .product_details h5 a:hover {
  color: var(--logo-teal) !important;
}

.prod-cat li ul li a:hover,
.prod-cat li ul li a:focus,
.prod-cat li ul li.active a,
.prod-cat li a:hover,
.prod-cat li a:focus,
.prod-cat li a.active {
  color: var(--logo-teal) !important;
}

/* Star rating widget: remove yellow hover */
input:not(:checked) ~ label:hover,
input:not(:checked) ~ label:hover ~ label,
input:checked ~ label {
  color: var(--logo-purple) !important;
}

/* Blog pages: replace old red/pink accents with logo palette */
.blog-aside .widget-title h3 {
  color: var(--logo-purple) !important;
}

.blog-aside .widget-author h6,
.blog-aside .post-aside .post-aside-title a,
.blog-aside .latest-post-aside .lpa-title a,
.article .article-title h2 {
  color: #1c2541 !important;
}

.article .article-title h6 a {
  color: var(--logo-teal) !important;
  border-bottom: 1px solid var(--logo-teal) !important;
}

.blog-aside .latest-post-aside .lpa-meta a,
.article .article-title .media .media-body span {
  color: rgba(28, 37, 65, 0.65) !important;
}

.tag-cloud a {
  background: linear-gradient(90deg, var(--logo-purple) 0%, var(--logo-teal) 100%) !important;
  color: #ffffff !important;
}

.tag-cloud a:hover,
.tag-cloud a:focus {
  background: var(--logo-teal) !important;
  color: #ffffff !important;
}