/* ==================================================================
   my_css.css — подключение Geologica и базовая типографика
   ==================================================================
   
   ФАЙЛ: my_css.css
   ЦЕЛЬ: подключить единственный шрифт Geologica,
         задать fallback-стек и оптимизировать рендер

   ПРИНЦИПЫ:
   - Минимализм: только @font-face и font-family
   - Приоритет: все свойства с !important
   - Однозначность: одно имя семейства “Geologica”
   - Производительность: font-display: swap !important

================================================================== */

/* 1. Подключаем Geologica из локального TTF */
@font-face {
  font-family: "Geologica";
  src: url("/visuals/photo-video/2025/08/geologica.ttf") format("truetype") !important;
  font-weight: 100 900 !important;
  font-style: oblique 0deg 12deg !important;
  font-display: swap !important;
}

/* 2. Основной fallback-стек для всех текстовых элементов */
body.elementor-default,
body.elementor-default .elementor-widget {
  font-family:
    "Geologica",           /* основной шрифт */
    "SF Pro Display",      /* macOS/iOS */
    BlinkMacSystemFont,    /* Chromium/macOS */
    "Segoe UI",            /* Windows */
    system-ui,             /* универсальный системный */
    -apple-system,         /* старая Safari */
    "Helvetica Neue",      /* старые Mac */
    sans-serif !important; /* generic fallback */
}

/* 3. Технические оптимизации рендера */
body.elementor-default {
  font-synthesis: none !important;
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}

/* Fix CLS / Swiper (Elementor) — заменить предыдущий блок */
@font-face{
  font-family:"Geologica";
  src:url("https://axbrin.com/visuals/photo-video/geologica.ttf") format("truetype");
  font-display:swap;
}