.ale-btn{display:inline-flex;align-items:center;justify-content:center;padding:0.85rem 1.75rem;font-size:0.95rem;font-weight:700;border-radius:8px !important;cursor:pointer;transition:transform 0.2s ease,box-shadow 0.2s ease,background-color 0.2s ease,border-color 0.2s ease,color 0.2s ease;text-decoration:none;border:1px solid #F97316 !important;font-family:var(--font-primary)}.ale-btn-primary,.ale-btn-global-primary,.btn-primary,button[type="submit"],input[type="submit"]{background:#F97316 !important;color:#FFFFFF !important;border:1px solid #F97316 !important;border-radius:8px !important;box-shadow:0 4px 14px rgba(249,115,22,0.35) !important;-webkit-text-fill-color:#FFFFFF !important}.ale-btn-primary:hover,.ale-btn-global-primary:hover,.btn-primary:hover,button[type="submit"]:hover,input[type="submit"]:hover{box-shadow:0 6px 20px rgba(249,115,22,0.45) !important;background:#EA580C !important;border-color:#EA580C !important;color:#FFFFFF !important;-webkit-text-fill-color:#FFFFFF !important;transform:translateY(-1px) !important}.ale-btn-secondary{background:#FFFFFF !important;border:1.5px solid #F97316 !important;color:#F97316 !important;border-radius:8px !important}.ale-btn-secondary:hover{background-color:#F97316 !important;border-color:#F97316 !important;color:#FFFFFF !important;-webkit-text-fill-color:#FFFFFF !important;box-shadow:0 4px 14px rgba(249,115,22,0.35) !important;transform:translateY(-1px) !important;}.ale-header-navigation{background-color:var(--color-bg-deep);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:1000;padding:0;box-shadow:0 4px 20px rgba(74,46,27,0.06);transition:transform 0.28s cubic-bezier(0.16,1,0.3,1),background-color 0.2s ease,box-shadow 0.2s ease,border-color 0.2s ease !important;height:80px;will-change:transform;transform:translateY(0)}.ale-header-navigation.nav-hidden{transform:translateY(-100%) !important}.ale-header-navigation.scrolled{background-color:#FAF4E8 !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important;box-shadow:0 6px 24px rgba(74,46,27,0.08) !important;border-bottom:1px solid var(--color-border) !important}.ale-nav-container{max-width:1400px;margin:0 auto;padding:0 40px;display:flex;align-items:center;height:100%}.ale-header-logo{display:flex;align-items:center;flex-shrink:0;height:100%}.ale-logo-link{display:flex;align-items:center;text-decoration:none;gap:0.5rem}.ale-logo-image{height:36px;width:auto;object-fit:contain;display:block}.ale-logo-wordmark{font-family:'Outfit',var(--font-primary);font-size:1.75rem;font-weight:600;text-transform:none;color:var(--color-text-dark);background:none;-webkit-background-clip:unset;-webkit-text-fill-color:unset;letter-spacing:-0.5px;line-height:1;margin-left:0.5rem}.ale-header-nav-primary{display:flex;align-items:center;margin-left:40px;height:100%}.ale-nav-desktop{display:flex;align-items:center;height:100%}.ale-menu-list-primary{display:flex;list-style:none;gap:0;margin:0;padding:0;align-items:center;height:100%}@media (max-width:1380px){.ale-logo-wordmark{display:none !important}.ale-menu-list-primary{gap:0}.ale-menu-list-primary > li{padding:0 8px !important}.ale-menu-list-primary a.menu-link-top{font-size:0.88rem}.ale-header-nav-primary{margin-left:1.25rem}}.ale-menu-list-primary > li{height:100%;display:flex;align-items:center;padding:0 15px}.ale-menu-list-primary a.menu-link-top{font-family:'Outfit',var(--font-primary);color:var(--color-text-dark);text-decoration:none;font-weight:500;font-size:16px;display:flex;align-items:center;gap:6px;padding:10px 0;transition:color 0.2s ease}.ale-menu-list-primary a.menu-link-top:hover{color:var(--color-primary)}.chevron-arrow{display:inline-block;transition:transform 0.3s cubic-bezier(0.16,1,0.3,1),color 0.2s ease}.ale-menu-list-primary > li:hover .chevron-arrow{transform:rotate(180deg);color:var(--color-primary)}.ale-menu-list-primary > li.current-menu-item > a.menu-link-top,.ale-menu-list-primary > li.current-menu-ancestor > a.menu-link-top,.ale-menu-list-primary > li.active > a.menu-link-top{color:var(--color-primary) !important;opacity:1 !important}.ale-megamenu-dropdown{position:absolute;top:100%;left:0;width:100vw;background-color:var(--color-bg-deep);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity 0.2s cubic-bezier(0.16,1,0.3,1),transform 0.2s cubic-bezier(0.16,1,0.3,1),visibility 0.2s;box-shadow:var(--shadow-premium);z-index:1000;padding:0}.ale-menu-list-primary > li:hover .ale-megamenu-dropdown,.ale-menu-list-primary > li.is-active .ale-megamenu-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.ale-megamenu-inner{max-width:1400px;margin:0 auto;padding:40px;display:flex;flex-direction:column;align-items:flex-start;text-align:left}.dropdown-header{font-family:'Outfit',var(--font-primary);font-size:18px;margin-bottom:25px;font-weight:600;color:var(--color-primary)}.dropdown-links-list{list-style:none;display:flex;flex-direction:column;gap:16px;padding:0;margin:0}.dropdown-link-item{font-family:'Outfit',var(--font-primary);color:var(--color-text-brown);text-decoration:none;font-size:15px;font-weight:500;transition:color 0.2s ease;position:relative}.dropdown-link-item:hover{color:var(--color-primary) !important;text-decoration:underline !important;text-underline-offset:5px}.ale-header-nav-secondary{display:flex;align-items:center;gap:1.5rem;margin-left:auto;flex-shrink:0;height:100%}.ale-nav-desktop-secondary{display:flex;align-items:center;height:100%}.ale-menu-list-secondary{display:flex;list-style:none;gap:1.25rem;margin:0;padding:0;align-items:center;height:100%}@media (max-width:1200px){.ale-menu-list-secondary{gap:0.75rem}.ale-menu-list-secondary a.menu-link-secondary{font-size:0.8rem}}.ale-menu-list-secondary > li{height:100%;display:flex;align-items:center}.ale-menu-list-secondary a.menu-link-secondary{color:var(--color-text-brown);text-decoration:none;font-size:0.85rem;font-weight:600;transition:color 0.3s cubic-bezier(0.16,1,0.3,1),transform 0.3s cubic-bezier(0.16,1,0.3,1);padding:10px 0;position:relative;display:block}.ale-menu-list-secondary a.menu-link-secondary:hover{color:var(--color-primary);}.ale-menu-list-secondary a.menu-link-secondary::after{content:'';position:absolute;bottom:2px;left:50%;width:4px;height:4px;border-radius:0px !important;background-color:var(--color-primary);opacity:0;transform:translateX(-50%) scale(0);transition:transform 0.4s cubic-bezier(0.16,1,0.3,1),opacity 0.4s ease}.ale-menu-list-secondary a.menu-link-secondary:hover::after{opacity:1;transform:translateX(-50%) scale(1) translateY(-2px)}.ale-menu-list-secondary > li.current-menu-item a.menu-link-secondary,.ale-menu-list-secondary > li.active a.menu-link-secondary{color:var(--color-primary) !important}.ale-menu-list-secondary > li.current-menu-item a.menu-link-secondary::after,.ale-menu-list-secondary > li.active a.menu-link-secondary::after{opacity:1 !important;transform:translateX(-50%) scale(1) translateY(-1px) !important}.ale-mobile-drawer-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(74,46,27,0.45);z-index:1040;opacity:0;visibility:hidden;transition:opacity 0.25s cubic-bezier(0.16,1,0.3,1),visibility 0s linear 0.25s;touch-action:none}.ale-mobile-drawer-overlay.active{opacity:1;visibility:visible;transition:opacity 0.25s cubic-bezier(0.16,1,0.3,1),visibility 0s linear 0s}.ale-mobile-drawer{position:fixed;top:0;left:0;width:310px;max-width:85vw;height:100vh;height:100dvh;background:var(--color-bg-deep) !important;border-right:1px solid var(--color-border);z-index:1050;display:flex;flex-direction:column;padding:2rem 1.5rem;transform:translateX(-100%);visibility:hidden;transition:transform 0.25s cubic-bezier(0.16,1,0.3,1),visibility 0s linear 0.25s;will-change:transform}.ale-mobile-drawer.active{transform:translateX(0);visibility:visible;transition:transform 0.25s cubic-bezier(0.16,1,0.3,1),visibility 0s linear 0s}body.drawer-open{overflow:hidden !important}.ale-drawer-header{display:flex;justify-content:space-between;align-items:center;border-bottom:none !important;padding-bottom:0.5rem;margin-bottom:2rem}.ale-drawer-logo{display:flex;align-items:center;gap:0.5rem;text-decoration:none}.ale-drawer-logo .ale-logo-wordmark{font-family:'Outfit',var(--font-primary);font-size:1.5rem;font-weight:600;color:var(--color-text-dark);line-height:1;margin-left:0;letter-spacing:-0.5px;display:block !important}.ale-drawer-close{background:transparent !important;border:none !important;font-size:2rem;font-weight:200;color:var(--color-text-dark);cursor:pointer;width:auto;height:auto;display:flex;align-items:center;justify-content:center;padding:0 0.5rem;transition:color 0.15s ease}.ale-drawer-close:hover{color:var(--color-primary) !important;transform:none !important}.ale-drawer-content{flex:1;overflow-y:auto}.ale-drawer-content::-webkit-scrollbar{width:3px}.ale-drawer-content::-webkit-scrollbar-track{background:transparent}.ale-drawer-content::-webkit-scrollbar-thumb{background:rgba(195,122,46,0.15);border-radius:0px !important;}.ale-drawer-menu{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:0.25rem}.ale-drawer-menu > li{display:block;width:100%}.drawer-menu-link{display:flex;justify-content:space-between;align-items:center;padding:0.75rem 0.5rem;color:var(--color-text-dark);font-weight:500;font-size:1.05rem;text-transform:none;text-decoration:none;background:transparent !important;border:none !important;border-radius:0 !important;box-shadow:none !important;transition:color 0.15s ease !important}.drawer-menu-link:hover,.drawer-menu-link:active{color:var(--color-primary) !important;background:transparent !important}.drawer-chevron{font-size:0.65rem;opacity:0.5;color:var(--color-text-dark);transition:transform 0.2s ease}.drawer-submenu{list-style:none;padding-left:1.5rem;margin:0;border-left:none !important;max-height:0;opacity:0;overflow:hidden;visibility:hidden;transform:translateY(-8px);transition:max-height 0.24s cubic-bezier(0.16,1,0.3,1),opacity 0.2s ease,visibility 0.2s;display:flex;flex-direction:column;gap:0;will-change:opacity,transform}.drawer-submenu.active{max-height:450px;opacity:1;visibility:visible;transform:translateY(0);margin:0.25rem 0 0.75rem 0}.drawer-submenu li{display:block}.drawer-submenu li a{display:block;padding:0.5rem 0.5rem;color:var(--color-text-brown);font-size:0.95rem;font-weight:400;text-decoration:none;transition:color 0.15s ease;border-radius:0}.drawer-submenu li a:hover{color:var(--color-primary);background:transparent !important}.ale-hamburger-trigger{display:none !important}@media (max-width:991px){.ale-header-navigation{height:50px !important}.ale-nav-container{display:flex;justify-content:space-between;align-items:center;height:50px;padding:0 1.25rem}.ale-logo-wordmark{display:block !important;font-size:1.35rem !important;margin-left:0.35rem !important}.ale-header-nav-primary{display:none !important}.ale-nav-desktop-secondary{display:none !important}.ale-hamburger-trigger{display:flex !important;flex-direction:column;justify-content:space-between;width:44px;height:44px;background:transparent !important;border:none !important;cursor:pointer;padding:13px 10px !important;z-index:1045;box-shadow:none !important;margin:0 !important;border-radius:0 !important;transition:transform 0.2s ease !important;box-sizing:border-box !important}.ale-hamburger-trigger span{display:block;width:100%;height:2px;background-color:var(--color-text-dark);border-radius:0px !important;transition:all 0.3s cubic-bezier(0.16,1,0.3,1)}.ale-hamburger-trigger:hover span{background-color:var(--color-primary)}.ale-hamburger-trigger.is-active span:nth-child(1),.ale-hamburger-trigger.active span:nth-child(1){transform:translateY(8px) rotate(45deg);background-color:var(--color-primary)}.ale-hamburger-trigger.is-active span:nth-child(2),.ale-hamburger-trigger.active span:nth-child(2){opacity:0;width:0}.ale-hamburger-trigger.is-active span:nth-child(3),.ale-hamburger-trigger.active span:nth-child(3){transform:translateY(-8px) rotate(-45deg);background-color:var(--color-primary)}}.ale-astrology-hero{padding:var(--spacing-xl) 0 var(--spacing-lg);background:radial-gradient(circle at 80% 30%,rgba(195,122,46,0.12) 0%,rgba(212,160,23,0.05) 45%,rgba(250,244,232,0) 70%),linear-gradient(180deg,#FFFDF9 0%,#FAF4E8 100%);border-bottom:1px solid var(--color-border);position:relative;overflow:hidden}.ale-hero-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg);align-items:center;max-width:800px;margin:0 auto}@media (min-width:992px){.ale-hero-grid{grid-template-columns:1fr;gap:var(--spacing-xl)}}.ale-hero-left{display:flex;flex-direction:column;align-items:center;text-align:center;width:100%}.ale-hero-tagline{display:inline-flex;align-items:center;gap:0.5rem;background-color:rgba(195,122,46,0.15) !important;color:#E98C36 !important;border:1px solid rgba(195,122,46,0.25);padding:0.45rem 1rem;border-radius:var(--radius-sm);font-size:0.8rem;font-weight:700;letter-spacing:0.05em;margin-bottom:var(--spacing-md);box-shadow:var(--shadow-sm)}.tagline-star{display:inline-block}@keyframes spinStar{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.ale-hero-title{font-family:var(--font-heading);font-size:3.2rem;line-height:1.15;font-weight:700;color:var(--color-text-dark);margin:0 0 var(--spacing-sm);letter-spacing:-1px}.ale-hero-title .highlight-text{color:var(--color-primary);position:relative}.ale-hero-description{font-size:1.1rem;line-height:1.7;color:var(--color-text-brown);margin:0 0 var(--spacing-lg)}.ale-hero-actions{display:flex;gap:1rem;margin-bottom:var(--spacing-lg);flex-wrap:wrap;width:100%;justify-content:center}.ale-btn-hero-primary{background:linear-gradient(135deg,var(--color-primary),#E98C36) !important;color:#FFFFFF !important;box-shadow:0 4px 15px rgba(195,122,46,0.3) !important;border-radius:0px !important;font-weight:700 !important;padding:0.95rem 2.25rem !important}.ale-btn-hero-primary:hover{box-shadow:0 6px 20px rgba(195,122,46,0.4) !important;filter:brightness(1.05)}.ale-btn-hero-secondary{background:transparent !important;border:1.5px solid var(--color-primary) !important;color:var(--color-text-dark) !important;border-radius:0px !important;font-weight:700 !important;padding:0.95rem 2.25rem !important}.ale-btn-hero-secondary:hover{background-color:#F6ECD9 !important;border-color:var(--color-primary) !important;color:var(--color-primary) !important}.ale-hero-trust-badges{display:flex;gap:1.5rem;flex-wrap:wrap}.trust-badge{display:inline-flex;align-items:center;gap:0.5rem;font-size:0.85rem;font-weight:600;color:var(--color-text-brown);opacity:0.9}.ale-hero-right{display:flex;justify-content:center;align-items:center;position:relative}.celestial-canvas{position:relative;width:100%;max-width:440px;aspect-ratio:1;display:flex;justify-content:center;align-items:center}.celestial-glow-orb{position:absolute;width:100%;height:100%;background:radial-gradient(circle,rgba(212,160,23,0.25) 0%,rgba(195,122,46,0.08) 50%,transparent 70%);border-radius:50%;filter:blur(25px);z-index:1;pointer-events:none;opacity:0.85}.celestial-rotating-wheel{width:100%;height:auto;object-fit:contain;z-index:2;animation:rotateSlow 45s linear infinite;transition:transform 0.5s ease-out;will-change:transform;transform:translate3d(0,0,0)}.celestial-rotating-wheel:hover{animation-play-state:paused;transform:translate3d(0,0,0) scale(1.03)}@keyframes rotateSlow{from{transform:translate3d(0,0,0) rotate(0deg)}to{transform:translate3d(0,0,0) rotate(360deg)}}.ale-widget-title{font-family:var(--font-heading);font-size:1.3rem;font-weight:700;color:var(--color-text-dark);margin:0 0 var(--spacing-md);padding-bottom:var(--spacing-xs);border-bottom:none;letter-spacing:-0.2px}.ale-footer{background:var(--color-bg-warm);border-top:1px solid var(--color-border);padding:var(--spacing-lg) 0 var(--spacing-md);margin-top:var(--spacing-xl)}.ale-footer-container{max-width:1170px;margin:0 auto;padding:0 var(--spacing-md);display:grid;grid-template-columns:1fr;gap:var(--spacing-lg)}@media (min-width:768px){.ale-footer-container{grid-template-columns:1.5fr 1fr 1fr}}.ale-footer-info h3{font-family:var(--font-heading);color:var(--color-text-dark);font-size:1.4rem;font-weight:700;margin:0 0 var(--spacing-sm)}.ale-footer-info p{color:var(--color-text-muted);font-size:0.95rem;line-height:1.6;margin:0}.ale-footer-menu-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-xs)}.ale-footer-menu-list a{color:var(--color-text-brown);text-decoration:none;font-size:0.9rem;font-weight:500;transition:var(--transition-smooth)}.ale-footer-menu-list a:hover{color:var(--color-primary)}.ale-lock-badge{display:inline-flex;align-items:center;gap:0.5rem;font-size:0.85rem;color:var(--color-accent);background:rgba(45,106,79,0.08);padding:0.35rem 0.75rem;border-radius:var(--radius-sm);font-weight:700;border:1px solid rgba(45,106,79,0.2)}.ale-footer-copyright{text-align:center;border-top:none;margin-top:var(--spacing-lg);padding-top:var(--spacing-md);color:var(--color-text-muted);font-size:0.85rem}input[type="text"],input[type="email"],input[type="tel"],input[type="url"],input[type="search"],input[type="number"],input[type="date"],select,textarea{width:100% !important;box-sizing:border-box !important;background-color:var(--color-bg-surface) !important;border:1px solid var(--color-border) !important;border-radius:var(--radius-sm) !important;padding:0.9rem 1.25rem !important;font-family:var(--font-primary) !important;font-size:0.95rem !important;line-height:1.4 !important;color:var(--color-text-dark) !important;outline:none !important;transition:var(--transition-smooth) !important;box-shadow:var(--shadow-sm) !important;margin-bottom:1rem !important}select{appearance:none !important;-webkit-appearance:none !important;-moz-appearance:none !important;cursor:pointer !important;padding-right:2.6rem !important;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none' stroke='%23C37A2E' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 4l4 4 4-4'/%3E%3C/svg%3E") !important;background-repeat:no-repeat !important;background-position:right 1.1rem center !important;background-size:12px !important}input[type="text"]:hover,input[type="email"]:hover,input[type="tel"]:hover,input[type="date"]:hover,select:hover,textarea:hover{border-color:var(--color-text-brown) !important;box-shadow:0 4px 12px rgba(195,122,46,0.05) !important}input[type="text"]:focus,input[type="email"]:focus,input[type="tel"]:focus,input[type="date"]:focus,select:focus,textarea:focus{border-color:var(--color-primary) !important;box-shadow:0 0 0 3px rgba(195,122,46,0.12),var(--shadow-sm) !important;background-color:#FFFFFF !important}textarea{min-height:110px !important;resize:vertical !important}input[type="date"]{color-scheme:light !important}input[type="date"]::-webkit-calendar-picker-indicator{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C37A2E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'/%3E%3Cline x1='16' y1='2' x2='16' y2='6'/%3E%3Cline x1='8' y1='2' x2='8' y2='6'/%3E%3Cline x1='3' y1='10' x2='21' y2='10'/%3E%3C/svg%3E") !important;background-repeat:no-repeat !important;background-position:center !important;background-size:1.1rem !important;width:1.25rem !important;height:1.25rem !important;cursor:pointer !important;opacity:0.85 !important;transition:var(--transition-smooth) !important}input[type="date"]::-webkit-calendar-picker-indicator:hover{opacity:1 !important;transform:scale(1.15) !important}.ale-lang-selector{display:flex;align-items:center;margin-left:0.5rem;position:relative}.ale-lang-selector:hover .ale-megamenu-dropdown{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0) scale(1)}.ale-lang-badge{background-color:var(--color-bg-surface);border:1px solid var(--color-border);padding:0.45rem 1rem;border-radius:var(--radius-pill);color:var(--color-text-brown);font-size:0.85rem;font-weight:700;display:inline-flex;align-items:center;gap:0.4rem;box-shadow:var(--shadow-sm);cursor:pointer;transition:transform 0.4s cubic-bezier(0.16,1,0.3,1),color 0.3s ease,border-color 0.3s ease,background-color 0.3s ease,box-shadow 0.4s cubic-bezier(0.16,1,0.3,1)}.ale-lang-badge:hover{border-color:var(--color-primary);color:var(--color-primary);background-color:#FAF4E8;box-shadow:var(--shadow-md)}.ale-lang-icon{font-size:0.95rem;line-height:1}.ale-mobile-lang{border-top:1px solid rgba(195,122,46,0.12);padding-top:1.5rem;margin-top:2rem}.ale-mobile-lang-title{display:block;font-size:0.82rem;font-weight:700;letter-spacing:1px;color:var(--color-text-muted);margin-bottom:0.75rem}.ale-mobile-lang-options{display:flex;gap:0.5rem}.ale-lang-option{background-color:var(--color-bg-surface);border:1px solid var(--color-border);padding:0.45rem 1.15rem;border-radius:var(--radius-pill);font-size:0.88rem;font-weight:700;color:var(--color-text-brown);cursor:pointer;transition:var(--transition-smooth)}.ale-lang-option:hover{border-color:var(--color-primary);color:var(--color-primary)}.ale-lang-option.active{background:linear-gradient(135deg,var(--color-primary),#E98C36);color:#FFFFFF !important;border-color:var(--color-primary);box-shadow:0 4px 10px rgba(195,122,46,0.15)}.logo-spiritual-emblem,.wp-block-search,.ale-live-status-pill,.ale-header-search,.ale-btn-header-cta,.search-icon-emblem,.cta-pulse-dot,.live-indicator-dot,.ale-nav-cta,.wp-block-separator,hr,.divider,.wp-block-divider,.section-divider{display:none !important;visibility:hidden !important;opacity:0 !important;pointer-events:none !important;width:0 !important;height:0 !important;padding:0 !important;margin:0 !important;border:none !important}.ale-services-section{padding:var(--spacing-xl) 0;background-color:var(--color-bg-deep);position:relative}.ale-section-header{text-align:center;max-width:800px;margin:0 auto var(--spacing-xl);display:flex;flex-direction:column;align-items:center}.ale-section-badge{display:inline-flex;align-items:center;background-color:rgba(195,122,46,0.08) !important;color:var(--color-primary-dark) !important;border:1px solid rgba(195,122,46,0.15);padding:2px 6px !important;border-radius:0px !important;font-size:9.5px !important;font-weight:700;letter-spacing:0.08em;text-transform:none !important;margin-bottom:var(--spacing-xs) !important}.ale-section-title{font-family:var(--font-heading);font-size:2.5rem;color:var(--color-text-dark);margin:0 0 var(--spacing-sm);font-weight:700;letter-spacing:-0.5px}.ale-section-description{font-size:1.05rem;color:var(--color-text-brown);line-height:1.6;margin:0 auto !important;padding:0 var(--spacing-sm);max-width:65ch !important;display:block !important;text-wrap:pretty !important}.ale-services-grid{display:grid;grid-template-columns:1fr;gap:12px !important;max-width:1400px;margin:0 auto;justify-content:center;justify-items:center}@media (min-width:640px){.ale-services-grid{grid-template-columns:repeat(2,1fr) !important;gap:12px !important}}@media (min-width:992px){.ale-services-grid{grid-template-columns:repeat(4,1fr) !important;gap:12px !important}}.ale-service-card{background:linear-gradient(135deg,var(--color-bg-surface) 0%,var(--color-bg-warm) 100%) !important;border:1.5px solid var(--color-border);border-radius:0px !important;aspect-ratio:auto !important;max-width:324.9px !important;width:100% !important;height:327.6px !important;box-sizing:border-box;overflow:hidden;justify-content:center;padding:24px 20px 20px 20px !important;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;box-shadow:none !important;transition:none !important}.ale-service-card:hover{border-color:var(--color-border) !important;box-shadow:none !important}.ale-card-badge{position:absolute;top:10px;right:10px;background:rgba(0,0,0,0.05);border:1px solid rgba(0,0,0,0.15);padding:3px 8px;border-radius:0 !important;font-family:var(--font-primary);font-size:0.6rem;font-weight:700;letter-spacing:0.05em;color:#000000 !important;line-height:1}.ale-service-icon-wrapper{width:48px;height:48px;border-radius:0 !important;background:rgba(195,122,46,0.02);border:1px solid rgba(195,122,46,0.15);display:flex;align-items:center;justify-content:center;margin-bottom:8px;color:var(--color-primary)}.ale-service-icon{width:24px;height:24px;display:block}.ale-service-card-title{font-family:var(--font-heading);font-size:1.15rem;color:var(--color-primary) !important;margin:0 0 6px;font-weight:700;line-height:1.25;text-align:center}.ale-service-card-text{font-family:var(--font-primary);font-size:16px !important;color:var(--color-text-brown) !important;line-height:24px !important;margin:0 0 12px;text-align:center;flex-grow:1;display:flex;align-items:center;justify-content:center}.ale-service-cta-btn{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:0.55rem 1rem;border-radius:var(--radius-sm) !important;background-color:transparent;border:1.5px solid #000000 !important;color:#000000 !important;font-family:var(--font-primary);font-size:0.8rem;font-weight:700;text-decoration:none;box-sizing:border-box;transition:var(--transition-smooth) !important}.ale-service-cta-btn:hover,.ale-service-cta-btn:active,.ale-service-cta-btn:focus{background-color:var(--color-primary) !important;border-color:var(--color-primary) !important;color:#FFFFFF !important;box-shadow:var(--shadow-md) !important}

/* AstroLeaf Theme Responsive Overrides */
@media (max-width: 768px) {
  .ale-hero-title {
    font-size: 2.2rem !important;
    line-height: 1.25 !important;
  }
  .ale-hero-description {
    font-size: 1rem !important;
    line-height: 1.6 !important;
  }
  .ale-hero-actions {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 0.8rem !important;
  }
  .ale-hero-actions .ale-btn {
    width: 100% !important;
    justify-content: center !important;
  }
}

@media (max-width: 639px) {
  .ale-service-card {
    height: auto !important;
    min-height: 170px !important;
    padding-bottom: 2rem !important;
  }
}

@media (max-width: 480px) {
  .ale-container {
    padding: 0 1rem !important;
  }
  .ale-hero-title {
    font-size: 1.8rem !important;
  }
}

/* AstroLeaf Premium & Optimized Style Overrides */

/* 1. Optimized Hover States for Interactive Elements */
.ale-btn-primary:hover,
.ale-btn-global-primary:hover,
.btn-primary:hover,
button[type="submit"]:hover,
input[type="submit"]:hover,
.ale-btn-hero-primary:hover {
  transform: translateY(-1px) !important;
  background: #EA580C !important;
  border-color: #EA580C !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  box-shadow: 0 6px 20px rgba(249, 115, 22, 0.45) !important;
}

.ale-btn-secondary:hover,
.ale-btn-hero-secondary:hover {
  background-color: #FFFDF9 !important;
  border-color: var(--color-primary) !important;
  color: var(--color-primary) !important;
  transform: none !important;
}

.ale-service-cta-btn:hover {
  border-color: var(--color-primary) !important;
  background-color: var(--color-primary) !important;
  color: #FFFFFF !important;
}

.ale-glass-card {
  border-radius: 0px !important;
}

/* 2. Interactive Input Border Styling */
input[type="text"]:hover,
input[type="email"]:hover,
input[type="tel"]:hover,
input[type="date"]:hover,
select:hover,
textarea:hover {
  border-color: var(--color-primary) !important;
}

/* 3. Static Celestial Wheel to Eliminate Animation/Composite Lag */
.celestial-rotating-wheel {
  animation: none !important;
  transform: none !important;
}

/* 4. Square Corners for Premium Flat Feel */
.celestial-metrics-box,
.ticket-card {
  border-radius: 0px !important;
}

/* 5. Cohesive Solid Soothing Theme Color (No Gradients, Gentle & Soft) */
.ale-astrology-hero {
  padding: 6.5rem 0 !important; /* Increased padding to make the hero section higher & more premium */
  background: linear-gradient(180deg, #FFFDFC 0%, #FFF8EE 100%) !important; /* Premium warm ivory-gold gradient */
  border-bottom: 1px solid rgba(195, 122, 46, 0.15) !important;
}

.ale-services-section {
  background-color: #FFFDF9 !important; /* Clean, premium soft white/ivory background */
}

.ale-panchang-section {
  background-color: #FFFDF9 !important; /* Consistent warm sand background */
  border-bottom: 1px solid var(--color-border) !important;
}

/* 6. Cohesive Solid Navigation Header & Mobile Drawer (No backdrop-filter to prevent Scroll Lag) */
.ale-header-navigation,
.ale-header-navigation.scrolled {
  background-color: #F5EDE0 !important; /* Consistent solid parchment header */
  box-shadow: 0 4px 15px rgba(74, 46, 27, 0.04) !important;
  border-bottom: 1px solid rgba(195, 122, 46, 0.12) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.ale-mobile-drawer {
  background: #F5EDE0 !important; /* Consistent solid parchment mobile drawer */
  border-right: 1px solid rgba(195, 122, 46, 0.15) !important;
  box-shadow: 10px 0 35px rgba(195, 122, 46, 0.04) !important;
}

/* 7. Dropdown Menu Matching Color and Background (No backdrop-filter) */
.ale-megamenu-dropdown {
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  background-color: #F5EDE0 !important; /* Consistent solid parchment megamenu dropdown */
  border-top: 3px solid var(--color-primary) !important;
  border-bottom: 1px solid rgba(195, 122, 46, 0.12) !important;
  box-shadow: 0 8px 24px rgba(74, 25, 27, 0.06) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.dropdown-links-list {
  list-style: none !important;
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
  gap: 14px 40px !important;
  padding: 0 !important;
  margin: 0 !important;
  width: 100% !important;
}

.ale-hero-title .highlight-text {
  color: var(--color-primary) !important;
  background: none !important;
  -webkit-background-clip: unset !important;
  -webkit-text-fill-color: unset !important;
  display: inline;
}

/* Custom Overrides for Service Cards (Enabling Transition and Hover Effects) */
.ale-service-card {
  background: #FFFFFF !important; /* Clean premium white card background */
  border: 1.5px solid var(--color-border) !important;
  box-shadow: 0 4px 12px rgba(92, 61, 46, 0.03) !important;
}

/* Card itself does NOT lift or change styles on hover */
.ale-service-card:hover {
  background: #FFFFFF !important;
  border-color: var(--color-border) !important;
  transform: none !important;
  box-shadow: 0 4px 12px rgba(92, 61, 46, 0.03) !important;
}

/* Triggers CTA button hover when card is hovered */
.ale-service-card:hover .ale-service-cta-btn {
  background-color: var(--color-primary) !important;
  border-color: var(--color-primary) !important;
  color: #FFFFFF !important;
  transform: none !important;
  box-shadow: none !important;
}

/* 8. Popular Vedic Calculators Custom Layout Styles (Rectangular 2-Column Grid) */
.ale-calculators-section {
  padding: var(--spacing-xl) 0;
  background-color: #FFFDF9 !important; /* Consistent warm sand background */
  border-bottom: 1px solid var(--color-border);
}

.ale-calculators-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px !important;
  max-width: 100%;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
  justify-content: center;
}

@media (min-width: 768px) {
  .ale-calculators-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

@media (min-width: 992px) {
  .ale-calculators-grid {
    grid-template-columns: repeat(2, 1fr) !important; /* 2 in one horizontal row for rectangular cards stretching */
  }
}

.ale-calculator-card {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 20px !important;
  background-color: #FFFFFF !important; /* Clean premium white card background */
  border: 1.5px solid #E6DFD3 !important; /* Beautiful distinct warm border */
  padding: 24px !important;
  text-decoration: none !important;
  box-sizing: border-box !important;
  height: 100% !important;
  width: 100% !important;
  border-radius: 0px !important; /* Enforces the square/rectangular design reset */
  box-shadow: 0 4px 12px rgba(92, 61, 46, 0.03) !important;
}

/* Card itself does NOT lift or change styles on hover */
.ale-calculator-card:hover {
  background-color: #FFFFFF !important;
  transform: none !important;
  box-shadow: 0 4px 12px rgba(92, 61, 46, 0.03) !important;
}

/* Micro-interaction: Smooth arrow sliding on button hover */
.ale-calculator-btn .arrow {
  display: inline-block !important;
  transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.ale-calculator-card:hover .ale-calculator-btn .arrow {
  transform: translateX(5px) !important; /* Shifts the arrow to the right on card hover */
}

/* Individualized border colors to break visual monotony (custom card identity) - Replaced side-stripe borders with full border tints to adhere to Design Guidelines */
/* Uniform card border styling aligning with the design system */
.ale-calculator-card.card-accent-gold,
.ale-calculator-card.card-accent-orange,
.ale-calculator-card.card-accent-green,
.ale-calculator-card.card-accent-red,
.ale-calculator-card.card-accent-brown,
.ale-calculator-card.card-accent-navy,
.ale-calculator-card.card-accent-purple,
.ale-calculator-card.card-accent-teal {
  border-color: var(--color-border) !important;
}

.ale-calculator-card.card-accent-gold:hover,
.ale-calculator-card.card-accent-orange:hover,
.ale-calculator-card.card-accent-green:hover,
.ale-calculator-card.card-accent-red:hover,
.ale-calculator-card.card-accent-brown:hover,
.ale-calculator-card.card-accent-navy:hover,
.ale-calculator-card.card-accent-purple:hover,
.ale-calculator-card.card-accent-teal:hover {
  border-color: var(--color-primary) !important;
}

.calc-card-main {
  display: flex !important;
  align-items: flex-start !important;
  gap: 16px !important;
  flex: 1 !important;
}

.calc-card-icon-wrapper {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  width: 44px !important;
  height: 44px !important;
  background-color: rgba(195, 122, 46, 0.06) !important;
  border: 1px solid rgba(195, 122, 46, 0.15) !important;
  color: var(--color-primary) !important;
  border-radius: 0px !important;
}

.calc-card-icon {
  width: 22px !important;
  height: 22px !important;
  display: block !important;
}

.calc-card-info {
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
  text-align: left !important;
}

/* Visual identity: Badge tags for calculators */
/* Visual identity: Badge tags for calculators */
.calc-badge {
  display: inline-flex !important;
  align-self: flex-start !important;
  font-size: 0.65rem !important;
  font-weight: 700 !important;
  
  letter-spacing: 0.8px !important;
  padding: 2px 8px !important;
  margin-bottom: 4px !important;
  border-radius: 0px !important;
  border: 1px solid rgba(195, 122, 46, 0.15) !important;
  background-color: rgba(195, 122, 46, 0.06) !important;
  color: var(--color-primary) !important;
  line-height: 1 !important;
}

.calc-badge-gold,
.calc-badge-orange,
.calc-badge-green,
.calc-badge-red,
.calc-badge-brown,
.calc-badge-navy {
  background-color: rgba(195, 122, 46, 0.06) !important;
  color: var(--color-primary) !important;
  border-color: rgba(195, 122, 46, 0.15) !important;
}

.calc-card-title {
  font-family: var(--font-heading) !important;
  font-size: 1.08rem !important;
  font-weight: 700 !important;
  color: var(--color-text-dark) !important;
  margin: 0 !important;
  line-height: 1.3 !important;
}

.calc-card-desc {
  font-family: var(--font-primary) !important;
  font-size: 0.82rem !important;
  color: var(--color-text-muted) !important;
  line-height: 1.4 !important;
  margin: 0 !important;
}

.calc-card-action {
  flex-shrink: 0 !important;
}

.ale-calculator-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0.55rem 1.15rem !important;
  border: 1.5px solid #000000 !important;
  color: #000000 !important;
  font-family: var(--font-primary) !important;
  font-size: 0.8rem !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  transition: all 0.25s ease !important;
  white-space: nowrap !important;
  border-radius: 0px !important;
}

.ale-calculator-card:hover .ale-calculator-btn {
  background-color: var(--color-primary) !important;
  border-color: var(--color-primary) !important;
  color: #ffffff !important;
}

@media (max-width: 768px) {
  .ale-calculator-card {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 16px !important;
  }
  .calc-card-action {
    width: 100% !important;
  }
  .ale-calculator-btn {
    width: 100% !important;
    text-align: center !important;
  }
}

/* 9. Global Reset to Force Zero Rounded Corners (Square Design System) */
.ale-btn,
.ale-btn-primary,
.ale-btn-global-primary,
.btn-primary,
button[type="submit"],
input[type="submit"],
.ale-btn-secondary,
.ale-btn-hero-primary,
.ale-btn-hero-secondary,
.ale-btn-report,
.ale-btn-course,
.ale-service-card,
.ale-service-cta-btn,
.ale-glass-card,
.ale-report-card,
.ale-report-row,
.course-badge,
.report-badge,
input,
select,
textarea,
.timing-mini-card,
.status-card,
.chart-card,
.data-tile,
.celestial-metrics-box,
.ticket-card,
.kundli-bento-card,
.ale-lang-badge,
.ale-lang-option,
.flatpickr-calendar,
.flatpickr-day,
.flatpickr-time,
.ale-calculator-card,
.calc-card-icon-wrapper,
.ale-calculator-btn,
.astroleaf-button-primary,
.astroleaf-button-secondary,
.style-toggle-btn,
.panchang-badge,
.ale-section-badge {
  border-radius: 0px !important;
}

/* Uniform styling colors for purple and teal calculators */
.calc-badge-purple,
.calc-badge-teal {
  background-color: rgba(195, 122, 46, 0.06) !important;
  color: var(--color-primary) !important;
  border-color: rgba(195, 122, 46, 0.15) !important;
}

/* Astroleaf Primary Buttons Standard Override */
.ale-btn-primary,
.ale-btn-global-primary,
.btn-primary,
button[type="submit"],
input[type="submit"] {
  background: #F97316 !important;
  color: #FFFFFF !important;
  border: 1px solid transparent !important;
  border-radius: 0px !important;
  box-shadow: 0 4px 12px rgba(195, 122, 46, 0.16), 0 2px 4px rgba(74, 46, 27, 0.08) !important;
}

.ale-btn-primary:hover,
.ale-btn-global-primary:hover,
.btn-primary:hover,
button[type="submit"]:hover,
input[type="submit"]:hover {
  background: #F97316 !important;
  color: #FFFFFF !important;
  box-shadow: 0 6px 15px rgba(195, 122, 46, 0.25), 0 2px 5px rgba(74, 46, 27, 0.12) !important;
  filter: brightness(1.05) !important;
  transform: none !important;
}

/* ==========================================================================
   ASTROLEAF UNIVERSAL FORM ERROR STYLING SYSTEM (HIGH SPECIFICITY OVERRIDES)
   Resolves form error CSS conflicts across all calculator & report forms
   ========================================================================== */

/* 1. Input Field Error States */
html body input.input-error,
html body select.input-error,
html body textarea.input-error,
html body .aap-input.input-error,
html body select.aap-select.input-error,
html body .al-input.input-error,
html body select.al-select.input-error,
html body .cd-input.input-error,
html body select.cd-select.input-error,
html body .wy-input.wy-input-error,
html body select.wy-select.wy-input-error,
html body .vp-input-error,
html body .udc-input.input-error,
html body select.udc-select.input-error,
html body .ldc-input.input-error,
html body select.ldc-select.input-error,
html body .ale-input-error,
html body .is-invalid,
html body .form-error,
html body input:invalid:focus,
html body select:invalid:focus {
  border: 1.5px solid #DC2626 !important;
  border-color: #DC2626 !important;
  background-color: #FEF2F2 !important;
  color: #991B1B !important;
  box-shadow: 0 0 0 3px rgba(220, 38, 38, 0.15) !important;
}

/* Clear error states on focus */
html body input.input-error:focus,
html body select.input-error:focus,
html body textarea.input-error:focus {
  outline: none !important;
  border-color: #B91C1C !important;
  box-shadow: 0 0 0 3px rgba(185, 28, 28, 0.2) !important;
}

/* 2. Universal Error Notice Banner Containers */
html body .wy-error-banner,
html body .cd-error-banner,
html body .ck-error-banner,
html body .vng-error-banner,
html body .udc-error-banner,
html body #form-error-banner,
html body #autocomplete-warning,
html body #wy-error-notice,
html body #vng-error-banner,
html body #udcErrorBanner,
html body .vr-status-msg.error,
html body .astroleaf-auth-status.error,
html body .al-form-error,
html body .form-error-message,
html body .error-notice {
  background: #FEF2F2 !important;
  border: 1.5px solid #FCA5A5 !important;
  border-radius: 8px !important;
  padding: 14px 18px !important;
  margin-top: 12px !important;
  margin-bottom: 18px !important;
  color: #991B1B !important;
  font-family: 'Be Vietnam Pro', -apple-system, sans-serif !important;
  font-size: 0.88rem !important;
  font-weight: 600 !important;
  line-height: 1.5 !important;
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
}

/* Display flex layout inside error banners when active */
html body .wy-error-inner,
html body .cd-error-inner,
html body .ck-error-inner,
html body .vng-error-inner,
html body .udc-error-inner,
html body .form-error-inner,
html body .error-notice-inner {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

/* Error icon styling */
html body .wy-error-icon,
html body .cd-error-icon,
html body .ck-error-icon,
html body .vng-error-icon,
html body .error-icon {
  font-size: 1.25rem !important;
  color: #DC2626 !important;
  line-height: 1 !important;
  flex-shrink: 0 !important;
}

/* Error text and headings */
html body .wy-error-text,
html body .cd-error-text,
html body .ck-error-text,
html body .vng-error-text,
html body .error-text {
  color: #991B1B !important;
  font-size: 0.88rem !important;
  margin: 0 !important;
}

html body .wy-error-text p,
html body .cd-error-text p,
html body .ck-error-text p,
html body .vng-error-text p,
html body .error-text p {
  color: #7F1D1D !important;
  font-size: 0.86rem !important;
  margin: 0 !important;
  line-height: 1.4 !important;
}

html body .wy-error-text strong,
html body .cd-error-text strong,
html body .ck-error-text strong,
html body .vng-error-text strong,
html body .error-text strong {
  color: #991B1B !important;
  font-size: 0.92rem !important;
  display: block !important;
  margin-bottom: 2px !important;
}


/* ==========================================
   Modules: 360px Ultra-Small Phone
   ========================================== */
@media (max-width: 360px) {
  .ale-nav-container {
    padding: 0 12px !important;
  }
  .ale-service-card {
    max-width: 100% !important;
    height: auto !important;
    min-height: 160px !important;
    padding: 16px !important;
  }
  .ale-services-grid {
    gap: 10px !important;
    padding: 0 4px !important;
  }
  .ale-section-title {
    font-size: 1.5rem !important;
  }
  .ale-section-description {
    font-size: 0.95rem !important;
  }
  .ale-btn {
    padding: 0.75rem 1.25rem !important;
    font-size: 0.88rem !important;
  }
  .ale-footer-container {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
    padding: 0 14px !important;
  }
  .ale-footer-info h3 {
    font-size: 1.2rem !important;
  }
/* Astroleaf Primary Buttons Standard Override */
.ale-btn-primary,
.ale-btn-global-primary,
.btn-primary,
button[type="submit"],
input[type="submit"] {
  background: #F97316 !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  border: 1px solid #F97316 !important;
  border-radius: 8px !important;
  box-shadow: 0 4px 14px rgba(249, 115, 22, 0.35) !important;
  transition: all 0.2s ease !important;
}

.ale-btn-primary:hover,
.ale-btn-global-primary:hover,
.btn-primary:hover,
button[type="submit"]:hover,
input[type="submit"]:hover {
  background: #EA580C !important;
  border-color: #EA580C !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  box-shadow: 0 6px 20px rgba(249, 115, 22, 0.45) !important;
  transform: translateY(-1px) !important;
}

/* ==========================================================================
   ASTROLEAF UNIVERSAL FORM ERROR STYLING SYSTEM (HIGH SPECIFICITY OVERRIDES)
   Resolves form error CSS conflicts across all calculator & report forms
   ========================================================================== */

/* 1. Input Field Error States */
html body input.input-error,
html body select.input-error,
html body textarea.input-error,
html body .aap-input.input-error,
html body select.aap-select.input-error,
html body .al-input.input-error,
html body select.al-select.input-error,
html body .cd-input.input-error,
html body select.cd-select.input-error,
html body .wy-input.wy-input-error,
html body select.wy-select.wy-input-error,
html body .vp-input-error,
html body .udc-input.input-error,
html body select.udc-select.input-error,
html body .ldc-input.input-error,
html body select.ldc-select.input-error,
html body .ale-input-error,
html body .is-invalid,
html body .form-error,
html body input:invalid:focus,
html body select:invalid:focus {
  border: 1.5px solid #DC2626 !important;
  border-color: #DC2626 !important;
  background-color: #FEF2F2 !important;
  color: #991B1B !important;
  box-shadow: 0 0 0 3px rgba(220, 38, 38, 0.15) !important;
}

/* Clear error states on focus */
html body input.input-error:focus,
html body select.input-error:focus,
html body textarea.input-error:focus {
  outline: none !important;
  border-color: #B91C1C !important;
  box-shadow: 0 0 0 3px rgba(185, 28, 28, 0.2) !important;
}

/* 2. Universal Error Notice Banner Containers */
html body .wy-error-banner,
html body .cd-error-banner,
html body .ck-error-banner,
html body .vng-error-banner,
html body .udc-error-banner,
html body #form-error-banner,
html body #autocomplete-warning,
html body #wy-error-notice,
html body #vng-error-banner,
html body #udcErrorBanner,
html body .vr-status-msg.error,
html body .astroleaf-auth-status.error,
html body .al-form-error,
html body .form-error-message,
html body .error-notice {
  background: #FEF2F2 !important;
  border: 1.5px solid #FCA5A5 !important;
  border-radius: 8px !important;
  padding: 14px 18px !important;
  margin-top: 12px !important;
  margin-bottom: 18px !important;
  color: #991B1B !important;
  font-family: 'Be Vietnam Pro', -apple-system, sans-serif !important;
  font-size: 0.88rem !important;
  font-weight: 600 !important;
  line-height: 1.5 !important;
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
}

/* Display flex layout inside error banners when active */
html body .wy-error-inner,
html body .cd-error-inner,
html body .ck-error-inner,
html body .vng-error-inner,
html body .udc-error-inner,
html body .form-error-inner,
html body .error-notice-inner {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

/* Error icon styling */
html body .wy-error-icon,
html body .cd-error-icon,
html body .ck-error-icon,
html body .vng-error-icon,
html body .error-icon {
  font-size: 1.25rem !important;
  color: #DC2626 !important;
  line-height: 1 !important;
  flex-shrink: 0 !important;
}

/* Error text and headings */
html body .wy-error-text,
html body .cd-error-text,
html body .ck-error-text,
html body .vng-error-text,
html body .error-text {
  color: #991B1B !important;
  font-size: 0.88rem !important;
  margin: 0 !important;
}

html body .wy-error-text p,
html body .cd-error-text p,
html body .ck-error-text p,
html body .vng-error-text p,
html body .error-text p {
  color: #7F1D1D !important;
  font-size: 0.86rem !important;
  margin: 0 !important;
  line-height: 1.4 !important;
}

html body .wy-error-text strong,
html body .cd-error-text strong,
html body .ck-error-text strong,
html body .vng-error-text strong,
html body .error-text strong {
  color: #991B1B !important;
  font-size: 0.92rem !important;
  display: block !important;
  margin-bottom: 2px !important;
}


/* ==========================================
   Modules: 360px Ultra-Small Phone
   ========================================== */
@media (max-width: 360px) {
  .ale-nav-container {
    padding: 0 12px !important;
  }
  .ale-service-card {
    max-width: 100% !important;
    height: auto !important;
    min-height: 160px !important;
    padding: 16px !important;
  }
  .ale-services-grid {
    gap: 10px !important;
    padding: 0 4px !important;
  }
  .ale-section-title {
    font-size: 1.5rem !important;
  }
  .ale-section-description {
    font-size: 0.95rem !important;
  }
  .ale-btn {
    padding: 0.75rem 1.25rem !important;
    font-size: 0.88rem !important;
  }
  .ale-footer-container {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
    padding: 0 14px !important;
  }
  .ale-footer-info h3 {
    font-size: 1.2rem !important;
  }
  /* Mobile drawer safety */
  .ale-mobile-drawer {
    width: min(310px, 92vw) !important;
    padding: 1.5rem 1.25rem !important;
  }
  /* Ensure form inputs use full width */
  input[type="text"],
  input[type="email"],
  input[type="tel"],
  input[type="date"],
  select,
  textarea {
    font-size: 16px !important;
  }
}

/* ==========================================================================
   ASTROLEAF HEADER & NAVIGATION BULLETPROOF ISOLATION RESET
   ========================================================================== */
html body .ale-header-navigation ul,
html body .ale-header-navigation li,
html body .ale-menu-list-primary,
html body .ale-menu-list-primary li,
html body .ale-menu-list-secondary,
html body .ale-menu-list-secondary li,
html body .ale-megamenu-dropdown ul,
html body .ale-megamenu-dropdown li,
html body .dropdown-links-list,
html body .dropdown-links-list li,
html body .ale-top-panchang-strip ul,
html body .ale-top-panchang-strip li,
html body .ale-mobile-drawer ul,
html body .ale-mobile-drawer li,
html body .ale-drawer-menu,
html body .ale-drawer-menu li,
html body .drawer-submenu,
html body .drawer-submenu li,
html body .ale-footer ul,
html body .ale-footer li,
html body .astroleaf-breadcrumb-bar ul,
html body .astroleaf-breadcrumb-bar li,
html body .lc-breadcrumbs-bar ul,
html body .lc-breadcrumbs-bar li {
  list-style: none !important;
  list-style-type: none !important;
}

html body .ale-header-navigation ul li::before,
html body .ale-header-navigation li::before,
html body .ale-menu-list-primary li::before,
html body .ale-menu-list-secondary li::before,
html body .ale-megamenu-dropdown li::before,
html body .dropdown-links-list li::before,
html body .ale-top-panchang-strip li::before,
html body .ale-mobile-drawer li::before,
html body .ale-drawer-menu li::before,
html body .drawer-submenu li::before,
html body .ale-footer li::before,
html body .astroleaf-breadcrumb-bar li::before,
html body .lc-breadcrumbs-bar li::before {
  content: none !important;
  display: none !important;
}
