/* TechArizon — light / dark theme layer (2026-10-17)
   Dark is the default design. html.ta-light switches dark sections to a light, premium look.
   Classes are added server-side by mu-plugin ta-theme.php:
   .ta-dsec  top-level dark section      .ta-dcard  dark card (stays dark in both modes)
   .ta-glass translucent card in a dark section   .ta-ghost  white outline button   .ta-ebd  dark eyebrow pill */

/* ---------- theme toggle (header) ---------- */
.ta-theme-toggle .elementor-icon{position:relative;display:flex!important;align-items:center;width:58px;height:32px;padding:0 4px;border-radius:99px;font-size:0!important;line-height:0;background:rgba(255,255,255,.08);border:1px solid rgba(140,180,255,.32);cursor:pointer;transition:background .45s ease,border-color .45s ease}
.ta-theme-toggle .elementor-icon i,.ta-theme-toggle .elementor-icon svg{display:none!important}
.ta-theme-toggle .elementor-icon::before{content:'';width:24px;height:24px;border-radius:50%;flex:0 0 24px;
 background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M20.7 15.3A8.5 8.5 0 0 1 8.7 3.3a8.5 8.5 0 1 0 12 12z'/%3E%3C/svg%3E") center/14px no-repeat,linear-gradient(135deg,#0055F1,#8E04EC);
 box-shadow:0 4px 14px -2px rgba(0,85,241,.7);transition:transform .5s cubic-bezier(.2,.8,.2,1),background .45s ease}
