/*
	Theme Name: Detect
	Theme URI: https://moiseefweb.com/
	Description: Detect — кастомная тема для проекта Detect Expert, созданная на базе стартовой темы Hello Elementor и оптимизированная под конструктор страниц Elementor.
	Author: Moiseefweb
	Author URI: https://moiseefweb.com/
	Version: 1.0.0
	Stable tag: 1.0.0
	Requires at least: 6.0
	Tested up to: 6.8
	Requires PHP: 7.4
	License: GNU General Public License v3 or later.
	License URI: https://www.gnu.org/licenses/gpl-3.0.html
	Text Domain: detect
	Tags: accessibility-ready, flexible-header, custom-colors, custom-menu, custom-logo, featured-images, rtl-language-support, threaded-comments, translation-ready,
*/

/* ==========================================================================
   Detect theme base styles
   ========================================================================== */

/* Prototype utilities */
.line-clamp-2 {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

@keyframes float {
	0%, 100% { transform: translateY(0); }
	50% { transform: translateY(-5px); }
}

.animate-float {
	animation: float 3s ease-in-out infinite;
}

/* Hide site title site-wide (not needed per design) */
.site-branding .site-title,
.header-inner .site-title {
	display: none !important;
}

/* header styles */
header#detect-site-header a {
    text-decoration: none;
}

/* Language switcher in the desktop header (next to the CTA) */
.detect-header__pll {
	position: relative;
}
.detect-header__pll .pll-parent-menu-item > a:hover {
	color: var(--detect-nav-hover);
}

/* The switcher has been moved out of the menu. */
.detect-header--desktop .detect-header-nav-holder .pll-parent-menu-item {
	display: none !important;
}
/* footer styles */
.detect-footer-column ul {
	list-style: none;
	padding-left: 0;
  }
/* global styles */
.detect-active a{
    color: var(--detect-nav-hover) !important;
}
@media (max-width: 1260px) {
	#my_cont_f {
	  padding-left: 0.5rem;
	  padding-right: 0.5rem;
	}
  }

  div#note_main {
    width: 70%;
}
/* page webinars styles */
@keyframes shimmer { 0% { background-position: -200% 0; } 100% { background-position: 200% 0; } }
.animate-shimmer { background: linear-gradient(90deg, transparent, rgba(255,255,255,0.1), transparent); background-size: 200% 100%; animation: shimmer 2s infinite; }

/* carousel */
@media (max-width: 720px) {
  /* Общий контейнер с тегами и временем */
  .webinar-carousel-card-content > a > div.flex {
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
  }

  /* Для правой карточки (где text-right) */
  .webinar-carousel-right 
  .webinar-carousel-card-content > a > div.flex {
    align-items: flex-end;
  }

  /* На всякий случай — чтобы бейджи не раздували ширину */
  .webinar-carousel-card-content span {
    white-space: nowrap;
  }
}
/* счетчик */
@media (max-width: 720px) {
  .my-conters-b .text-3xl {
    font-size: 1.4rem;      /* было ~1.875rem */
    line-height: 1.1;
  }

  .my-conters-b .text-sm {
    font-size: 0.75rem;     /* компактнее подпись */
    line-height: 1.2;
  }
}
/* mobile header styles: активный пункт — цвет задаётся переменной мобильного хедера */
.detect-mobile-header__nav.open .detect-active a {
    color: var(--detect-mh-overlay-text-hover) !important;
}

/* width change — universal calc for all wide screens */
@media (min-width: 1906px) {
  div#my_cont_f {
    padding-left: calc((100vw - 1312px) / 2) !important;
    padding-right: calc((100vw - 1312px) / 2) !important;
  }
  .elementor-26 .elementor-element.elementor-element-68ae4cd {
    --padding-left: calc((100vw - 1312px) / 2) !important;
    --padding-right: calc((100vw - 1312px) / 2) !important;
  }
  .elementor-26 .elementor-element.elementor-element-230b1c6,
  .elementor-26 .elementor-element.elementor-element-64b1b5e,
  .elementor-26 .elementor-element.elementor-element-4f19cdf,
  .elementor-26 .elementor-element.elementor-element-ede5616 {
    --padding-left: calc((100vw - 1328px) / 2) !important;
    --padding-right: calc((100vw - 1328px) / 2) !important;
  }
}

/* ==========================================================================
   Bonus unlock modal — градиент (чтобы не перебивали другие стили)
   ========================================================================== */
.vektor-bonus-unlock-modal.from-gray-900.to-gray-950.bg-gradient-to-b,
.vektor-bonus-unlock-modal.bg-gradient-to-b {
	background-image: linear-gradient(to bottom, #111827, #030712);
}

/* Утилиты градиента на случай переопределения Tailwind */
.from-gray-900 {
	--tw-gradient-from: #111827;
	--tw-gradient-from-position: var(--tw-gradient-from-position);
	--tw-gradient-to: rgb(17 24 39 / 0);
	--tw-gradient-to-position: var(--tw-gradient-to-position);
	--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.to-gray-950 {
	--tw-gradient-to: #030712;
	--tw-gradient-to-position: var(--tw-gradient-to-position);
}
.bg-gradient-to-b {
	background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
}
/* webinar page */
/* Sticky footer на странице вебинара */
#single-webinar-wrap {
	display: flex !important;
	flex-direction: column !important;
	min-height: 100vh !important;
}
.single-webinar-main {
	flex: 1 1 0% !important;
	min-height: 0;
}
/* vebinar page */
.elementor-315,
.elementor-330,
.elementor-339 {
    min-height: 0 !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Контейнеры внутри секций 315, 330, 339 — обнуляем, чтобы не давали отступ под футером */
.elementor-element-522f2cc,
.elementor-element-81931f4,
.elementor-element-5cdef87 {
    height: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}
.elementor-315 .e-con-inner,
.elementor-330 .e-con-inner,
.elementor-339 .e-con-inner {
    height: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* switch language  */
a[href="#pll_switcher"] > span {
  display: none;
}
/* mr */
.elementor-widget-vektor-hero{
  margin-top: 3%;
}
@media(max-width: 768px){
  .elementor-widget-vektor-hero{
    margin-top: 10%;
  }
}
/* text a decaration */
a{
  text-decoration: none;
}
/* vektor badge start */
@media (max-width: 767px) {
  :where(.mt-6.rounded-2xl) > .p-1[style*="linear-gradient"] 
    .flex.items-center.gap-3 {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
  }
}
/* vektor badge end */
/* vektor speaker start */
.elementor-widget-vektor-speaker .elementor-widget-container{
  background: none !important;
}
/* vektor speaker end */