
/* === SCAN: Lightbox close button (round, same visual language as slider arrows) === */
.swc-lightbox__dialog{position:relative}

/* Размер можно подстроить, сейчас как у стрелок карусели */
.swc-lightbox__close{
  --swc-close-size: 64px;
  position:absolute;            /* всегда в правом верхнем углу окна */
  top:12px;
  right:12px;
  z-index:1001;
  width:var(--swc-close-size);
  height:var(--swc-close-size);
  border-radius:50%;
  border:none;
  background:#bdbdbd;           /* серый фон */
  color:#fff;                   /* запасной цвет (на случай иконок) */
  display:inline-flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  box-shadow:0 6px 16px rgba(0,0,0,.18);   /* лёгкая тень как у стрелок */
  transition:box-shadow .2s ease, transform .12s ease, background-color .15s ease;
  outline:none;
}

/* Белый крест по центру, два штриха */
.swc-lightbox__close::before,
.swc-lightbox__close::after{
  content:"";
  position:absolute;
  left:50%; top:50%;
  width:60%; height:2px;        /* толщина линий креста */
  background:#fff;
  border-radius:2px;
  transform-origin:center;
}
.swc-lightbox__close::before{ transform:translate(-50%,-50%) rotate(45deg); }
.swc-lightbox__close::after { transform:translate(-50%,-50%) rotate(-45deg); }

/* Hover: мягкий glow и чуть темнее фон */
.swc-lightbox__close:hover{
  background:#a9a9a9;
  box-shadow:
    0 0 0 6px rgba(0,0,0,.06),
    0 10px 22px rgba(0,0,0,.25);
}

/* Клавиатурный фокус (доступность) */
.swc-lightbox__close:focus-visible{
  box-shadow:
    0 0 0 6px rgba(255,255,255,.75),
    0 10px 22px rgba(0,0,0,.28);
  outline:none;
}

/* === SCAN: Round lightbox close button (force override) === */
.swc-lightbox .swc-lightbox__dialog{ position: relative !important; }

/* Размер одинаковый со стрелками (можно поменять на 64px при желании) */
.swc-lightbox .swc-lightbox__close{
  --swc-close-size: 56px;

  position: absolute !important;
  top: 12px !important;
  right: 12px !important;
  z-index: 1001 !important;

  width: var(--swc-close-size) !important;
  height: var(--swc-close-size) !important;
  border: none !important;
  border-radius: 50% !important;

  background: #bdbdbd !important;           /* серый фон */
  background-image: none !important;
  color: #fff !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;

  box-shadow: 0 6px 16px rgba(0,0,0,.18) !important;
  transition: box-shadow .2s ease, transform .12s ease, background-color .15s ease !important;

  line-height: 1 !important;
  text-indent: 0 !important;
  font-size: 0 !important;                  /* чтобы никаких символов внутри не мешали */
  outline: none !important;
}

/* Белый крест — два штриха */
.swc-lightbox .swc-lightbox__close::before,
.swc-lightbox .swc-lightbox__close::after{
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  width: 60% !important;                    /* длина линий креста */
  height: 2px !important;                   /* толщина */
  background: #fff !important;
  border-radius: 2px !important;
  transform-origin: center !important;
}
.swc-lightbox .swc-lightbox__close::before{ transform: translate(-50%,-50%) rotate(45deg) !important; }
.swc-lightbox .swc-lightbox__close::after { transform: translate(-50%,-50%) rotate(-45deg) !important; }

/* Hover / Focus: мягкий glow */
.swc-lightbox .swc-lightbox__close:hover{
  background: #a9a9a9 !important;
  box-shadow:
    0 0 0 6px rgba(0,0,0,.06),
    0 10px 22px rgba(0,0,0,.25) !important;
}
.swc-lightbox .swc-lightbox__close:focus-visible{
  box-shadow:
    0 0 0 6px rgba(255,255,255,.75),
    0 10px 22px rgba(0,0,0,.28) !important;
  outline: none !important;
}

/* === SCAN: Lightbox close — size as slider arrows, new colors === */
/* Подхватываем размер стрелок, если в теме/виджете задана переменная --swc-nav-size;
   иначе используем 64px. Эти правила выше по специфичности и с !important. */
.swc-lightbox .swc-lightbox__close{
  --swc-close-size: var(--swc-nav-size, 64px) !important;
  width: var(--swc-close-size) !important;
  height: var(--swc-close-size) !important;
  background: #333333 !important;                  /* базовый цвет фона */
  box-shadow: 0 6px 16px rgba(0,0,0,.18) !important;/* базовая тень */
}
.swc-lightbox .swc-lightbox__close:hover{
  background: #E94E4E !important;                  /* hover-цвет */
  /* glow оставляем таким же */
  box-shadow:
    0 0 0 6px rgba(0,0,0,.06),
    0 10px 22px rgba(0,0,0,.25) !important;
}
/* === SCAN: Lightbox close size = 32px === */
.swc-lightbox .swc-lightbox__close{
  --swc-close-size: 32px !important;
  width: var(--swc-close-size) !important;
  height: var(--swc-close-size) !important;
}

/* === SCAN: Lightbox scroll bottom padding to avoid clipping last content === */
.swc-lightbox .swc-lightbox__scroller{
  /* добавляем запас, чтобы нижний элемент не "съедался" радиусом/краем */
  padding-bottom: 32px !important;
}

/* на всякий случай даём зазор у последнего узла внутри контента */
.swc-lightbox .swc-lb-inner > :last-child{
  margin-bottom: 12px !important;
}
/* === SCAN: убрать подчёркивание у ссылок в карточках карусели === */
/* Целенаправленно только на виджет, чтобы ничего не сломать вокруг */
.elementor-widget-scan_works_carousel .swc-card__title a,
.elementor-widget-scan_works_carousel .swc-card__link{
  text-decoration: none !important;
  background-image: none !important; /* если тема рисует "подчёркивание" через градиент */
  box-shadow: none !important;       /* если тема делает нижнюю линию через тень */
  border-bottom: 0 !important;
}

/* На hover/active/focus подчёркивание тоже не показываем */
.elementor-widget-scan_works_carousel .swc-card__title a:hover,
.elementor-widget-scan_works_carousel .swc-card__title a:active,
.elementor-widget-scan_works_carousel .swc-card__title a:focus,
.elementor-widget-scan_works_carousel .swc-card__link:hover,
.elementor-widget-scan_works_carousel .swc-card__link:active,
.elementor-widget-scan_works_carousel .swc-card__link:focus{
  text-decoration: none !important;
}

/* Доступность: оставим видимый фокус-индикатор для клавиатуры */
.elementor-widget-scan_works_carousel .swc-card__title a:focus-visible,
.elementor-widget-scan_works_carousel .swc-card__link:focus-visible{
  outline: 2px solid rgba(0,0,0,.25);
  outline-offset: 2px;
}
