arch(sprint1): move UI env reads behind runtime facade

src/app/pages/item-detail/item-detail.component.ts

@@ -7,12 +7,12 @@ import { AuthService } from '../../services/auth.service';
 import { Item, ItemDetail, DescriptionField, DeliveryOption } from '../../models';
 import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
 import { Subscription } from 'rxjs';
-import { environment } from '../../../environments/environment';
 import { SecurityContext } from '@angular/core';
 import { getStockStatus, getBadgeClass, getTranslatedField } from '../../utils/item.utils';
 import { LangRoutePipe } from '../../pipes/lang-route.pipe';
 import { TranslatePipe } from '../../i18n/translate.pipe';
 import { TranslateService } from '../../i18n/translate.service';
+import { UiRuntimeFacade } from '../../facades/runtime/ui-runtime.facade';
 
 @Component({
   selector: 'app-item-detail',
@@ -26,7 +26,11 @@ export class ItemDetailComponent implements OnInit, OnDestroy {
   selectedPhotoIndex = signal(0);
   loading = signal(true);
   error = signal<string | null>(null);
-  isnovo = environment.theme === 'novo';
+  private readonly uiRuntime = inject(UiRuntimeFacade);
+
+  get isnovo(): boolean {
+    return this.uiRuntime.isNovo();
+  }
 
   // Variant selection
   selectedColour = signal<string | null>(null);