/**
 * Astroleaf Homepage Premium Stylesheet
 * 
 * Aesthetic, editorial Vedic astrology styling inspired by janampatri.net & vedicrishi.in.
 * High-definition typography, rich colorful report cards, interactive 12-rashi horoscopes,
 * multi-panel Panchang, and responsive layouts.
 */

:root {
  --ale-font-sans: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --ale-font-serif: 'Playfair Display', Georgia, serif;
  --ale-color-bg: #FFFDF9;
  --ale-color-bg-warm: #FAF4E8;
  --ale-color-bg-card: #FFFFFF;
  --ale-color-primary: #C37A2E;
  --ale-color-primary-dark: #9B5A1E;
  --ale-color-gold: #92400E;
  --ale-color-terracotta: #65250C;
  --ale-color-ink: #000000;
  --ale-color-muted: #4B5563;
  --ale-color-border: rgba(195, 122, 46, 0.22);
}

/* Base Body Styles */
body.home {
  background-color: var(--ale-color-bg) !important;
  color: #1F2937 !important;
  font-family: var(--ale-font-sans) !important;
  line-height: 1.6 !important;
  overflow-x: hidden !important;
}

.ale-container {
  max-width: 1320px !important;
  margin: 0 auto !important;
  padding: 0 24px !important;
  box-sizing: border-box !important;
}

