/* Space Influencer – Elementor ile kurulan sayfanın tamamlayıcı stilleri.
   Renkler Elementor Site Ayarları > Global Renkler'den gelir; değiştirirseniz burası da uyar. */
:root {
	--si-red: var(--e-global-color-sired, #E10600);
	--si-red-deep: var(--e-global-color-sireddeep, #B00500);
	--si-black: var(--e-global-color-siblack, #0B0B0C);
	--si-ink: var(--e-global-color-siink, #17171A);
	--si-white: var(--e-global-color-siwhite, #FFFFFF);
	--si-paper: var(--e-global-color-sipaper, #F6F3F3);
	--si-gray: var(--e-global-color-sigray, #5E5A5A);
	--si-gray-d: var(--e-global-color-sigrayd, #A9A9B1);
	--si-line-d: var(--e-global-color-silined, #2A2A2E);
	--si-line-l: var(--e-global-color-silinel, #E6E1E1);
}

html { scroll-behavior: smooth; scroll-padding-top: 84px; }
body { -webkit-font-smoothing: antialiased; }
@media (prefers-reduced-motion: reduce) {
	html { scroll-behavior: auto; }
	.si-ticker-track, .si-dot { animation: none !important; }
}

/* Metin kutularında paragraf boşlukları */
.elementor-widget-text-editor p { margin: 0 0 .9em; }
.elementor-widget-text-editor p:last-child { margin-bottom: 0; }
.elementor-heading-title { overflow-wrap: break-word; }

/* Başlık bölümü (yapışkan menü) */
.elementor .e-con.si-header { position: sticky !important; top: 0; z-index: 100; }
body.admin-bar .elementor .e-con.si-header { top: 32px; }
@media (max-width: 782px) { body.admin-bar .elementor .e-con.si-header { top: 46px; } }
@media (max-width: 600px) { body.admin-bar .elementor .e-con.si-header { top: 0; } }
.si-logo a { color: inherit; text-decoration: none; }
.si-red { color: var(--si-red); }
.si-nav .elementor-icon-list-item a,
.si-nav .elementor-icon-list-text { transition: color .15s; }

/* Üst etiketler */
.si-eyebrow .elementor-heading-title { letter-spacing: .14em; }
.si-dot {
	display: inline-block; width: 8px; height: 8px; border-radius: 50%;
	background: var(--si-red); margin-right: 10px; vertical-align: 1px;
	animation: si-blink 1.4s steps(1) infinite;
}
#katil .si-dot { background: var(--si-white); }
@keyframes si-blink { 50% { opacity: .25; } }

.si-sechead { max-width: 780px; }
.si-sechead.si-center { margin-left: auto; margin-right: auto; text-align: center; align-items: center; }

/* Görseller */
.si-img img { width: 100%; height: auto; display: block; border-radius: 0; }

/* Kayan platform şeridi */
.si-ticker { overflow: hidden; background: var(--si-red); color: var(--si-white); }
.si-ticker-track {
	display: flex; width: max-content; gap: 48px; padding: 16px 0;
	animation: si-slide 36s linear infinite;
	font-family: "Unbounded", sans-serif; font-weight: 700; font-size: 20px; line-height: 1.3;
}
.si-ticker-track span { display: inline-flex; align-items: center; gap: 48px; white-space: nowrap; }
.si-ticker-track span::after { content: "●"; font-size: 10px; opacity: .8; }
@keyframes si-slide { to { transform: translateX(-50%); } }

/* Kartlar */
.si-card-hover, .si-card-dark, .si-tier, .si-package { transition: border-color .2s, transform .2s; }
.si-card-hover:hover, .si-card-dark:hover, .si-tier:hover { border-color: var(--si-red) !important; transform: translateY(-3px); }
.si-iconbox .elementor-icon-box-title { margin-top: 0; }

/* Süreç adımları */
.si-step-bar { height: 3px; background: var(--si-black); position: relative; margin: 4px 0; }
.si-step-bar::after { content: ""; position: absolute; left: 0; top: -5px; width: 13px; height: 13px; border-radius: 50%; background: var(--si-red); }

/* Influencer kartları */
.si-person .si-img img { transition: transform .4s; }
.si-person .elementor-widget-image { overflow: hidden; }
.si-person:hover .si-img img { transform: scale(1.04); }
.si-nums { display: flex; flex-wrap: wrap; gap: 6px 18px; border-top: 1px solid var(--si-line-l); padding-top: 10px; }
.si-nums strong { font-family: "Unbounded", sans-serif; font-size: 15px; }

/* Vaka KPI'ları */
.si-kpis { border-top: 1px solid var(--si-line-d); padding-top: 18px !important; }

/* Sektör etiketleri */
.si-chips .elementor-icon-list-items { justify-content: center; gap: 10px; }
.si-chips .elementor-icon-list-items .elementor-icon-list-item { margin: 0 !important; padding: 10px 18px; border: 1.5px solid var(--si-black); background: var(--si-white); }
.si-chips .elementor-icon-list-item::after { display: none !important; }

/* Galeri */
.si-gallery img { width: 100%; height: auto; aspect-ratio: 1 / 1; object-fit: cover; display: block; border: 0 !important; }
.si-gallery .gallery-item { margin-bottom: 0 !important; }

/* Referans logoları */
.si-logos { border-top: 1px solid var(--si-line-l); border-left: 1px solid var(--si-line-l); }
.si-logo-cell { border-right: 1px solid var(--si-line-l); border-bottom: 1px solid var(--si-line-l); background: var(--si-white); }
.si-logo-cell .elementor-heading-title { transition: color .2s; }
.si-logo-cell:hover .elementor-heading-title { color: var(--si-black) !important; }

/* Yorumlar */
.si-quote .elementor-testimonial-wrapper { text-align: left; }
.si-quote .elementor-testimonial-content { margin-bottom: 20px; }
.si-quote .elementor-testimonial-image img { border-radius: 50%; }

/* Paketler */
.si-package-hot { box-shadow: 0 0 0 1px var(--si-red); }

/* SSS */
.si-faq .elementor-toggle-item { border-bottom: 1px solid var(--si-line-l); }
.si-faq .elementor-toggle-item:first-child { border-top: 2px solid var(--si-black); }
.si-faq .elementor-tab-title { border: 0 !important; }
.si-faq .elementor-tab-content { border: 0 !important; }

/* İletişim */
.si-social .elementor-social-icons-wrapper { justify-content: flex-start; text-align: left; }
.si-contact-list .elementor-icon-list-text { word-break: break-word; user-select: all; }

/* Alt bölüm */
.si-bigword .elementor-heading-title { white-space: nowrap; overflow: hidden; letter-spacing: -.02em; }
.si-foot-bottom { border-top: 1px solid var(--si-line-d); padding-top: 22px !important; }

.si-note { opacity: .9; }

/* ---------------------------------------------------------------
   Form ([space_form] kısa kodu)
   --------------------------------------------------------------- */
.si-form-wrap { font-family: "Manrope", sans-serif; color: var(--si-white); }
.si-tabs { display: inline-flex; flex-wrap: wrap; border: 1px solid var(--si-line-d); margin-bottom: 22px; max-width: 100%; }
.si-tab { background: transparent; color: #C9C9CF; border: 0; padding: 12px 18px; font: 700 14px/1.2 "Manrope", sans-serif; cursor: pointer; border-radius: 0; }
.si-tab:hover { color: var(--si-white); background: transparent; }
.si-tab.is-active { background: var(--si-red); color: var(--si-white); }
.si-form { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.si-form[hidden] { display: none; }
.si-field { display: grid; gap: 6px; min-width: 0; }
.si-full { grid-column: 1 / -1; }
.si-form label { font-size: 13px; font-weight: 600; color: #C9C9CF; }
.si-field label span { color: var(--si-red); }
.si-kvkk span { color: #C9C9CF; }
.si-form input[type="text"], .si-form input[type="email"], .si-form input[type="tel"], .si-form select, .si-form textarea {
	width: 100%; font: 500 15px/1.4 "Manrope", sans-serif; background: var(--si-ink); color: var(--si-white);
	border: 1px solid var(--si-line-d); border-radius: 0; padding: 13px 14px; box-shadow: none; color-scheme: dark;
}
.si-form textarea { min-height: 130px; resize: vertical; }
.si-form input::placeholder, .si-form textarea::placeholder { color: #6E6E76; }
.si-form input:focus, .si-form select:focus, .si-form textarea:focus { border-color: var(--si-red); outline: none; }
.si-kvkk { display: flex !important; gap: 10px; align-items: flex-start; font-weight: 500 !important; line-height: 1.5; }
.si-kvkk input { width: 18px; height: 18px; margin-top: 2px; flex: 0 0 18px; accent-color: var(--si-red); }
.si-kvkk a { color: var(--si-white); text-decoration: underline; }
.si-submit { background: var(--si-red); color: var(--si-white); border: 2px solid var(--si-red); border-radius: 0; padding: 16px 28px; font: 700 15px/1.2 "Manrope", sans-serif; cursor: pointer; transition: background .15s; }
.si-submit:hover, .si-submit:focus { background: var(--si-red-deep); border-color: var(--si-red-deep); color: var(--si-white); }
.si-form-msg { padding: 14px 16px; margin-bottom: 18px; font-weight: 600; }
.si-form-msg.si-ok { background: var(--si-red); color: var(--si-white); }
.si-form-msg.si-err { background: var(--si-white); color: var(--si-black); border-left: 4px solid var(--si-red); }
.si-hp { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; overflow: hidden; }
.si-form-wrap :focus-visible, .si-header a:focus-visible, .elementor-button:focus-visible { outline: 3px solid var(--si-red); outline-offset: 3px; }
@media (max-width: 600px) { .si-form { grid-template-columns: 1fr; } }