.ta-theme-toggle .elementor-icon::after{content:'';position:absolute;right:9px;top:50%;width:12px;height:12px;margin-top:-6px;opacity:.55;transition:opacity .4s,left .4s,right .4s;
 background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='5' fill='%23FFC24D'/%3E%3Cg stroke='%23FFC24D' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M12 1.5v2.5M12 20v2.5M1.5 12H4M20 12h2.5M4.6 4.6l1.8 1.8M17.6 17.6l1.8 1.8M4.6 19.4l1.8-1.8M17.6 6.4l1.8-1.8'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat}
.ta-theme-toggle:hover .elementor-icon{border-color:rgba(140,180,255,.6)}
html.ta-light .ta-theme-toggle .elementor-icon{background:#EAF0FD;border-color:#D2DDF6}
html.ta-light .ta-theme-toggle .elementor-icon::before{transform:translateX(26px);
 background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='5' fill='%23fff'/%3E%3Cg stroke='%23fff' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M12 1.5v2.5M12 20v2.5M1.5 12H4M20 12h2.5M4.6 4.6l1.8 1.8M17.6 17.6l1.8 1.8M4.6 19.4l1.8-1.8M17.6 6.4l1.8-1.8'/%3E%3C/g%3E%3C/svg%3E") center/15px no-repeat,linear-gradient(135deg,#FFB547,#FF6A3D);box-shadow:0 4px 14px -2px rgba(255,122,40,.65)}
html.ta-light .ta-theme-toggle .elementor-icon::after{right:auto;left:9px;
 background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%2304275B' d='M20.7 15.3A8.5 8.5 0 0 1 8.7 3.3a8.5 8.5 0 1 0 12 12z'/%3E%3C/svg%3E") center/contain no-repeat}
@media(max-width:1024px){
 .elementor-location-header .ta-theme-toggle{order:2}
 .elementor-location-header .elementor-widget-nav-menu{order:3}
 .ta-theme-toggle .elementor-icon{width:42px;height:42px;padding:0;border-radius:14px;justify-content:center}
 .ta-theme-toggle .elementor-icon::after{display:none}
 html.ta-light .ta-theme-toggle .elementor-icon::before{transform:none}}
@media(max-width:767px){
 .elementor-location-header .elementor-widget-image,.elementor-location-header .elementor-widget-image img{width:126px!important;max-width:126px!important}}
@media(max-width:374px){
 .elementor-location-header .elementor-widget-button.elementor-hidden-desktop{display:none!important}}
.ta-logo-dark{display:none!important}
html.ta-light .ta-logo-dark{display:block!important}
html.ta-light .ta-logo-light{display:none!important}

/* smooth switch */
html.ta-anim .ta-dsec,html.ta-anim .ta-dsec *,html.ta-anim .elementor-location-header .e-con{transition:background-color .45s ease,color .45s ease,border-color .45s ease,box-shadow .45s ease!important}

/* ---------- LIGHT MODE ---------- */
html.ta-light body{background:#F5F8FF}

/* header capsule */
html.ta-light .elementor-location-header>.e-con>.e-con{background:rgba(255,255,255,.82)!important;box-shadow:0 16px 40px -22px rgba(11,27,77,.35),inset 0 1px 0 #fff!important;-webkit-backdrop-filter:saturate(1.4);backdrop-filter:saturate(1.4)}
html.ta-light .elementor-location-header>.e-con>.e-con::before{background:linear-gradient(115deg,rgba(0,85,241,.45),rgba(4,39,91,.08) 38%,rgba(4,39,91,.06) 62%,rgba(142,4,236,.45))!important}
html.ta-light .elementor-location-header>.e-con.elementor-sticky--effects>.e-con{background:rgba(255,255,255,.96)!important;box-shadow:0 18px 44px -18px rgba(11,27,77,.35)!important}
html.ta-light .elementor-location-header .elementor-nav-menu--main .elementor-item{color:#33415C!important}
html.ta-light .elementor-location-header .elementor-nav-menu--main .elementor-item:hover{color:#04275B!important;background:rgba(0,85,241,.07)!important}
html.ta-light .elementor-location-header .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#fff!important}
html.ta-light .elementor-location-header .elementor-nav-menu--main .elementor-item::before{background-color:rgba(0,85,241,.07)}
html.ta-light .elementor-location-header .elementor-nav-menu--main .sub-menu a{color:#DCE6FF!important}
html.ta-light .elementor-location-header .elementor-menu-toggle{background:#EEF3FF!important;border-color:#D2DDF6!important;color:#04275B!important}
html.ta-light .elementor-location-header .elementor-menu-toggle svg{fill:#04275B!important}
html.ta-light .elementor-location-header .elementor-menu-toggle.elementor-active{color:#fff!important}
html.ta-light .elementor-location-header .elementor-menu-toggle.elementor-active svg{fill:#fff!important}

/* dark sections -> light */
html.ta-light .ta-dsec{background:radial-gradient(900px 520px at 12% 0%,rgba(0,85,241,.11),rgba(0,85,241,0) 62%),radial-gradient(760px 480px at 92% 8%,rgba(142,4,236,.09),rgba(142,4,236,0) 60%),linear-gradient(180deg,#F8FAFF 0%,#EEF3FF 100%)!important}
html.ta-light .ta-dsec+.ta-dsec{background:radial-gradient(800px 480px at 88% 0%,rgba(142,4,236,.08),rgba(142,4,236,0) 60%),linear-gradient(180deg,#FFFFFF 0%,#F3F6FF 100%)!important}
html.ta-light .ta-dsec::after{opacity:.55}
html.ta-light .ta-dsec :is(.elementor-heading-title,.elementor-counter-number-wrapper,.elementor-counter-title,.elementor-tab-title,.elementor-tab-title a,.elementor-headline,.elementor-headline-plain-text,.elementor-icon-box-title,.elementor-icon-box-title a,.elementor-image-box-title,.elementor-image-box-title a):not(.ta-dcard *){color:#04275B!important}
html.ta-light .ta-dsec :is(.elementor-widget-text-editor,.elementor-widget-text-editor p,.elementor-widget-text-editor li,.elementor-icon-box-description,.elementor-image-box-description):not(.ta-dcard *){color:#5B6785!important}
html.ta-light .ta-dsec .elementor-icon-list-text:not(.ta-dcard *){color:#33415C!important}
html.ta-light .ta-dsec .elementor-heading-title a:not(.ta-dcard *){color:inherit!important}
/* eyebrow pills */
html.ta-light .ta-ebd:not(.ta-dcard *){background-color:rgba(0,85,241,.08)!important;border-color:rgba(0,85,241,.2)!important}
html.ta-light .ta-dsec .ta-ebd:not(.ta-dcard *) .elementor-heading-title,html.ta-light .ta-dsec .ta-ebd:not(.ta-dcard *) .elementor-heading-title span{color:#0055F1!important}
/* translucent cards */
html.ta-light .ta-dsec .ta-glass:not(.ta-dcard *){background:#FFFFFF!important;border-color:#E3EAF9!important;box-shadow:0 18px 44px -30px rgba(11,27,77,.35)}
html.ta-light .ta-dsec a.ta-glass:hover:not(.ta-dcard *){border-color:rgba(0,85,241,.45)!important;background:#F7FAFF!important}
html.ta-light .ta-dsec .ta-glass .elementor-view-stacked .elementor-icon:not(.ta-dcard *){background-color:rgba(0,85,241,.09)!important;color:#0055F1!important;fill:#0055F1!important}
html.ta-light .ta-dsec .ta-glass .elementor-view-stacked .elementor-icon svg{fill:#0055F1!important}
html.ta-light .ta-dsec .ta-glass .ta-arr{color:#0055F1!important}
/* white outline buttons */
html.ta-light .ta-dsec .ta-ghost:not(.ta-dcard *) .elementor-button{color:#04275B!important;border-color:rgba(4,39,91,.28)!important;background:transparent!important}
html.ta-light .ta-dsec .ta-ghost:not(.ta-dcard *) .elementor-button svg{fill:#04275B!important}
html.ta-light .ta-dsec .ta-ghost:not(.ta-dcard *) .elementor-button:hover{color:#fff!important;background:#04275B!important;border-color:#04275B!important}
html.ta-light .ta-dsec .ta-ghost:not(.ta-dcard *) .elementor-button:hover svg{fill:#fff!important}
/* dark cards inside light sections get a soft lift */
html.ta-light .ta-dsec .ta-dcard{box-shadow:0 34px 70px -34px rgba(11,27,77,.45)!important}
/* accordion items inside a former dark section */
html.ta-light .ta-dsec .elementor-accordion-item:not(.ta-dcard *){background:#fff!important;border-color:#E3EAF9!important}
/* illustration screens inside light cards keep a dark 'screen' so the white UI lines stay visible */
html.ta-light .ta-dsec .ta-glass .elementor-widget-icon:not(.elementor-view-stacked) .elementor-icon{background:linear-gradient(150deg,#0F2A78 0%,#081440 60%,#1F0C55 100%);border-radius:16px}
/* first (hero) section never glides on load — stops the page jumping when it opens */
[data-elementor-type="wp-page"]>.e-parent:first-child .elementor-invisible,[data-elementor-type="wp-page"]>.e-parent:first-child .animated{transform:none!important;animation:none!important;opacity:1!important;visibility:visible!important}