/* Aligning text in footer widgets */#footer-widgets p.has-text-align-center{text-align:center}/* 1) Set your brand purple once */:root{--brand-purple:#7D5BF3}/* 2) Standard Elementor icon widgets + Icon List */.elementor-widget-icon i,.elementor-widget-icon svg,.elementor-icon i,.elementor-icon svg,.elementor-icon-list-icon i,.elementor-icon-list-icon svg{color:var(--brand-purple) !important;fill:var(--brand-purple) !important}/* 3) Icons that sit inside links (inherit link colour by default) */.elementor a .elementor-icon,.elementor a .elementor-icon i,.elementor a .elementor-icon svg{color:var(--brand-purple) !important;fill:var(--brand-purple) !important}/* 4) Stacked / Framed icon styles (normal + hover) */.elementor-element.elementor-view-stacked .elementor-icon{background-color:rgba(106,43,191,0.1) !important;color:var(--brand-purple) !important}.elementor-element.elementor-view-framed .elementor-icon{border-color:var(--brand-purple) !important;color:var(--brand-purple) !important}.elementor-element.elementor-view-framed .elementor-icon:hover,.elementor-element.elementor-view-stacked .elementor-icon:hover{color:var(--brand-purple) !important;border-color:var(--brand-purple) !important}/* 5) Force inline SVG paths to follow the text colour */.elementor-icon svg *,.elementor-icon-list-icon svg *{fill:currentColor !important}/* 6) Keep hover/visited links from turning icons blue/purple variants */.elementor a:hover .elementor-icon,.elementor a:visited .elementor-icon{color:var(--brand-purple) !important;fill:var(--brand-purple) !important}.tick:before{content:"\2714";/* ✔ */display:inline-block;margin-right:.5em;font-weight:900;font-size:1.5em;/* make tick larger */line-height:1;color:#7D5BF3;/* purple */vertical-align:middle;/* aligns nicely with text */}/* --- LIGHT MODE LOCK (gentle) --- *//* Keep the browser in light UI;don't invert forms/scrollbars */:root{color-scheme:light}/* Make the page itself light by default */html,body{background:#ffffff;color:#10131a}/* Ignore OS dark mode (keep light colors) */@media (prefers-color-scheme:dark){:root{color-scheme:light}html,body{background:#ffffff;color:#10131a}}/* Forms stay readable without overriding component styles */input,textarea,select,button{background:#ffffff;color:#10131a;border-color:#d9d9e0}/* Make core wrappers light,but let sections/widgets style themselves */.site,#page,#content{background:#ffffff}/* Low-specificity fallback text color (lets component styles win) */:where(p,li,h1,h2,h3,h4,h5,h6,label,span){color:#10131a}/* 1) Undo the global dark text rule */:where(p,li,h1,h2,h3,h4,h5,h6,label,span){color:unset}/* 2) Scope body text color ONLY to article content */.entry-content :where(p,li,h1,h2,h3,h4,h5,h6,label,span){color:#10131a}/* 3) Keep CTA/button text white everywhere */.elementor a.elementor-button,.elementor .elementor-button,.wp-block-button__link,a.sd-btn{color:#ffffff !important;-webkit-text-fill-color:#ffffff !important;/* iOS */}/* 4) Easy utility:anything you tag with .text-white stays white */.text-white,.text-white *{color:#ffffff !important;-webkit-text-fill-color:#ffffff !important}footer .wp-block-social-links .wp-social-link a,footer .wp-block-social-links .wp-social-link a svg{color:#ffffff !important;fill:#ffffff !important}footer .wp-block-social-links .wp-social-link{font-size:22px;/* adjust size if you want bigger/smaller */}