/* ── SCROLL TRIGGERED FADE-FROM-DOWN ANIMATIONS ── */
@keyframes aleHeroFloatUp {
  0% {
    opacity: 0;
    transform: translateY(36px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.ale-hero-pill-badge {
  animation: aleHeroFloatUp 0.7s cubic-bezier(0.16, 1, 0.3, 1) 0.05s both !important;
}

.ale-hero-title {
  animation: aleHeroFloatUp 0.8s cubic-bezier(0.16, 1, 0.3, 1) 0.12s both !important;
}

.ale-hero-subtitle {
  animation: aleHeroFloatUp 0.8s cubic-bezier(0.16, 1, 0.3, 1) 0.20s both !important;
}

.ale-hero-kundli-card {
  animation: aleHeroFloatUp 0.9s cubic-bezier(0.16, 1, 0.3, 1) 0.28s both !important;
}

.ale-hero-trust-bar {
  animation: aleHeroFloatUp 0.8s cubic-bezier(0.16, 1, 0.3, 1) 0.36s both !important;
}

/* General Section Reveal: Smooth Fade & Float Up */
.ale-animated-page .ale-reveal,
.ale-animated-page .ale-reveal-fade-up,
.ale-reveal {
  opacity: 0;
  transform: translateY(42px);
  transition: opacity 0.85s cubic-bezier(0.16, 1, 0.3, 1), transform 0.85s cubic-bezier(0.16, 1, 0.3, 1);
  will-change: opacity, transform;
}

.ale-animated-page .ale-reveal.is-visible,
.ale-animated-page .ale-reveal-fade-up.is-visible,
.ale-reveal.is-visible {
  opacity: 1 !important;
  transform: translateY(0) !important;
}

/* Staggered Children for Cards (Smooth float-up sequence from down to top) */
.ale-animated-page .ale-reveal-stagger > *,
.ale-reveal-stagger > * {
  opacity: 0;
  transform: translateY(32px);
  transition: opacity 0.75s cubic-bezier(0.16, 1, 0.3, 1), transform 0.75s cubic-bezier(0.16, 1, 0.3, 1);
  will-change: opacity, transform;
}

.ale-animated-page .ale-reveal.is-visible .ale-reveal-stagger > *,
.ale-animated-page .ale-reveal-stagger.is-visible > *,
.ale-reveal.is-visible .ale-reveal-stagger > *,
.ale-reveal-stagger.is-visible > * {
  opacity: 1 !important;
  transform: translateY(0) !important;
}

.ale-animated-page .ale-reveal-stagger > *:nth-child(1),
.ale-reveal-stagger > *:nth-child(1) { transition-delay: 0.04s; }
.ale-animated-page .ale-reveal-stagger > *:nth-child(2),
.ale-reveal-stagger > *:nth-child(2) { transition-delay: 0.08s; }
.ale-animated-page .ale-reveal-stagger > *:nth-child(3),
.ale-reveal-stagger > *:nth-child(3) { transition-delay: 0.12s; }
.ale-animated-page .ale-reveal-stagger > *:nth-child(4),
.ale-reveal-stagger > *:nth-child(4) { transition-delay: 0.16s; }
.ale-animated-page .ale-reveal-stagger > *:nth-child(5),
.ale-reveal-stagger > *:nth-child(5) { transition-delay: 0.20s; }
.ale-animated-page .ale-reveal-stagger > *:nth-child(6),
.ale-reveal-stagger > *:nth-child(6) { transition-delay: 0.24s; }
.ale-animated-page .ale-reveal-stagger > *:nth-child(7),
.ale-reveal-stagger > *:nth-child(7) { transition-delay: 0.28s; }
.ale-animated-page .ale-reveal-stagger > *:nth-child(8),
.ale-reveal-stagger > *:nth-child(8) { transition-delay: 0.32s; }
.ale-animated-page .ale-reveal-stagger > *:nth-child(9),
.ale-reveal-stagger > *:nth-child(9) { transition-delay: 0.36s; }
.ale-animated-page .ale-reveal-stagger > *:nth-child(10),
.ale-reveal-stagger > *:nth-child(10) { transition-delay: 0.40s; }
.ale-animated-page .ale-reveal-stagger > *:nth-child(11),
.ale-reveal-stagger > *:nth-child(11) { transition-delay: 0.44s; }
.ale-animated-page .ale-reveal-stagger > *:nth-child(12),
.ale-reveal-stagger > *:nth-child(12) { transition-delay: 0.48s; }

@media (prefers-reduced-motion: reduce) {
  .ale-hero-pill-badge,
  .ale-hero-title,
  .ale-hero-subtitle,
  .ale-hero-kundli-card,
  .ale-hero-trust-bar {
    animation: none !important;
  }
  .ale-animated-page .ale-reveal,
  .ale-animated-page .ale-reveal-fade-up,
  .ale-animated-page .ale-reveal-stagger > *,
  .ale-reveal,
  .ale-reveal-stagger > * {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}

/* Utility Badges & Typography */
.ale-badge-tag {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  background: rgba(195, 122, 46, 0.1) !important;
  color: var(--ale-color-primary) !important;
  border: 1px solid rgba(195, 122, 46, 0.25) !important;
  padding: 4px 12px !important;
  border-radius: 20px !important;
  font-size: 0.8rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  margin-bottom: 12px !important;
}

.ale-section-header {
  text-align: left !important;
  max-width: 100% !important;
  margin: 0 0 28px 0 !important;
}

html body .ale-section-title,
html body .ale-pt-main-title,
html body .ale-horoscopes-main-title,
html body .ale-reports-main-title,
html body .ale-calcs-main-title,
html body .ale-calcs-section-head h2,
html body .ale-calcs-head-left .ale-section-title,
html body .ale-calcs-head-left .ale-calcs-main-title {
  font-family: var(--ale-font-serif) !important;
  font-size: 2.2rem !important;
  font-weight: 800 !important;
  color: #000000 !important;
  line-height: 1.25 !important;
  margin: 0 0 6px 0 !important;
  text-align: left !important;
  letter-spacing: -0.02em !important;
}

.ale-section-subtitle,
.ale-pt-main-subtitle,
.ale-horoscopes-main-subtitle,
.ale-reports-main-subtitle,
.ale-calcs-main-subtitle {
  font-size: 0.96rem !important;
  color: #475569 !important;
  font-style: italic !important;
  line-height: 1.5 !important;
  margin: 0 0 28px 0 !important;
  text-align: left !important;
}

.ale-section {
  padding: 60px 0 !important;
  border-bottom: 1px solid var(--ale-color-border) !important;
}

/* ── 1. CENTERED EDITORIAL HERO SECTION ── */
.ale-hero-section-centered {
  position: relative !important;
  background-color: var(--color-bg-deep, #FAF4E8) !important;
  color: #1C1917 !important;
  padding: 64px 20px 72px 20px !important;
  border-bottom: 1.5px solid var(--ale-color-border, #EBE5DC) !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  box-sizing: border-box !important;
}

/* Astrological Cross Grid & Ambient Sunlight Glow */
.ale-hero-ambient-wrap {
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  z-index: 0 !important;
  overflow: hidden !important;
}

.ale-hero-astrology-grid {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  opacity: 0.3 !important;
}

.ale-hero-ambient-glow {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 720px !important;
  height: 520px !important;
  background: radial-gradient(circle, rgba(245, 158, 11, 0.16) 0%, rgba(234, 88, 12, 0.06) 45%, transparent 70%) !important;
  border-radius: 9999px !important;
  filter: blur(50px) !important;
}

.ale-hero-centered-content {
  position: relative !important;
  z-index: 2 !important;
  max-width: 920px !important;
  margin: 0 auto !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}

/* Precision Pill Badge (Gold/Saffron Theme) */
.ale-hero-pill-badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 6px 18px !important;
  border-radius: 9999px !important;
  background: rgba(255, 255, 255, 0.95) !important;
  border: 1.5px solid rgba(217, 119, 6, 0.25) !important;
  box-shadow: 0 2px 10px rgba(74, 46, 27, 0.04) !important;
  backdrop-filter: blur(8px) !important;
  margin-bottom: 22px !important;
}

.ale-pill-sparkle {
  color: #F97316 !important;
  font-size: 0.85rem !important;
  display: inline-block !important;
}

.ale-pill-text {
  font-size: 0.76rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.06em !important;
  color: #44403C !important;
  text-transform: uppercase !important;
  font-family: var(--ale-font-sans, 'Plus Jakarta Sans', sans-serif) !important;
}

/* Main Headline */
.ale-hero-headline-centered {
  font-family: var(--ale-font-sans, 'Plus Jakarta Sans', sans-serif) !important;
  font-size: clamp(2.4rem, 4.4vw, 3.85rem) !important;
  font-weight: 800 !important;
  color: #0C0A09 !important;
  letter-spacing: -0.03em !important;
  line-height: 1.12 !important;
  margin: 0 0 18px 0 !important;
  max-width: 820px !important;
}

.ale-hero-serif-italic {
  font-family: 'Instrument Serif', var(--ale-font-serif, 'Playfair Display', Georgia, serif) !important;
  font-weight: 400 !important;
  font-style: italic !important;
  color: #292524 !important;
  letter-spacing: -0.01em !important;
}

/* Subtitle */
.ale-hero-subhead-centered {
  font-family: var(--ale-font-sans, 'Plus Jakarta Sans', sans-serif) !important;
  font-size: clamp(1rem, 1.6vw, 1.15rem) !important;
  color: #57534E !important;
  font-weight: 400 !important;
  line-height: 1.65 !important;
  max-width: 680px !important;
  margin: 0 auto 34px auto !important;
}

.ale-subhead-bold {
  font-weight: 700 !important;
  color: #1C1917 !important;
}

/* Sleek 2x2 Input Capsule Grid Form */
.ale-hero-capsule-form {
  width: 100% !important;
  max-width: 780px !important;
  margin: 0 auto !important;
}

.ale-capsule-bar,
.ale-capsule-2x2-grid,
.ale-capsule-grid-3row {
  width: 100% !important;
  background: #FFFFFF !important;
  padding: 14px !important;
  border-radius: 20px !important;
  border: 1.5px solid rgba(217, 119, 6, 0.22) !important;
  box-shadow: 0 14px 40px rgba(74, 46, 27, 0.07), 0 2px 6px rgba(0, 0, 0, 0.02) !important;
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 12px !important;
  box-sizing: border-box !important;
  align-items: stretch !important;
}

.ale-cap-group {
  display: grid !important;
  align-items: center !important;
  gap: 8px !important;
  width: 100% !important;
}

.ale-cap-date-group {
  grid-template-columns: 0.8fr 1.6fr 1.1fr !important;
}

.ale-cap-time-group {
  grid-template-columns: 1fr 1fr 1fr !important;
}

.ale-cap-field {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  margin: 0 !important;
  width: 100% !important;
}

.ale-cap-name,
.ale-cap-gender,
.ale-cap-day,
.ale-cap-month,
.ale-cap-year,
.ale-cap-time-hour,
.ale-cap-time-min,
.ale-cap-time-ampm,
.ale-cap-pob {
  width: 100% !important;
  min-width: 0 !important;
  flex: none !important;
}

.ale-cap-field input[type="number"],
.ale-cap-field input[type="text"],
.ale-cap-field select {
  width: 100% !important;
  height: 48px !important;
  line-height: 48px !important;
  background: #FAF6EE !important;
  border: 1.5px solid #EBE5DC !important;
  border-radius: 12px !important;
  padding: 0 14px !important;
  font-size: 0.92rem !important;
  color: #1C1917 !important;
  font-weight: 600 !important;
  font-family: var(--ale-font-sans, 'Plus Jakarta Sans', sans-serif) !important;
  outline: none !important;
  transition: all 0.2s ease !important;
  box-sizing: border-box !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  margin: 0 !important;
}

.ale-cap-field input:hover,
.ale-cap-field select:hover {
  background: #FFFFFF !important;
  border-color: #EA580C !important;
}

.ale-cap-field input:focus,
.ale-cap-field select:focus {
  background: #FFFFFF !important;
  border-color: #F97316 !important;
  box-shadow: 0 0 0 3px rgba(234, 88, 12, 0.15) !important;
}

.ale-cap-day input {
  text-align: center !important;
  padding: 0 4px !important;
}

.ale-cap-month select {
  padding-right: 24px !important;
  padding-left: 10px !important;
  cursor: pointer !important;
}

.ale-cap-year select {
  padding-right: 24px !important;
  padding-left: 10px !important;
  cursor: pointer !important;
}

.ale-cap-time-hour select,
.ale-cap-time-min select,
.ale-cap-time-ampm select {
  padding: 0 20px 0 8px !important;
  text-align: center !important;
  text-align-last: center !important;
  cursor: pointer !important;
}

.ale-cap-arrow {
  position: absolute !important;
  right: 10px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  pointer-events: none !important;
  color: #9CA3AF !important;
  font-size: 0.7rem !important;
  z-index: 2 !important;
}

.ale-cap-time-hour .ale-cap-arrow,
.ale-cap-time-min .ale-cap-arrow,
.ale-cap-time-ampm .ale-cap-arrow {
  right: 7px !important;
  font-size: 0.62rem !important;
}

html body input#hero_cap_pob,
html body .ale-hero-section-centered .ale-cap-pob input[type="text"],
html body .ale-hero-capsule-form .ale-cap-pob input,
.ale-cap-pob input[type="text"],
.ale-cap-pob input {
  padding: 0 16px !important;
  text-align: left !important;
}

html body .ale-hero-section-centered button.ale-cap-submit-btn,
html body button.ale-cap-submit-btn,
.ale-cap-submit-btn {
  height: 48px !important;
  padding: 0 26px !important;
  background: #F97316 !important;
  color: #FFFFFF !important;
  font-weight: 700 !important;
  font-size: 0.94rem !important;
  border-radius: 12px !important;
  border: 1px solid #F97316 !important;
  box-shadow: 0 4px 14px rgba(249, 115, 22, 0.35) !important;
  cursor: pointer !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  white-space: nowrap !important;
  transition: all 0.2s ease !important;
  flex-shrink: 0 !important;
  font-family: var(--ale-font-sans, 'Plus Jakarta Sans', sans-serif) !important;
  text-transform: none !important;
  margin: 0 !important;
  text-decoration: none !important;
  -webkit-text-fill-color: #FFFFFF !important;
}

html body .ale-hero-section-centered button.ale-cap-submit-btn span,
html body .ale-hero-section-centered button.ale-cap-submit-btn svg,
html body .ale-hero-section-centered button.ale-cap-submit-btn path,
html body .ale-hero-section-centered button.ale-cap-submit-btn i,
html body button.ale-cap-submit-btn span,
html body button.ale-cap-submit-btn svg,
html body button.ale-cap-submit-btn path,
html body button.ale-cap-submit-btn i,
.ale-cap-submit-btn span,
.ale-cap-submit-btn svg,
.ale-cap-submit-btn path,
.ale-cap-submit-btn i {
  color: #FFFFFF !important;
  stroke: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}

html body .ale-hero-section-centered button.ale-cap-submit-btn:hover,
html body .ale-hero-section-centered button.ale-cap-submit-btn:focus,
html body button.ale-cap-submit-btn:hover,
html body button.ale-cap-submit-btn:focus,
.ale-cap-submit-btn:hover,
.ale-cap-submit-btn:focus {
  background: #EA580C !important;
  border-color: #EA580C !important;
  box-shadow: 0 6px 20px rgba(249, 115, 22, 0.45) !important;
  transform: translateY(-1px) !important;
  color: #FFFFFF !important;
  text-decoration: none !important;
  -webkit-text-fill-color: #FFFFFF !important;
}

html body .ale-hero-section-centered button.ale-cap-submit-btn:hover span,
html body .ale-hero-section-centered button.ale-cap-submit-btn:hover svg,
html body .ale-hero-section-centered button.ale-cap-submit-btn:hover path,
html body .ale-hero-section-centered button.ale-cap-submit-btn:hover i,
html body button.ale-cap-submit-btn:hover span,
html body button.ale-cap-submit-btn:hover svg,
html body button.ale-cap-submit-btn:hover path,
html body button.ale-cap-submit-btn:hover i,
.ale-cap-submit-btn:hover span,
.ale-cap-submit-btn:hover svg,
.ale-cap-submit-btn:hover path,
.ale-cap-submit-btn:hover i {
  color: #FFFFFF !important;
  stroke: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}

.ale-cap-submit-btn:active {
  transform: scale(0.98) !important;
}

.ale-cap-btn-arrow {
  color: #FFFFFF !important;
  stroke: #FFFFFF !important;
  transition: transform 0.2s ease !important;
}

.ale-cap-submit-btn:hover .ale-cap-btn-arrow {
  transform: translateX(3px) !important;
}

/* Trust Badges Strip */
.ale-hero-trust-badges-strip {
  margin-top: 26px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 28px !important;
  flex-wrap: wrap !important;
  font-size: 0.84rem !important;
  color: #57534E !important;
  font-weight: 600 !important;
  font-family: var(--ale-font-sans, 'Plus Jakarta Sans', sans-serif) !important;
}

html body .ale-hero-section-centered .ale-hero-trust-badge-item,
.ale-hero-trust-badge-item {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
  width: auto !important;
  height: auto !important;
}

.ale-trust-check-icon {
  color: #F97316 !important;
  font-size: 0.95rem !important;
  flex-shrink: 0 !important;
}

/* Tablet & Medium Screens */
@media (max-width: 1024px) and (min-width: 769px) {
  .ale-hero-capsule-form {
    max-width: 740px !important;
  }
  .ale-capsule-bar,
  .ale-capsule-2x2-grid {
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
    padding: 12px !important;
  }
}

.ale-hero-mobile-cta-wrap {
  display: none !important;
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
  .ale-hero-section-centered {
    padding: 106px 16px 56px 16px !important;
    min-height: auto !important;
  }
  .ale-hero-pill-badge {
    margin-bottom: 18px !important;
    margin-top: 8px !important;
  }
  .ale-hero-headline-centered {
    font-size: 2.15rem !important;
    line-height: 1.16 !important;
    margin-bottom: 16px !important;
  }
  .ale-br-desktop {
    display: none !important;
  }
  .ale-hero-subhead-centered {
    font-size: 0.95rem !important;
    margin-bottom: 24px !important;
  }
  
  /* Hide the entire complex form on mobile */
  html body #ale-hero-capsule-form,
  html body .ale-hero-capsule-form,
  .ale-hero-capsule-form {
    display: none !important;
  }

  /* Display the clean mobile CTA button instead */
  .ale-hero-mobile-cta-wrap {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .ale-hero-mobile-cta-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    width: 100% !important;
    max-width: 360px !important;
    height: 52px !important;
    background: #F97316 !important;
    background-color: #F97316 !important;
    -webkit-text-fill-color: #FFFFFF !important;
    color: #FFFFFF !important;
    font-family: 'Outfit', sans-serif !important;
    font-size: 1.05rem !important;
    font-weight: 700 !important;
    border-radius: 12px !important;
    text-decoration: none !important;
    border: none !important;
    box-shadow: 0 4px 18px rgba(249, 115, 22, 0.4) !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease !important;
    text-transform: none !important;
    box-sizing: border-box !important;
    padding: 0 24px !important;
    letter-spacing: 0.02em !important;
  }
  .ale-hero-mobile-cta-btn:hover,
  .ale-hero-mobile-cta-btn:active {
    background: #EA580C !important;
    background-color: #EA580C !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 22px rgba(249, 115, 22, 0.5) !important;
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
  }
  .ale-hero-mobile-cta-btn svg {
    flex-shrink: 0 !important;
  }

  .ale-hero-trust-badges-strip {
    gap: 12px !important;
    flex-direction: column !important;
    align-items: center !important;
    margin-top: 22px !important;
  }
}

/* ── 2. TODAY'S PANCHANG & TRANSIT (UNIFIED 2-CARD SECTION) ── */
.ale-section-panchang-transit {
  padding: 45px 0 !important;
}

.ale-pt-section-head {
  display: flex !important;
  justify-content: space-between !important;
  align-items: flex-end !important;
  margin-bottom: 28px !important;
  flex-wrap: wrap !important;
  gap: 16px !important;
}

.ale-pt-head-left {
  max-width: 800px !important;
}

.ale-pt-main-title {
  font-family: var(--ale-font-serif) !important;
  font-size: 2.2rem !important;
  font-weight: 800 !important;
  color: #111827 !important;
  margin: 0 0 6px 0 !important;
  text-align: left !important;
}

.ale-pt-main-subtitle {
  font-size: 0.96rem !important;
  color: #475569 !important;
  font-style: italic !important;
  margin: 0 !important;
  line-height: 1.5 !important;
}

.ale-pt-view-all-btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  background: #FFFFFF !important;
  border: 1.5px solid #F97316 !important;
  color: #F97316 !important;
  font-weight: 700 !important;
  font-size: 0.88rem !important;
  border-radius: 8px !important;
  padding: 8px 18px !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
}

.ale-pt-view-all-btn:hover {
  background: #F97316 !important;
  color: #FFFFFF !important;
  transform: translateY(-1px) !important;
}

.ale-pt-unified-grid {
  display: grid !important;
  grid-template-columns: 1.28fr 1fr !important;
  gap: 24px !important;
  margin-bottom: 30px !important;
}

@media (max-width: 991px) {
  .ale-pt-unified-grid {
    grid-template-columns: 1fr !important;
  }
}

.ale-pt-card {
  background: #FFFDF9 !important;
  border: 1.5px solid rgba(195, 122, 46, 0.22) !important;
  border-radius: 16px !important;
  padding: 24px 26px !important;
  box-shadow: 0 4px 20px rgba(54, 25, 11, 0.04) !important;
  box-sizing: border-box !important;
}

/* Left Card: Panchang */
.ale-pt-panchang-card {
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
}

.ale-pt-card-header {
  display: flex !important;
  justify-content: space-between !important;
  align-items: flex-start !important;
  margin-bottom: 20px !important;
}

.ale-pt-day-label {
  display: block !important;
  font-size: 0.74rem !important;
  font-weight: 800 !important;
  color: #8C5338 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  margin-bottom: 4px !important;
}

.ale-pt-big-date {
  font-family: 'Plus Jakarta Sans', -apple-system, sans-serif !important;
  font-size: 1.85rem !important;
  font-weight: 800 !important;
  color: #000000 !important;
  margin: 0 0 4px 0 !important;
  line-height: 1.15 !important;
}

.ale-pt-paksha-italic {
  font-size: 0.92rem !important;
  font-style: italic !important;
  color: #475569 !important;
  font-weight: 500 !important;
  display: block !important;
  margin-bottom: 4px !important;
}

.ale-pt-location-badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  font-size: 0.8rem !important;
  color: #64748B !important;
  background: #FFF7ED !important;
  border: 1px solid #FFEDD5 !important;
  padding: 3px 9px !important;
  border-radius: 6px !important;
  margin-top: 2px !important;
}

.ale-pt-location-badge i {
  color: #F97316 !important;
  font-size: 0.72rem !important;
}

.ale-pt-location-badge strong {
  color: #0F172A !important;
  font-weight: 700 !important;
}

.ale-pt-view-btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  background: #FFFDF9 !important;
  border: 1.5px solid #F97316 !important;
  color: #F97316 !important;
  font-weight: 700 !important;
  font-size: 0.85rem !important;
  border-radius: 20px !important;
  padding: 6px 16px !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
}

.ale-pt-view-btn:hover {
  background: #F97316 !important;
  color: #FFFFFF !important;
  transform: translateY(-1px) !important;
}

/* 2x2 Details Grid */
.ale-pt-details-grid {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 12px !important;
  margin-bottom: 18px !important;
}

@media (max-width: 575px) {
  .ale-pt-details-grid {
    grid-template-columns: 1fr !important;
  }
}

.ale-pt-detail-box {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  background: #FFFFFF !important;
  border: 1px solid rgba(195, 122, 46, 0.2) !important;
  border-radius: 10px !important;
  padding: 12px 14px !important;
  box-shadow: 0 1px 3px rgba(54, 25, 11, 0.02) !important;
}

.ale-pt-box-icon {
  width: 36px !important;
  height: 36px !important;
  border-radius: 8px !important;
  background: #FAF4E8 !important;
  border: 1px solid rgba(195, 122, 46, 0.22) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #C37A2E !important;
  font-size: 0.95rem !important;
  flex-shrink: 0 !important;
}

.ale-pt-box-label {
  display: block !important;
  font-size: 0.68rem !important;
  font-weight: 800 !important;
  color: #475569 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  margin-bottom: 2px !important;
}

.ale-pt-box-val {
  font-size: 0.95rem !important;
  color: #1E1B18 !important;
  line-height: 1.3 !important;
}

.ale-pt-box-val strong {
  font-weight: 700 !important;
  color: #1E1B18 !important;
}

.ale-pt-box-sub {
  font-size: 0.8rem !important;
  color: #8C7E75 !important;
  margin-left: 4px !important;
}

/* Bottom Muhurat Highlights */
.ale-pt-muhurat-grid {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 12px !important;
}

@media (max-width: 575px) {
  .ale-pt-muhurat-grid {
    grid-template-columns: 1fr !important;
  }
}

.ale-pt-muhurat-pill {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 12px 16px !important;
  border-radius: 10px !important;
  box-sizing: border-box !important;
}

.ale-pt-muhurat-pill.rahu-card {
  background: #FFF5F5 !important;
  border: 1px solid rgba(159, 18, 57, 0.25) !important;
  border-left: 4.5px solid #9F1239 !important;
}

.ale-pt-muhurat-pill.rahu-card .ale-pt-m-label {
  color: #9F1239 !important;
}

.ale-pt-muhurat-pill.abhijit-card {
  background: #F0FDF4 !important;
  border: 1px solid rgba(6, 95, 70, 0.25) !important;
  border-left: 4.5px solid #065F46 !important;
}

.ale-pt-muhurat-pill.abhijit-card .ale-pt-m-label {
  color: #065F46 !important;
}

.ale-pt-m-label {
  display: block !important;
  font-size: 0.68rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  margin-bottom: 3px !important;
}

.ale-pt-m-time {
  font-size: 0.98rem !important;
  font-weight: 800 !important;
  color: #1E1B18 !important;
}

.ale-pt-m-icon i {
  color: #9CA3AF !important;
  font-size: 1.15rem !important;
}

/* Right Card: Planetary Shifts */
.ale-pt-shifts-card {
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
}

.ale-pt-shifts-header h3 {
  font-family: 'Plus Jakarta Sans', -apple-system, sans-serif !important;
  font-size: 1.45rem !important;
  font-weight: 800 !important;
  color: #000000 !important;
  margin: 0 0 2px 0 !important;
}

.ale-pt-shifts-sub {
  font-size: 0.85rem !important;
  color: #475569 !important;
  display: block !important;
  margin-bottom: 20px !important;
}

.ale-pt-shifts-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
  margin-bottom: 20px !important;
}

.ale-pt-shift-item {
  display: flex !important;
  gap: 14px !important;
  align-items: flex-start !important;
}

.ale-shift-planet-icon {
  width: 36px !important;
  height: 36px !important;
  flex-shrink: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-top: 2px !important;
  filter: drop-shadow(0 2px 5px rgba(0, 0, 0, 0.08)) !important;
}

.ale-shift-planet-icon svg {
  width: 36px !important;
  height: 36px !important;
  display: block !important;
  transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.ale-pt-shift-item:hover .ale-shift-planet-icon svg {
  transform: scale(1.12) !important;
}

.ale-shift-tags {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin-bottom: 4px !important;
}

.ale-shift-pill {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 2px 8px !important;
  border-radius: 12px !important;
  font-size: 0.68rem !important;
  font-weight: 800 !important;
  color: #FFFFFF !important;
}

.ale-shift-pill.orange { background: #F97316 !important; }
.ale-shift-pill.amber { background: #92400E !important; }
.ale-shift-pill.teal { background: #0F766E !important; }

.ale-shift-pill i {
  font-size: 0.35rem !important;
}

.ale-shift-date {
  font-size: 0.76rem !important;
  color: #475569 !important;
  font-weight: 600 !important;
}

.ale-shift-title {
  font-size: 1.05rem !important;
  font-weight: 800 !important;
  color: #000000 !important;
  margin: 0 0 2px 0 !important;
}

.ale-shift-desc {
  font-size: 0.85rem !important;
  color: #475569 !important;
  margin: 0 !important;
  line-height: 1.4 !important;
}

.ale-pt-full-transit-btn {
  display: block !important;
  width: 100% !important;
  text-align: center !important;
  background: #FFFDF9 !important;
  border: 1.5px solid #F97316 !important;
  color: #F97316 !important;
  font-weight: 700 !important;
  font-size: 0.95rem !important;
  border-radius: 8px !important;
  padding: 12px 18px !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
  box-sizing: border-box !important;
}

.ale-pt-full-transit-btn:hover {
  background: #F97316 !important;
  color: #FFFFFF !important;
  transform: translateY(-1px) !important;
}

/* Ephemeris Table Wrapper */
.ale-pt-ephemeris-wrapper {
  background: #FFFDF9 !important;
  border: 1.5px solid rgba(195, 122, 46, 0.22) !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  box-shadow: 0 4px 20px rgba(54, 25, 11, 0.04) !important;
}

.ale-link-underline {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  color: var(--ale-color-primary) !important;
  font-weight: 700 !important;
  font-size: 0.92rem !important;
  text-decoration: none !important;
  border-bottom: 1.5px solid var(--ale-color-primary) !important;
  padding-bottom: 2px !important;
  transition: all 0.2s ease !important;
}

.ale-link-underline:hover {
  color: var(--ale-color-primary-dark) !important;
  border-bottom-color: var(--ale-color-primary-dark) !important;
}

/* ── 3. TODAY'S HOROSCOPE (12 SIGN CARDS GRID) ── */
.ale-section-horoscopes {
  padding: 45px 0 !important;
}

.ale-horoscopes-section-head {
  display: flex !important;
  justify-content: space-between !important;
  align-items: flex-end !important;
  margin-bottom: 28px !important;
  flex-wrap: wrap !important;
  gap: 16px !important;
}

.ale-prehead-tag {
  display: block !important;
  font-size: 0.76rem !important;
  font-weight: 800 !important;
  color: #F97316 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  margin-bottom: 4px !important;
}

.ale-horoscopes-main-title {
  font-family: var(--ale-font-serif) !important;
  font-size: 2.2rem !important;
  font-weight: 800 !important;
  color: #111827 !important;
  margin: 0 0 6px 0 !important;
  text-align: left !important;
}

.ale-horoscopes-main-subtitle {
  font-size: 0.96rem !important;
  color: #475569 !important;
  font-style: italic !important;
  margin: 0 !important;
}

.ale-horoscope-view-all-btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  background: #FFFFFF !important;
  border: 1.5px solid #F97316 !important;
  color: #F97316 !important;
  font-weight: 700 !important;
  font-size: 0.88rem !important;
  border-radius: 8px !important;
  padding: 8px 18px !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
}

.ale-horoscope-view-all-btn:hover {
  background: #F97316 !important;
  color: #FFFFFF !important;
  transform: translateY(-1px) !important;
}

.ale-horoscope-cards-grid-12 {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 18px !important;
}

@media (max-width: 991px) {
  .ale-horoscope-cards-grid-12 {
    grid-template-columns: repeat(3, 1fr) !important;
  }
}

@media (max-width: 640px) {
  .ale-horoscope-cards-grid-12 {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

.ale-h-sign-card {
  background: #FFFFFF !important;
  border: 1.5px solid rgba(195, 122, 46, 0.2) !important;
  border-radius: 14px !important;
  padding: 22px 14px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-decoration: none !important;
  text-align: center !important;
  transition: all 0.22s ease !important;
  box-shadow: 0 3px 12px rgba(54, 25, 11, 0.03) !important;
  box-sizing: border-box !important;
}

.ale-h-sign-card:hover {
  transform: translateY(-4px) !important;
  border-color: rgba(195, 122, 46, 0.5) !important;
  box-shadow: 0 10px 25px rgba(195, 122, 46, 0.14) !important;
}

.ale-h-sign-icon-badge {
  width: 58px !important;
  height: 58px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-bottom: 10px !important;
  background: transparent !important;
  border: none !important;
}

.ale-h-sign-icon-badge svg.custom-zodiac {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  overflow: visible !important;
  transition: transform 0.22s ease !important;
}

.ale-h-sign-card:hover .ale-h-sign-icon-badge svg.custom-zodiac {
  transform: scale(1.12) !important;
}

.ale-h-sign-name {
  font-family: 'Plus Jakarta Sans', -apple-system, sans-serif !important;
  font-size: 1.05rem !important;
  font-weight: 800 !important;
  color: #1E1B18 !important;
  margin-bottom: 3px !important;
}

.ale-h-sign-dates {
  font-size: 0.76rem !important;
  color: #475569 !important;
  font-weight: 500 !important;
}

/* ── UNIVERSAL WHITE TEXT ON HOVER FOR ALL ORANGE & OUTLINE BUTTONS ── */
.ale-cap-submit-btn:hover,
.ale-cap-submit-btn:hover *,
.ale-cap-submit-btn:focus,
.ale-cap-submit-btn:focus *,
button.ale-cap-submit-btn:hover,
button.ale-cap-submit-btn:hover *,
.ale-prefooter-btn-submit:hover,
.ale-prefooter-btn-submit:hover *,
.ale-prefooter-btn-submit:focus,
.ale-prefooter-btn-submit:focus *,
a.ale-prefooter-btn-submit:hover,
a.ale-prefooter-btn-submit:hover *,
button.ale-prefooter-btn-submit:hover,
button.ale-prefooter-btn-submit:hover *,
.ale-btn-global-primary:hover,
.ale-btn-global-primary:hover *,
.ale-btn-primary:hover,
.ale-btn-primary:hover *,
.ale-btn-hero-primary:hover,
.ale-btn-hero-primary:hover *,
.ale-btn-outline-primary:hover,
.ale-btn-outline-primary:hover *,
.ale-pt-view-btn:hover,
.ale-pt-view-btn:hover *,
.ale-pt-full-transit-btn:hover,
.ale-pt-full-transit-btn:hover *,
.ale-reports-view-all-btn:hover,
.ale-reports-view-all-btn:hover *,
.ale-rep-get-btn:hover,
.ale-rep-get-btn:hover *,
.ale-horoscope-view-all-btn:hover,
.ale-horoscope-view-all-btn:hover *,
.ale-header-cta-btn:hover,
.ale-header-cta-btn:hover *,
.ale-service-cta-btn:hover,
.ale-service-cta-btn:hover *,
.ale-btn-calc-action:hover,
.ale-btn-calc-action:hover *,
a.ale-btn:hover,
a.ale-btn:hover *,
button.ale-btn:hover,
button.ale-btn:hover *,
button[type="submit"]:hover,
button[type="submit"]:hover *,
input[type="submit"]:hover {
  color: #FFFFFF !important;
  fill: #FFFFFF !important;
  stroke: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}

/* ── 4. PLANETARY TRANSITS (GOCHAR) ── */
.ale-transits-grid {
  display: grid !important;
  grid-template-columns: 1.15fr 0.95fr !important;
  gap: 28px !important;
}

.ale-ephemeris-table-wrap,
.ale-transits-timeline-wrap {
  background: #FFFDF9 !important;
  border: 1.5px solid var(--ale-color-border) !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  box-shadow: 0 4px 16px rgba(54, 25, 11, 0.05) !important;
}

.ale-table-header-bar {
  padding: 16px 20px !important;
  background: #FAF2E4 !important;
  border-bottom: 1px solid var(--ale-color-border) !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
}

.ale-table-header-bar h3 {
  font-family: var(--ale-font-serif) !important;
  font-size: 1.05rem !important;
  color: var(--ale-color-ink) !important;
  font-weight: 700 !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

.ale-table-header-bar span {
  font-size: 0.74rem !important;
  color: var(--ale-color-muted) !important;
}

.ale-table-scroll {
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch !important;
  width: 100% !important;
}

.ale-ephemeris-table {
  width: 100% !important;
  min-width: 580px !important;
  border-collapse: collapse !important;
  font-size: 0.94rem !important;
  text-align: left !important;
}

.ale-ephemeris-table th {
  background: #FAF4E8 !important;
  padding: 12px 16px !important;
  font-weight: 750 !important;
  color: #8C430B !important;
  border-bottom: 1.5px solid var(--ale-color-border) !important;
  font-size: 0.84rem !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
  white-space: nowrap !important;
}

.ale-ephemeris-table td {
  padding: 13px 16px !important;
  border-bottom: 1px solid rgba(195, 122, 46, 0.14) !important;
  color: #2E1836 !important;
  font-size: 0.92rem !important;
  white-space: nowrap !important;
  vertical-align: middle !important;
}

.ale-row-ascendant {
  background: rgba(195, 122, 46, 0.07) !important;
  font-weight: 700 !important;
}

.ale-badge-motion {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 4px 10px !important;
  border-radius: 6px !important;
  font-size: 0.8rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.03em !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
}

.motion-direct {
  background: rgba(22, 163, 74, 0.12) !important;
  color: #15803D !important;
  border: 1px solid rgba(22, 163, 74, 0.3) !important;
}

.motion-retro {
  background: rgba(220, 38, 38, 0.12) !important;
  color: #B91C1C !important;
  border: 1px solid rgba(220, 38, 38, 0.3) !important;
}

.ale-timeline-list {
  padding: 20px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
}

.ale-t-event-card {
  display: flex !important;
  gap: 14px !important;
  padding: 14px !important;
  background: #FAF4E8 !important;
  border: 1px solid var(--ale-color-border) !important;
  border-radius: 8px !important;
}

.ale-event-icon-box {
  width: 40px !important;
  height: 40px !important;
  border-radius: 6px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 1.1rem !important;
  flex-shrink: 0 !important;
}

.ale-event-icon-box.color-indigo { background: rgba(99, 102, 241, 0.15) !important; color: #4F46E5 !important; }
.ale-event-icon-box.color-gold { background: rgba(217, 119, 6, 0.15) !important; color: #92400E !important; }
.ale-event-icon-box.color-purple { background: rgba(168, 85, 247, 0.15) !important; color: #9333EA !important; }

.ale-event-body h4 {
  font-family: var(--ale-font-serif) !important;
  font-size: 0.95rem !important;
  color: var(--ale-color-ink) !important;
  font-weight: 700 !important;
  margin: 4px 0 4px 0 !important;
}

.ale-event-body p {
  font-size: 0.82rem !important;
  color: var(--ale-color-muted) !important;
  line-height: 1.45 !important;
  margin: 0 !important;
}

.ale-t-event-meta {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

.ale-pill-active {
  background: #16A34A !important;
  color: #FFFFFF !important;
  font-size: 0.65rem !important;
  font-weight: 700 !important;
  padding: 1px 6px !important;
  border-radius: 3px !important;
}

.ale-pill-shift {
  background: #C37A2E !important;
  color: #FFFFFF !important;
  font-size: 0.65rem !important;
  font-weight: 700 !important;
  padding: 1px 6px !important;
  border-radius: 3px !important;
}

.ale-pill-nodal {
  background: #7C3AED !important;
  color: #FFFFFF !important;
  font-size: 0.65rem !important;
  font-weight: 700 !important;
  padding: 1px 6px !important;
  border-radius: 3px !important;
}

.ale-pill-date {
  font-size: 0.72rem !important;
  color: var(--ale-color-muted) !important;
  font-weight: 600 !important;
}

.ale-transit-cta-wrap {
  padding: 0 20px 20px 20px !important;
}

/* ── 5. DETAILED ASTROLOGY REPORTS (HORIZONTAL CARDS) ── */
.ale-section-reports {
  padding: 45px 0 !important;
}

.ale-reports-section-head {
  display: flex !important;
  justify-content: space-between !important;
  align-items: flex-end !important;
  margin-bottom: 28px !important;
  flex-wrap: wrap !important;
  gap: 16px !important;
}

.ale-reports-main-title {
  font-family: var(--ale-font-serif) !important;
  font-size: 2.2rem !important;
  font-weight: 800 !important;
  color: #111827 !important;
  margin: 0 0 6px 0 !important;
  text-align: left !important;
}

.ale-reports-main-subtitle {
  font-size: 0.96rem !important;
  color: #475569 !important;
  font-style: italic !important;
  margin: 0 !important;
}

.ale-reports-view-all-btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  background: #FFFFFF !important;
  border: 1.5px solid #F97316 !important;
  color: #F97316 !important;
  font-weight: 700 !important;
  font-size: 0.88rem !important;
  border-radius: 8px !important;
  padding: 8px 18px !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
}

.ale-reports-view-all-btn:hover {
  background: #F97316 !important;
  color: #FFFFFF !important;
  transform: translateY(-1px) !important;
}

.ale-reports-grid-horizontal {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 20px !important;
}

@media (max-width: 1100px) {
  .ale-reports-grid-horizontal {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

@media (max-width: 640px) {
  .ale-reports-grid-horizontal {
    grid-template-columns: 1fr !important;
  }
}

.ale-rep-horizontal-card {
  background: #FFFFFF !important;
  border: 1.5px solid rgba(195, 122, 46, 0.2) !important;
  border-radius: 12px !important;
  padding: 16px !important;
  display: flex !important;
  gap: 14px !important;
  box-shadow: 0 4px 16px rgba(54, 25, 11, 0.04) !important;
  align-items: stretch !important;
  transition: all 0.25s ease !important;
  box-sizing: border-box !important;
}

.ale-rep-horizontal-card:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 10px 25px rgba(195, 122, 46, 0.12) !important;
  border-color: rgba(249, 115, 22, 0.45) !important;
}

.ale-rep-thumb-wrap {
  flex-shrink: 0 !important;
  width: 82px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.ale-rep-book-img {
  width: 82px !important;
  height: 112px !important;
  object-fit: contain !important;
  border-radius: 6px !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12) !important;
  transition: transform 0.2s ease !important;
}

.ale-rep-horizontal-card:hover .ale-rep-book-img {
  transform: scale(1.04) rotate(-1deg) !important;
}

.ale-rep-info-wrap {
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  flex-grow: 1 !important;
  min-width: 0 !important;
}

.ale-rep-title {
  font-family: 'Plus Jakarta Sans', -apple-system, sans-serif !important;
  font-size: 0.98rem !important;
  font-weight: 800 !important;
  color: #000000 !important;
  margin: 0 0 6px 0 !important;
  line-height: 1.25 !important;
}

.ale-rep-desc {
  font-size: 0.8rem !important;
  color: #4B5563 !important;
  margin: 0 0 10px 0 !important;
  line-height: 1.4 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

.ale-rep-info-bottom {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  margin-top: auto !important;
  padding-top: 4px !important;
}

.ale-rep-fixed-price {
  font-size: 1.15rem !important;
  font-weight: 800 !important;
  color: #000000 !important;
  font-family: 'Plus Jakarta Sans', -apple-system, sans-serif !important;
}

.ale-rep-get-btn {
  background: #F97316 !important;
  color: #FFFFFF !important;
  font-weight: 700 !important;
  font-size: 0.84rem !important;
  border-radius: 6px !important;
  padding: 6px 16px !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
  box-shadow: 0 2px 6px rgba(234, 88, 12, 0.25) !important;
}

.ale-rep-get-btn:hover {
  background: #C2410C !important;
  color: #FFFFFF !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 10px rgba(234, 88, 12, 0.35) !important;
}
.ale-report-card.theme-teal .ale-r-title,
.ale-report-card.theme-teal .ale-r-price,
.ale-report-card.theme-teal .ale-r-currency {
  color: #115E59 !important;
}
.ale-report-card.theme-teal .ale-r-bullets li i {
  color: #0F766E !important;
}
.ale-btn-r-teal {
  background: linear-gradient(135deg, #14B8A6, #0F766E) !important;
  color: #FFFFFF !important;
  padding: 8px 20px !important;
  font-weight: 700 !important;
  border-radius: 6px !important;
}
.ale-btn-r-teal:hover {
  background: #0F766E !important;
  color: #FFFFFF !important;
}

/* ── 6. FREE CALCULATORS (4-COLUMN GRID) ── */
.ale-calcs-section-head {
  display: flex !important;
  justify-content: space-between !important;
  align-items: flex-end !important;
  margin-bottom: 28px !important;
  flex-wrap: wrap !important;
  gap: 16px !important;
}

.ale-calcs-head-left {
  max-width: 800px !important;
}

.ale-calcs-main-title {
  font-family: var(--ale-font-serif) !important;
  font-size: 2.2rem !important;
  font-weight: 800 !important;
  color: #111827 !important;
  margin: 0 0 6px 0 !important;
  text-align: left !important;
}

.ale-calcs-main-subtitle {
  font-size: 0.96rem !important;
  color: #475569 !important;
  font-style: italic !important;
  margin: 0 !important;
  line-height: 1.5 !important;
}

.ale-calcs-view-all-btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  background: #FFFFFF !important;
  border: 1.5px solid #F97316 !important;
  color: #F97316 !important;
  font-weight: 700 !important;
  font-size: 0.88rem !important;
  border-radius: 8px !important;
  padding: 8px 18px !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
}

.ale-calcs-view-all-btn:hover {
  background: #F97316 !important;
  color: #FFFFFF !important;
  transform: translateY(-1px) !important;
}

.ale-calculators-grid-4 {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 20px !important;
}

@media (max-width: 860px) {
  .ale-calculators-grid-4 {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }
}

.ale-calc-item-card {
  background: #FFFFFF !important;
  border: 1.5px solid #E5E7EB !important;
  border-radius: 14px !important;
  padding: 22px 20px !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-start !important;
  gap: 16px !important;
  text-decoration: none !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.03) !important;
  transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.25s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.25s ease !important;
  position: relative !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

.ale-calc-item-card::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  bottom: 0 !important;
  width: 4px !important;
  height: 100% !important;
  background: #F97316 !important;
  opacity: 0 !important;
  transition: opacity 0.25s ease !important;
}

.ale-calc-item-card:hover {
  transform: translateY(-4px) !important;
  border-color: #F97316 !important;
  box-shadow: 0 12px 30px rgba(249, 115, 22, 0.12) !important;
}

.ale-calc-item-card:hover::before {
  opacity: 1 !important;
}

.ale-calc-item-icon {
  width: 46px !important;
  height: 46px !important;
  min-width: 46px !important;
  border-radius: 12px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 1.25rem !important;
  margin-bottom: 0 !important;
  flex-shrink: 0 !important;
  transition: transform 0.25s ease !important;
}

.ale-calc-item-card:hover .ale-calc-item-icon {
  transform: scale(1.08) !important;
}

.ale-calc-item-icon.color-gold { background: rgba(217, 119, 6, 0.12) !important; color: #92400E !important; }
.ale-calc-item-icon.color-indigo { background: rgba(99, 102, 241, 0.12) !important; color: #4F46E5 !important; }
.ale-calc-item-icon.color-amber { background: rgba(245, 158, 11, 0.12) !important; color: #92400E !important; }
.ale-calc-item-icon.color-teal { background: rgba(20, 184, 166, 0.12) !important; color: #0F766E !important; }
.ale-calc-item-icon.color-purple { background: rgba(168, 85, 247, 0.12) !important; color: #9333EA !important; }
.ale-calc-item-icon.color-green { background: rgba(16, 185, 129, 0.12) !important; color: #059669 !important; }
.ale-calc-item-icon.color-rose { background: rgba(244, 63, 94, 0.12) !important; color: #E11D48 !important; }

.ale-calc-item-body {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 !important;
  min-width: 0 !important;
}

.ale-calc-item-body h3,
.ale-calc-item-card h3,
.ale-calc-item-card h4 {
  font-family: var(--ale-font-sans) !important;
  font-size: 1.02rem !important;
  color: #111827 !important;
  font-weight: 800 !important;
  margin: 0 0 6px 0 !important;
  line-height: 1.35 !important;
}

.ale-calc-item-card p {
  font-size: 0.85rem !important;
  color: #4B5563 !important;
  line-height: 1.55 !important;
  margin: 0 0 16px 0 !important;
  flex-grow: 1 !important;
}

.ale-calc-link-text {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-size: 0.85rem !important;
  font-weight: 700 !important;
  color: #F97316 !important;
  transition: all 0.2s ease !important;
  margin-top: auto !important;
}

.ale-calc-item-card:hover .ale-calc-link-text {
  color: #C2410C !important;
  gap: 9px !important;
}

@media (max-width: 1024px) {
  .ale-calculators-grid-4 {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 18px !important;
  }
}

@media (max-width: 600px) {
  .ale-calculators-grid-4 {
    grid-template-columns: 1fr !important;
  }
}

/* ── 7. DOSHAS & REMEDIES ── */
.ale-doshas-grid-4 {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 20px !important;
}

.ale-dosha-card {
  background: #FFFDF9 !important;
  border: 1.5px solid var(--ale-color-border) !important;
  border-radius: 10px !important;
  padding: 22px 20px !important;
  display: flex !important;
  flex-direction: column !important;
}

.ale-dosha-head {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  margin-bottom: 12px !important;
}

.ale-dosha-icon {
  width: 40px !important;
  height: 40px !important;
  border-radius: 6px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 1.1rem !important;
  flex-shrink: 0 !important;
}

.ale-dosha-icon.color-rose { background: rgba(244, 63, 94, 0.15) !important; color: #E11D48 !important; }
.ale-dosha-icon.color-purple { background: rgba(168, 85, 247, 0.15) !important; color: #9333EA !important; }
.ale-dosha-icon.color-indigo { background: rgba(99, 102, 241, 0.15) !important; color: #4F46E5 !important; }
.ale-dosha-icon.color-amber { background: rgba(245, 158, 11, 0.15) !important; color: #92400E !important; }

.ale-dosha-head h4 {
  font-family: var(--ale-font-serif) !important;
  font-size: 0.96rem !important;
  color: var(--ale-color-ink) !important;
  font-weight: 700 !important;
  margin: 0 !important;
  line-height: 1.2 !important;
}

.ale-dosha-head span {
  font-size: 0.72rem !important;
  color: var(--ale-color-muted) !important;
}

.ale-dosha-card p {
  font-size: 0.82rem !important;
  color: var(--ale-color-muted) !important;
  line-height: 1.45 !important;
  margin: 0 0 14px 0 !important;
  flex-grow: 1 !important;
}

.ale-dosha-link {
  font-size: 0.82rem !important;
  font-weight: 700 !important;
  color: var(--ale-color-primary) !important;
  text-decoration: none !important;
}

.ale-dosha-link:hover {
  text-decoration: underline !important;
}

/* ── 8. ASTROLOGER CONSULTATION BANNER ── */
.ale-section-banner {
  padding: 60px 0 !important;
}

.ale-consultation-banner-box {
  background: linear-gradient(135deg, #36190B 0%, #261107 100%) !important;
  border-radius: 14px !important;
  padding: 44px 48px !important;
  display: grid !important;
  grid-template-columns: 1.35fr 1fr !important;
  gap: 40px !important;
  align-items: center !important;
  color: #FFFFFF !important;
  box-shadow: 0 20px 40px rgba(54, 25, 11, 0.25) !important;
}

.ale-banner-badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  background: rgba(217, 119, 6, 0.25) !important;
  color: #FFDA85 !important;
  padding: 4px 12px !important;
  border-radius: 20px !important;
  font-size: 0.78rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  margin-bottom: 14px !important;
}

.ale-banner-copy h2 {
  font-family: var(--ale-font-serif) !important;
  font-size: 2.2rem !important;
  font-weight: 700 !important;
  color: #FFFDF9 !important;
  margin: 0 0 14px 0 !important;
  line-height: 1.25 !important;
}

.ale-banner-copy p {
  font-size: 0.98rem !important;
  color: #E2D3C4 !important;
  line-height: 1.6 !important;
  margin: 0 0 22px 0 !important;
}

.ale-banner-checklist {
  list-style: none !important;
  margin: 0 0 26px 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
}

.ale-banner-checklist li {
  font-size: 0.88rem !important;
  color: #FFFDF9 !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

.ale-banner-checklist li i {
  color: #FFDA85 !important;
}

.ale-specialty-card {
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 10px !important;
  padding: 24px !important;
}

.ale-specialty-card h4 {
  font-family: var(--ale-font-serif) !important;
  font-size: 1.05rem !important;
  color: #FFDA85 !important;
  margin: 0 0 14px 0 !important;
  text-align: center !important;
}

.ale-specialty-pills {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 8px !important;
}

.ale-specialty-pills span {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 6px !important;
  padding: 8px 10px !important;
  font-size: 0.78rem !important;
  color: #FFFDF9 !important;
  font-weight: 600 !important;
}

.ale-specialty-pills span i {
  color: #FFDA85 !important;
}

/* ── 9. TRUST PILLARS ── */
.ale-trust-grid-4 {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 24px !important;
}

.ale-trust-item {
  background: #FFFDF9 !important;
  border: 1.5px solid var(--ale-color-border) !important;
  border-radius: 10px !important;
  padding: 28px 22px !important;
  text-align: center !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}

.ale-trust-icon-box {
  width: 52px !important;
  height: 52px !important;
  border-radius: 10px !important;
  background: #FAF2E4 !important;
  border: 1px solid var(--ale-color-border) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 1.3rem !important;
  color: var(--ale-color-primary) !important;
  margin-bottom: 16px !important;
}

.ale-trust-item h3 {
  font-family: var(--ale-font-serif) !important;
  font-size: 1.15rem !important;
  color: var(--ale-color-ink) !important;
  font-weight: 700 !important;
  margin: 0 0 8px 0 !important;
}

.ale-trust-item p {
  font-size: 0.85rem !important;
  color: var(--ale-color-muted) !important;
  line-height: 1.55 !important;
  margin: 0 !important;
}

/* ── 10. TESTIMONIALS ── */
.ale-testimonials-grid-3 {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 24px !important;
}

.ale-testimonial-card {
  background: #FFFDF9 !important;
  border: 1.5px solid var(--ale-color-border) !important;
  border-radius: 10px !important;
  padding: 28px !important;
  display: flex !important;
  flex-direction: column !important;
  box-shadow: 0 4px 16px rgba(54, 25, 11, 0.04) !important;
}

.ale-stars {
  color: #92400E !important;
  font-size: 1.1rem !important;
  margin-bottom: 12px !important;
  letter-spacing: 2px !important;
}

.ale-testimonial-card p {
  font-size: 0.92rem !important;
  color: var(--ale-color-muted) !important;
  line-height: 1.6 !important;
  margin: 0 0 20px 0 !important;
  font-style: italic !important;
  flex-grow: 1 !important;
}

.ale-client-meta {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}

.ale-avatar {
  width: 40px !important;
  height: 40px !important;
  border-radius: 50% !important;
  background: #FAF2E4 !important;
  color: var(--ale-color-terracotta) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-weight: 700 !important;
  font-size: 0.85rem !important;
}

.ale-client-meta strong {
  display: block !important;
  font-size: 0.88rem !important;
  color: var(--ale-color-ink) !important;
}

.ale-client-meta span {
  font-size: 0.76rem !important;
  color: var(--ale-color-muted) !important;
}

/* ── 11. KNOWLEDGE ARTICLES ── */
.ale-articles-grid-3 {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 24px !important;
}

.ale-article-card {
  background: #FFFDF9 !important;
  border: 1.5px solid var(--ale-color-border) !important;
  border-radius: 10px !important;
  padding: 26px !important;
  display: flex !important;
  flex-direction: column !important;
}

.ale-article-cat {
  font-size: 0.7rem !important;
  font-weight: 800 !important;
  color: var(--ale-color-gold) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
  margin-bottom: 8px !important;
}

.ale-article-card h3 {
  font-family: var(--ale-font-serif) !important;
  font-size: 1.15rem !important;
  color: var(--ale-color-ink) !important;
  font-weight: 700 !important;
  margin: 0 0 10px 0 !important;
  line-height: 1.35 !important;
}

.ale-article-card p {
  font-size: 0.85rem !important;
  color: var(--ale-color-muted) !important;
  line-height: 1.55 !important;
  margin: 0 0 16px 0 !important;
  flex-grow: 1 !important;
}

.ale-article-link {
  font-size: 0.84rem !important;
  font-weight: 700 !important;
  color: var(--ale-color-primary) !important;
  text-decoration: none !important;
}

.ale-article-link:hover {
  text-decoration: underline !important;
}

/* ── 12. FAQ ACCORDION ── */
.ale-faq-accordion {
  max-width: 820px !important;
  margin: 0 auto !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
}

.ale-faq-item {
  background: #FFFDF9 !important;
  border: 1.5px solid var(--ale-color-border) !important;
  border-radius: 8px !important;
  overflow: hidden !important;
}

.ale-faq-trigger {
  width: 100% !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  padding: 16px 20px !important;
  background: transparent !important;
  border: none !important;
  font-family: var(--ale-font-serif) !important;
  font-size: 1.02rem !important;
  color: var(--ale-color-ink) !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  text-align: left !important;
}

.ale-faq-chevron {
  color: var(--ale-color-primary) !important;
  font-size: 0.8rem !important;
}

.ale-faq-content {
  display: none !important;
  padding: 0 20px 18px 20px !important;
  font-size: 0.88rem !important;
  color: var(--ale-color-muted) !important;
  line-height: 1.6 !important;
}

.ale-faq-item.active .ale-faq-content {
  display: block !important;
}

.ale-faq-item.active .ale-faq-trigger {
  color: var(--ale-color-primary) !important;
}

/* ── 13. FINAL SPIRITUAL CTA ── */
.ale-final-cta-section {
  background: linear-gradient(135deg, #261107 0%, #1A0B04 100%) !important;
  padding: 70px 0 !important;
  color: #FFFFFF !important;
  text-align: center !important;
}

.ale-final-cta-inner {
  max-width: 740px !important;
  margin: 0 auto !important;
}

.ale-kicker-pill-light {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  background: rgba(255, 255, 255, 0.1) !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  border-radius: 20px !important;
  padding: 4px 14px !important;
  font-size: 0.78rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  color: #FFDA85 !important;
  margin-bottom: 14px !important;
}

.ale-final-cta-inner h2 {
  font-family: var(--ale-font-serif) !important;
  font-size: 2.5rem !important;
  color: #FFFDF9 !important;
  font-weight: 700 !important;
  margin: 0 0 14px 0 !important;
  line-height: 1.25 !important;
}

.ale-final-cta-inner p {
  font-size: 1.05rem !important;
  color: #E2D3C4 !important;
  line-height: 1.6 !important;
  margin: 0 0 28px 0 !important;
}

.ale-final-cta-btns {
  display: flex !important;
  justify-content: center !important;
  gap: 14px !important;
  flex-wrap: wrap !important;
}

.ale-btn-outline-light {
  background: transparent !important;
  color: #FFFDF9 !important;
  border: 1.5px solid rgba(255, 255, 255, 0.4) !important;
}

.ale-btn-outline-light:hover {
  background: rgba(255, 255, 255, 0.12) !important;
  border-color: #FFFDF9 !important;
}

/* ── RESPONSIVE BREAKPOINTS ── */
@media (max-width: 1024px) {
  .ale-hero-grid {
    grid-template-columns: 1fr !important;
    gap: 36px !important;
  }
  .ale-panchang-cards-grid,
  .ale-reports-grid-3,
  .ale-calculators-grid-4,
  .ale-doshas-grid-4,
  .ale-trust-grid-4,
  .ale-testimonials-grid-3,
  .ale-articles-grid-3 {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  .ale-transits-grid,
  .ale-horoscope-display-card,
  .ale-consultation-banner-box {
    grid-template-columns: 1fr !important;
  }
  .ale-rashi-selector-grid {
    grid-template-columns: repeat(4, 1fr) !important;
  }
}

@media (max-width: 768px) {
  .ale-hero-headline {
    font-size: 2.3rem !important;
  }
  .ale-section-title {
    font-size: 1.8rem !important;
  }
  .ale-panchang-cards-grid,
  .ale-reports-grid-3,
  .ale-calculators-grid-4,
  .ale-doshas-grid-4,
  .ale-trust-grid-4,
  .ale-testimonials-grid-3,
  .ale-articles-grid-3 {
    grid-template-columns: 1fr !important;
  }
  .ale-rashi-selector-grid {
    grid-template-columns: repeat(3, 1fr) !important;
  }
  .ale-row-2 {
    grid-template-columns: 1fr !important;
  }
  .ale-hero-stats {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 12px !important;
  }
  .ale-stat-divider {
    display: none !important;
  }
  .ale-consultation-banner-box {
    padding: 30px 20px !important;
  }
  .ale-horoscope-display-card {
    padding: 20px !important;
  }
}

/* ── UNIVERSAL BUTTON HOVER RULES (CRISP WHITE TEXT FOR ALL ORANGE & CTA BUTTONS) ── */
html body a.ale-pt-view-all-btn:hover,
html body a.ale-pt-view-all-btn:hover *,
html body a.ale-pt-view-btn:hover,
html body a.ale-pt-view-btn:hover *,
html body a.ale-pt-full-transit-btn:hover,
html body a.ale-pt-full-transit-btn:hover *,
html body a.ale-calcs-view-all-btn:hover,
html body a.ale-calcs-view-all-btn:hover *,
html body a.ale-horoscope-view-all-btn:hover,
html body a.ale-horoscope-view-all-btn:hover *,
html body a.ale-reports-view-all-btn:hover,
html body a.ale-reports-view-all-btn:hover *,
html body a.ale-rep-get-btn:hover,
html body a.ale-rep-get-btn:hover *,
html body button.ale-cap-submit-btn:hover,
html body button.ale-cap-submit-btn:hover *,
html body button.ale-chart-toggle-btn.active,
html body button.ale-chart-toggle-btn.active *,
html body button.ale-chart-toggle-btn:hover,
html body button.ale-chart-toggle-btn:hover *,
html body a.ale-prefooter-btn-submit:hover,
html body a.ale-prefooter-btn-submit:hover *,
html body button.ale-prefooter-btn-submit:hover,
html body button.ale-prefooter-btn-submit:hover *,
html body a.ale-btn-global-primary:hover,
html body a.ale-btn-global-primary:hover *,
html body a.ale-btn-global-secondary:hover,
html body a.ale-btn-global-secondary:hover *,
html body a.ale-header-cta:hover,
html body a.ale-header-cta:hover *,
html body a.ale-btn-outline-primary:hover,
html body a.ale-btn-outline-primary:hover *,
html body a.ale-header-cta-btn:hover,
html body a.ale-header-cta-btn:hover *,
html body a.ale-btn-calc-action:hover,
html body a.ale-btn-calc-action:hover *,
html body a.ale-btn:hover,
html body a.ale-btn:hover *,
html body button.ale-btn:hover,
html body button.ale-btn:hover *,
html body [class*="view-all-btn"]:hover,
html body [class*="view-all-btn"]:hover *,
html body [class*="get-btn"]:hover,
html body [class*="get-btn"]:hover *,
html body [class*="submit-btn"]:hover,
html body [class*="submit-btn"]:hover * {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  fill: #FFFFFF !important;
  stroke: #FFFFFF !important;
  text-decoration: none !important;
}

html body a.ale-pt-view-all-btn:hover,
html body a.ale-calcs-view-all-btn:hover,
html body a.ale-horoscope-view-all-btn:hover,
html body a.ale-reports-view-all-btn:hover,
html body a.ale-pt-view-btn:hover,
html body a.ale-pt-full-transit-btn:hover {
  background: #F97316 !important;
  border-color: #F97316 !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}

/* ── 8. CURRENT PLANETARY POSITIONS & KUNDLI CHART SECTION ── */
.ale-section-planetary-positions {
  background: #FFFDF9 !important;
  padding: 56px 0 64px 0 !important;
  border-top: 1px solid #F3EDE4 !important;
}

.ale-section-planetary-positions .ale-section-header,
.ale-section-planetary-positions .ale-section-header.ale-text-left {
  text-align: left !important;
  align-items: flex-start !important;
  display: flex !important;
  flex-direction: column !important;
  margin: 0 0 24px 0 !important;
}

.ale-section-planetary-positions .ale-section-title {
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
  text-align: left !important;
  font-family: var(--ale-font-serif, 'Playfair Display', Georgia, serif) !important;
  font-size: 2.2rem !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  margin: 0 0 6px 0 !important;
}

.ale-section-planetary-positions .ale-section-subtitle {
  color: #475569 !important;
  text-align: left !important;
  font-size: 0.96rem !important;
  font-style: italic !important;
  margin: 0 !important;
}

.ale-positions-grid-2 {
  display: grid !important;
  grid-template-columns: 460px 1fr !important;
  gap: 32px !important;
  align-items: stretch !important;
  margin-top: 16px !important;
}

.ale-kundli-chart-box {
  background: #FFFFFF !important;
  border: 1px solid #E5E7EB !important;
  border-radius: 16px !important;
  padding: 24px !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
}

.ale-chart-box-header {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  margin-bottom: 18px !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
}

.ale-chart-header-title {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

.ale-chart-header-title i {
  color: #C37A2E !important;
  font-size: 1.15rem !important;
}

.ale-chart-header-title h3 {
  font-size: 1.08rem !important;
  font-weight: 800 !important;
  color: #111827 !important;
  margin: 0 !important;
}

.ale-chart-style-toggle {
  display: inline-flex !important;
  background: #F3F4F6 !important;
  padding: 3px !important;
  border-radius: 8px !important;
  gap: 2px !important;
}

.ale-chart-toggle-btn {
  background: transparent !important;
  border: none !important;
  border-radius: 6px !important;
  padding: 5px 12px !important;
  font-size: 0.8rem !important;
  font-weight: 700 !important;
  color: #4B5563 !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
}

.ale-chart-toggle-btn.active {
  background: #F97316 !important;
  color: #FFFFFF !important;
}

@media (max-width: 768px) {
  .ale-hero-headline {
    font-size: 2.3rem !important;
  }
  .ale-section-title {
    font-size: 1.8rem !important;
  }
  .ale-panchang-cards-grid,
  .ale-reports-grid-3,
  .ale-calculators-grid-4,
  .ale-doshas-grid-4,
  .ale-trust-grid-4,
  .ale-testimonials-grid-3,
  .ale-articles-grid-3 {
    grid-template-columns: 1fr !important;
  }
  .ale-rashi-selector-grid {
    grid-template-columns: repeat(3, 1fr) !important;
  }
  .ale-row-2 {
    grid-template-columns: 1fr !important;
  }
  .ale-hero-stats {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 12px !important;
  }
  .ale-stat-divider {
    display: none !important;
  }
  .ale-consultation-banner-box {
    padding: 30px 20px !important;
  }
  .ale-horoscope-display-card {
    padding: 20px !important;
  }
}

/* ── UNIVERSAL BUTTON HOVER RULES (CRISP WHITE TEXT FOR ALL ORANGE & CTA BUTTONS) ── */
html body a.ale-pt-view-all-btn:hover,
html body a.ale-pt-view-all-btn:hover *,
html body a.ale-pt-view-btn:hover,
html body a.ale-pt-view-btn:hover *,
html body a.ale-pt-full-transit-btn:hover,
html body a.ale-pt-full-transit-btn:hover *,
html body a.ale-calcs-view-all-btn:hover,
html body a.ale-calcs-view-all-btn:hover *,
html body a.ale-horoscope-view-all-btn:hover,
html body a.ale-horoscope-view-all-btn:hover *,
html body a.ale-reports-view-all-btn:hover,
html body a.ale-reports-view-all-btn:hover *,
html body a.ale-rep-get-btn:hover,
html body a.ale-rep-get-btn:hover *,
html body button.ale-cap-submit-btn:hover,
html body button.ale-cap-submit-btn:hover *,
html body button.ale-chart-toggle-btn.active,
html body button.ale-chart-toggle-btn.active *,
html body button.ale-chart-toggle-btn:hover,
html body button.ale-chart-toggle-btn:hover *,
html body a.ale-prefooter-btn-submit:hover,
html body a.ale-prefooter-btn-submit:hover *,
html body button.ale-prefooter-btn-submit:hover,
html body button.ale-prefooter-btn-submit:hover *,
html body a.ale-btn-global-primary:hover,
html body a.ale-btn-global-primary:hover *,
html body a.ale-btn-global-secondary:hover,
html body a.ale-btn-global-secondary:hover *,
html body a.ale-header-cta:hover,
html body a.ale-header-cta:hover *,
html body a.ale-btn-outline-primary:hover,
html body a.ale-btn-outline-primary:hover *,
html body a.ale-header-cta-btn:hover,
html body a.ale-header-cta-btn:hover *,
html body a.ale-btn-calc-action:hover,
html body a.ale-btn-calc-action:hover *,
html body a.ale-btn:hover,
html body a.ale-btn:hover *,
html body button.ale-btn:hover,
html body button.ale-btn:hover *,
html body [class*="view-all-btn"]:hover,
html body [class*="view-all-btn"]:hover *,
html body [class*="get-btn"]:hover,
html body [class*="get-btn"]:hover *,
html body [class*="submit-btn"]:hover,
html body [class*="submit-btn"]:hover * {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  fill: #FFFFFF !important;
  stroke: #FFFFFF !important;
  text-decoration: none !important;
}

html body a.ale-pt-view-all-btn:hover,
html body a.ale-calcs-view-all-btn:hover,
html body a.ale-horoscope-view-all-btn:hover,
html body a.ale-reports-view-all-btn:hover,
html body a.ale-pt-view-btn:hover,
html body a.ale-pt-full-transit-btn:hover {
  background: #F97316 !important;
  border-color: #F97316 !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}

/* ── 8. CURRENT PLANETARY POSITIONS & KUNDLI CHART SECTION ── */
.ale-section-planetary-positions {
  background: #FFFDF9 !important;
  padding: 56px 0 64px 0 !important;
  border-top: 1px solid #F3EDE4 !important;
}

.ale-section-planetary-positions .ale-section-header,
.ale-section-planetary-positions .ale-section-header.ale-text-left {
  text-align: left !important;
  align-items: flex-start !important;
  display: flex !important;
  flex-direction: column !important;
  margin: 0 0 24px 0 !important;
}

.ale-section-planetary-positions .ale-section-title {
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
  text-align: left !important;
  font-family: var(--ale-font-serif, 'Playfair Display', Georgia, serif) !important;
  font-size: 2.2rem !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  margin: 0 0 6px 0 !important;
}

.ale-section-planetary-positions .ale-section-subtitle {
  color: #475569 !important;
  text-align: left !important;
  font-size: 0.96rem !important;
  font-style: italic !important;
  margin: 0 !important;
}

.ale-positions-grid-2 {
  display: grid !important;
  grid-template-columns: 460px 1fr !important;
  gap: 32px !important;
  align-items: stretch !important;
  margin-top: 16px !important;
}

.ale-kundli-chart-box {
  background: #FFFFFF !important;
  border: 1px solid #E5E7EB !important;
  border-radius: 16px !important;
  padding: 24px !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
}

.ale-chart-box-header {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  margin-bottom: 18px !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
}

.ale-chart-header-title {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

.ale-chart-header-title i {
  color: #F97316 !important;
  font-size: 1.15rem !important;
}

.ale-chart-header-title h3 {
  font-size: 1.08rem !important;
  font-weight: 800 !important;
  color: #111827 !important;
  margin: 0 !important;
}

.ale-chart-style-toggle {
  display: inline-flex !important;
  background: #F3F4F6 !important;
  padding: 3px !important;
  border-radius: 8px !important;
  gap: 2px !important;
}

.ale-chart-toggle-btn {
  background: transparent !important;
  border: none !important;
  border-radius: 6px !important;
  padding: 5px 12px !important;
  font-size: 0.8rem !important;
  font-weight: 700 !important;
  color: #4B5563 !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
}

.ale-chart-toggle-btn.active {
  background: #F97316 !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  box-shadow: 0 2px 8px rgba(249, 115, 22, 0.35) !important;
}

.ale-chart-canvas-wrap {
  width: 100% !important;
  max-width: 380px !important;
  aspect-ratio: 1 / 1 !important;
  margin: 0 auto 16px auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.ale-kundli-chart-svg {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.03)) !important;
}

.ale-chart-footer-meta {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  padding-top: 14px !important;
  border-top: 1px solid #F3F4F6 !important;
}

.ale-meta-badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-size: 0.78rem !important;
  font-weight: 700 !important;
  color: #6B7280 !important;
  background: #F9FAFB !important;
  padding: 4px 10px !important;
  border-radius: 6px !important;
  border: 1px solid #E5E7EB !important;
}

.ale-meta-badge i {
  color: #F97316 !important;
}

.ale-positions-table-box {
  background: #FFFFFF !important;
  border: 1px solid #E5E7EB !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03) !important;
}

.ale-positions-table-box .ale-table-header-bar {
  background: #FAFAF9 !important;
  border-bottom: 1px solid #E5E7EB !important;
  padding: 16px 20px !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
}

.ale-positions-table-box .ale-table-header-bar h3 {
  font-size: 1.05rem !important;
  font-weight: 800 !important;
  color: #000000 !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

.ale-positions-table-box .ale-table-header-bar h3 i {
  color: #F97316 !important;
}

.ale-positions-table-box .ale-table-header-bar span {
  font-size: 0.8rem !important;
  font-weight: 600 !important;
  color: #6B7280 !important;
}

.ale-positions-table-box .ale-table-scroll {
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch !important;
}

.ale-positions-table-box .ale-ephemeris-table {
  min-width: 520px !important;
  width: 100% !important;
  border-collapse: collapse !important;
}

/* ── 9. LATEST BLOGS & FESTIVAL GUIDES (astroarunpandit.org/blogs inspired) ── */
.ale-section-blogs {
  background: #FAF7F2 !important;
  padding: 64px 0 72px 0 !important;
  border-top: 1px solid #F0EAE0 !important;
}

.ale-blog-category-pills {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  margin-bottom: 32px !important;
}

.ale-cat-pill {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  background: #FFFFFF !important;
  border: 1.5px solid #E5E7EB !important;
  border-radius: 9999px !important;
  padding: 8px 18px !important;
  font-size: 0.88rem !important;
  font-weight: 700 !important;
  color: #374151 !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
}

.ale-cat-pill i {
  font-size: 0.85rem !important;
  color: #F97316 !important;
  transition: color 0.2s ease !important;
}

.ale-cat-pill:hover,
.ale-cat-pill.active {
  background: #F97316 !important;
  border-color: #F97316 !important;
  color: #FFFFFF !important;
  box-shadow: 0 4px 14px rgba(249, 115, 22, 0.3) !important;
}

.ale-cat-pill:hover i,
.ale-cat-pill.active i {
  color: #FFFFFF !important;
}

.ale-blogs-grid-3 {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 28px !important;
}

.ale-blog-card {
  background: #FFFFFF !important;
  border: 1px solid #E5E7EB !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.04) !important;
  transition: transform 0.25s ease, box-shadow 0.25s ease !important;
}

.ale-blog-card:hover {
  transform: translateY(-5px) !important;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08) !important;
}

.ale-blog-thumb-link {
  display: block !important;
  position: relative !important;
  width: 100% !important;
  aspect-ratio: 16 / 9 !important;
  overflow: hidden !important;
  background: #F3F4F6 !important;
}

.ale-blog-img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  transition: transform 0.4s ease !important;
}

.ale-blog-card:hover .ale-blog-img {
  transform: scale(1.04) !important;
}

.ale-blog-cat-badge {
  position: absolute !important;
  bottom: 12px !important;
  left: 12px !important;
  background: #F97316 !important;
  color: #FFFFFF !important;
  font-size: 0.72rem !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
  padding: 4px 10px !important;
  border-radius: 6px !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15) !important;
}

.ale-blog-content {
  padding: 22px !important;
  display: flex !important;
  flex-direction: column !important;
  flex: 1 !important;
}

.ale-blog-meta-top {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  font-size: 0.78rem !important;
  font-weight: 600 !important;
  color: #6B7280 !important;
  margin-bottom: 10px !important;
}

.ale-blog-meta-top i {
  color: #F97316 !important;
}

.ale-blog-title {
  font-family: var(--ale-font-serif) !important;
  font-size: 1.18rem !important;
  line-height: 1.4 !important;
  font-weight: 800 !important;
  color: #000000 !important;
  margin: 0 0 10px 0 !important;
}

.ale-blog-title a {
  color: #000000 !important;
  text-decoration: none !important;
  transition: color 0.2s ease !important;
}

.ale-blog-title a:hover {
  color: #F97316 !important;
}

.ale-blog-excerpt {
  font-size: 0.86rem !important;
  line-height: 1.6 !important;
  color: #4B5563 !important;
  margin: 0 0 16px 0 !important;
  flex: 1 !important;
}

.ale-blog-footer {
  border-top: 1px solid #F3F4F6 !important;
  padding-top: 14px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
}

.ale-blog-read-link {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-size: 0.85rem !important;
  font-weight: 700 !important;
  color: #F97316 !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
}

.ale-blog-read-link:hover {
  color: #EA580C !important;
  gap: 9px !important;
}

.ale-rep-get-btn {
  background: #F97316 !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  font-weight: 700 !important;
  font-size: 0.88rem !important;
  border-radius: 10px !important;
  border: 1px solid #F97316 !important;
  padding: 8px 18px !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  line-height: 1.2 !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
  box-shadow: 0 4px 14px rgba(249, 115, 22, 0.35) !important;
}

.ale-rep-get-btn * {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}

.ale-rep-get-btn:hover {
  background: #EA580C !important;
  border-color: #EA580C !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 18px rgba(249, 115, 22, 0.45) !important;
  gap: 9px !important;
}

.ale-rep-get-btn:hover * {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}

.ale-horoscope-view-all-btn,
.ale-reports-view-all-btn,
.ale-calcs-view-all-btn,
.ale-pt-view-all-btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  background: #FFFFFF !important;
  border: 1.5px solid #F97316 !important;
  color: #F97316 !important;
  font-weight: 700 !important;
  font-size: 0.88rem !important;
  border-radius: 10px !important;
  padding: 8px 18px !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
}

.ale-horoscope-view-all-btn:hover,
.ale-reports-view-all-btn:hover,
.ale-calcs-view-all-btn:hover,
.ale-pt-view-all-btn:hover {
  background: #F97316 !important;
  border-color: #F97316 !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 14px rgba(249, 115, 22, 0.35) !important;
}

.ale-pt-full-transit-btn {
  display: block !important;
  width: 100% !important;
  text-align: center !important;
  background: #FFFDF9 !important;
  border: 1.5px solid #F97316 !important;
  color: #F97316 !important;
  font-weight: 700 !important;
  font-size: 0.95rem !important;
  border-radius: 10px !important;
  padding: 12px 18px !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
  box-sizing: border-box !important;
}

.ale-pt-full-transit-btn:hover {
  background: #F97316 !important;
  border-color: #F97316 !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 14px rgba(249, 115, 22, 0.35) !important;
}

@media (max-width: 1024px) {
  .ale-positions-grid-2 {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
  }
  .ale-chart-canvas-wrap {
    max-width: 320px !important;
  }
  .ale-blogs-grid-3 {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

@media (max-width: 640px) {
  .ale-blogs-grid-3 {
    grid-template-columns: 1fr !important;
  }
}

/* Pre-footer Submit & Dashboard Button Polish */
html body .ale-prefooter-btn-submit,
html body a.ale-prefooter-btn-submit,
html body button.ale-prefooter-btn-submit {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.6rem !important;
  width: 100% !important;
  padding: 0.95rem 1.5rem !important;
  background: #F97316 !important;
  color: #FFFFFF !important;
  font-family: var(--ale-font-sans, 'Plus Jakarta Sans', sans-serif) !important;
  font-size: 0.95rem !important;
  font-weight: 700 !important;
  border: 1px solid #F97316 !important;
  border-radius: 12px !important;
  cursor: pointer !important;
  box-shadow: 0 4px 14px rgba(249, 115, 22, 0.35) !important;
  transition: all 0.22s cubic-bezier(0.16, 1, 0.3, 1) !important;
  text-decoration: none !important;
  box-sizing: border-box !important;
  -webkit-text-fill-color: #FFFFFF !important;
}

html body .ale-prefooter-btn-submit span,
html body .ale-prefooter-btn-submit i,
html body .ale-prefooter-btn-submit svg,
html body a.ale-prefooter-btn-submit span,
html body a.ale-prefooter-btn-submit i,
html body a.ale-prefooter-btn-submit svg,
html body button.ale-prefooter-btn-submit span,
html body button.ale-prefooter-btn-submit i,
html body button.ale-prefooter-btn-submit svg {
  color: #FFFFFF !important;
  fill: #FFFFFF !important;
  stroke: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  transition: transform 0.2s ease, color 0.2s ease !important;
}

html body .ale-prefooter-btn-submit:hover,
html body .ale-prefooter-btn-submit:focus,
html body a.ale-prefooter-btn-submit:hover,
html body a.ale-prefooter-btn-submit:focus,
html body button.ale-prefooter-btn-submit:hover,
html body button.ale-prefooter-btn-submit:focus {
  background: #EA580C !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 20px rgba(249, 115, 22, 0.45) !important;
  color: #FFFFFF !important;
  border-color: #F97316 !important;
  text-decoration: none !important;
  -webkit-text-fill-color: #FFFFFF !important;
}

html body .ale-prefooter-btn-submit:hover span,
html body .ale-prefooter-btn-submit:hover i,
html body .ale-prefooter-btn-submit:hover svg,
html body a.ale-prefooter-btn-submit:hover span,
html body a.ale-prefooter-btn-submit:hover i,
html body a.ale-prefooter-btn-submit:hover svg,
html body button.ale-prefooter-btn-submit:hover span,
html body button.ale-prefooter-btn-submit:hover i,
html body button.ale-prefooter-btn-submit:hover svg {
  color: #FFFFFF !important;
  fill: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}

html body .ale-prefooter-btn-submit:hover i,
html body .ale-prefooter-btn-submit:hover svg,
html body a.ale-prefooter-btn-submit:hover i,
html body a.ale-prefooter-btn-submit:hover svg {
  transform: translateX(4px) !important;
}