/* ====================================================
   ADUGC – CUSTOM CSS (NİHAİ – TAMAMEN EKSİKSİZ)
   ==================================================== */

/* --------------------------------------------------
   1. ROOT – ORİJİNAL TEMANIN TÜM DEĞİŞKENLERİ (EKSİKSİZ)
   -------------------------------------------------- */
:root {
  --lqd-color-primary: #d24c73;
  --lqd-color-secondary: #e8a5b9;
  --lqd-body-text-color: #454545;
  --lqd-color-purple-100: #E8E4FB;
  --lqd-color-purple-500: #895ED0;
  --lqd-color-green-500: #0AC994;
  --lqd-color-slate-100: #F3F7FF;
  --lqd-color-slate-500: #6e7f99;
  --lqd-color-slate-600: #5D6371;
  --lqd-color-slate-700: #2F313B;
  --lqd-color-gray-100: #FAF7F7;
  --lqd-color-gray-200: #d6d6d6;
  --lqd-color-gray-300: #bbb;
  --lqd-color-gray-700: #454545;
  --lqd-color-gray-900: #222222;
  --lqd-color-blue-500: #006BFF;
  --lqd-color-blue-900: #28263C;
  --lqd-color-dark: #262626;
  --lqd-color-link: #262626;
  --lqd-color-gradient-start: var(--lqd-color-primary);
  --lqd-color-gradient-stop: var(--lqd-color-secondary);
  --lqd-badge-color: var(--lqd-color-primary);
  --lqd-body-font-family: "Golos Text", Sans-serif;
  --lqd-heading-color: #181b31;
  --lqd-heading-font-family: var(--lqd-body-font-family);
  --lqd-heading-font-weight: 600;
  --lqd-heading-line-height: 1.2em;
  --lqd-h1-font-size: 62px;
  --lqd-h2-font-size: 40px;
  --lqd-h2-line-height: 1em;
  --lqd-h2-letter-spacing: -1.4px;
  --lqd-h3-font-size: 32px;
  --lqd-h3-font-size: 25px;                  /* aynı satırda tekrar var, orijinal haliyle bıraktım */
  --lqd-h5-font-size: 21px;
  --lqd-h6-color: #254043;
  --lqd-h6-font-size: 11px;
  --lqd-h6-font-weight: 500;
  --lqd-cc-bc: var(--lqd-color-primary);
  --lqd-cc-bg: var(--lqd-color-primary);
  --lqd-cc-size-outer: 35px;
  --lqd-cc-size-inner: 7px;
  --lqd-cc-bw: 1px;
  --lqd-cc-br: calc(var(--lqd-cc-size-outer) / 2);
  --lqd-cc-active-bc: var(--lqd-color-primary);
  --lqd-cc-active-bg: var(--lqd-color-primary);
  --lqd-cc-active-bw: 1px;
  --lqd-cc-active-circle-color: #fff;
  --lqd-cc-active-circle-txt: #000;
  --lqd-cc-active-arrow-color: #fff;
}

/* --------------------------------------------------
   2. GENEL (BASE) STİLLER
   -------------------------------------------------- */
.show-mobile   { display: block !important; }
.show-desktop  { display: none !important; }

.link-white-100 a { color: #d6d6d6; }

.ld-dropdown-menu-content {
  width: 120px;
  padding: 10px 20px;
  border-radius: 10px;
  text-align: center;
}

.border-gradient {
  background: linear-gradient(white, white) padding-box,
              linear-gradient(to right, #e8a5b9, #EAEDFB) border-box;
  border: 2px solid transparent;
  border-radius: 50em;
}
.border-gradient:hover {
  background-image: linear-gradient(135deg, #d24c73 0%, #d24c73 100%);
  color: white;
  box-shadow: 0 12px 28px rgba(0,0,0,.12);
}

.bg-pink-gradient-light {
  background-image: linear-gradient(135deg, #e8a5b9 0%, #EAEDFB 100%);
}
.bg-pink-gradient-light:hover {
  background-image: linear-gradient(135deg, #e8a5b9 0%, #d24c73 100%);
  color: white;
  box-shadow: 0 12px 28px rgba(0,0,0,.12);
}

.bg-pink-100 { background-color: #d24c73; }
.bg-pink-200 { background-color: #bd4467; }
.bg-pink-300 { background-color: #a93d5c; }
.bg-pink-light { background-color: #e8a5b9; }
.bg-pink-light:hover { background-color: #d24c73; color: white; }

.video-player-container { aspect-ratio: 9/16; background: #000; }
.video-player-container video { object-fit: contain; width: 100%; height: 100%; background: #000; }

.logo-default { height: 30px; }
.min-h-95vh { min-height: 95vh; }
.sm\:text-12 { font-size: 12px; }
.sm\:text-11 { font-size: 11px; }
.link-icon { margin-inline-end: 0; }
.inline-ul > li > div > a { display: inline-flex; }
.iconbox-1 { transition: box-shadow .3s ease, background .3s ease; display: block; }
.iconbox-1 h3 { display: inline-block; }
.ld-fh-txt-outline { -webkit-text-stroke: 2px #bbb; }
.lqd-cf-acceptance .lqd-cf-list-item-label { display: block; }

.btn-solid-1:hover { background-color: #d24c73; }
.btn-icon svg path:hover { fill: #fff !important; }
.btn-bordered { border: 1px solid #d6d6d6; }

/* Button boyut değişkenleri */
.module-btn-md { --btn-pt: 12px; --btn-pe: 24px; --btn-pb: 12px; --btn-ps: 24px; }
.module-btn-sm { --btn-pt: 8px; --btn-pe: 22px; --btn-pb: 8px; --btn-ps: 22px; }
.module-btn-xs { --btn-pt: 2px; --btn-pe: 6px; --btn-pb: 2px; --btn-ps: 6px; }

/* Nav hover */
.main-nav > li > div > a { padding: 16px; position: relative; white-space: nowrap; z-index: 1; }
.main-nav > li > div > a:hover,
.main-nav > li > div > a:focus {
  background: rgba(0,0,0,.07);
  border-radius: 4px;
  padding: 9px 16px;
  margin-top: 7px;
}
.lqd-filter-counter {
  display: none !important;
}
.ld-fh-element.text-120.text-black.leading-0\/8em.font-medium.text-transparent {
  -webkit-text-stroke-color: #bbb;
  -webkit-text-stroke-width: 2px;
}

/* CTA – TXT ROTATOR renkleri */
.cta .txt-rotator-list.text-rotator-activated .txt-rotate-keywords-inner {
  --lqd-color-start: #ffffff;
  --lqd-color-stop: #e8a5b9;
}
.cta .txt-rotate-keywords {
  --visible-words: 7 !important;
}
.features .module-arrow {
  right: 316px;
}
/* --------------------------------------------------
   3. MOBILE (≤767px)
   -------------------------------------------------- */
@media (max-width: 767px) {
  h2, .h2 { font-size: 8vw; }
	
  .manage-data {
    padding: 60px 10px;
  }
  .cta .ld-fancy-heading .txt-rotator-list { font-size: 9vw !important; line-height: 1.1 !important; }

  .txt-rotate-keyword span,
  .txt-rotator-list .txt-rotate-keywords-inner span {
    line-height: 32px !important;
    font-size: 30px !important;
  }

  .ld-fh-element.leading-1\/25em.whitespace-nowrap.mb-0.text-120 { font-size: 60px; line-height: 46px; }
  .accordion-title-txt, .accordion-text { font-size: 14px; }
  .liquid-filter-items { display: none; }
  .liquid-filter-items-label ~ .lqd-filter-dropdown { font-size: 16px; }
  .lqd-throwable-element-rot { font-size: 12px; }

  #testimonial { margin-top: -40px; width: 100%; }
  .ugc-process { min-height: auto; }

  #mobile-primary-nav { padding: 0; font-size: 13px; }
  .lqd-mobile-sec ul.main-nav.lqd-mobile-main-nav > li { border-bottom: 1px solid rgba(0,0,0,.05); }
  [data-mobile-nav-style] .lqd-mobile-sec .navbar-collapse { box-shadow: 0 50px 50px rgba(0,0,0,.3); }

  .lity-modal .module-content { padding: 10px; }
  .lity-modal .ld-fancy-heading h2 { font-size: 34px; -webkit-text-stroke-width: 1px !important; }

  .banner { padding-top: 10px; }
  .banner .ld-fancy-heading h2 { font-size: 6vw; letter-spacing: 0px; }
  .process .module-arrow { top: 150px; right: 67%; }
  .process .module-col { margin-top: 30px; padding-right: 10px; padding-left: 10px; }
  .faq { padding: 50px 20px; }
  .testimonial .module-avatar { top: 10px; left: 20px; }
  .cta { background-image: url("../images/bg/cta-bg-m.svg") !important; background-size: cover; flex-grow: 0; align-self: initial; padding: 10px; }
  .cta .module-btn { margin: 20px 0 10px; }
  .main-footer > section { padding-top: 70px; }
    .main-footer {
    padding: 0 20px;
  }
  .manage-data .module-video { width: 100%; }
}

/* --------------------------------------------------
   4. TABLET (768px – 1023px)
   -------------------------------------------------- */
@media (min-width: 768px) and (max-width: 1023.98px) {
  .show-mobile  { display: none !important; }
  .show-desktop { display: block !important; }

  .cta .ld-fancy-heading .txt-rotator-list { font-size: 7vw !important; line-height: 1.1 !important; }

  .txt-rotate-keyword span,
  .txt-rotator-list .txt-rotate-keywords-inner span { line-height: 40px !important; }
}

/* --------------------------------------------------
   5. DESKTOP & GENİŞ EKRAN (1024px+)
   -------------------------------------------------- */
@media (min-width: 1024px) {
  .show-mobile  { display: none !important; }
  .show-desktop { display: block !important; }

  .module-sections > section,
  .main-footer > section { width: 960px; max-width: 1140px; margin: 0 auto; }

  .txt-rotate-keyword span,
  .txt-rotator-list .txt-rotate-keywords-inner span {
    line-height: 48px !important;
    font-size: inherit !important;
  }
}

/* --------------------------------------------------
   6. ÇOK GENİŞ EKRAN (1600px+)
   -------------------------------------------------- */
@media (min-width: 1600px) {
  .module-sections > section,
  .main-footer > section { max-width: 1320px; }
}

/* --------------------------------------------------
   7. DİĞER ÖZEL STİLLER
   -------------------------------------------------- */
.lqd-section-scroll-dot.is-active,
.lqd-section-scroll-dot:hover { background-color: #bbb; border-color: #ccc; }
.submenu-expander::before { display: none; }
.lqd-section-scroll-dots { right: 10px; }
.lqd-section-scroll-dot.d-flex { border-radius: 100px; }

.process .iconbox:hover .iconbox-icon-container {
  color: #fff;
  background-color: var(--lqd-color-primary);
  box-shadow: 0 10px 20px rgba(0,0,0,.1);
}

.features .lqd-imggrp-single[data-float],
.testimonial .lqd-imggrp-single[data-float],
.faq .lqd-imggrp-single[data-float],
.throwable .lqd-imggrp-single[data-float] {
  --float-animate-to: 10%;
}

.cta { background-image: url("../images/bg/cta-bg.svg"); min-height: 408px; }
.main-footer .social-icons-wrapper { --icon-size: 30px; --grid-column-gap: 25px; }

.main-header .module-header-top { min-height: 46px; }
.main-header .module-header-middle { min-height: 36px; }
.main-header .module-header-bottom { min-height: 55px; }

/* ***** Throwable ***** */
.throwable .btn:hover,
.throwable .btn:focus {
	border-style: solid;
	border-color: #7C849A;
}

.throwable .lqd-imggrp-single[data-float] {
	--float-animate-to: 10%;
}

.throwable .module-text-1 {
	background-color: #454545;
}

.throwable .module-text-2 {
	background-color: #454545;
}

.throwable .module-text-3 {
	background-color: #e8a5b9;
}

.throwable .module-text-4 {
	background-color: #d8c0ff;
}

.throwable .module-text-5 {
	background-color: #e8a5b9;
}

.throwable .module-text-6 {
	background-color: #eaeaea;
}

.throwable .module-shape {
	right: -100px;
}

.throwable .module-emoji {
	right: 80px;
}
/* ***** Testimonial ***** */
.testimonial .carousel-nav {
  top: 30%;
}
.testimonial .carousel-nav.carousel-nav-left.carousel-nav-floated {
  right: 0;              /* bu satır yüzünden sol ok kayboluyordu */
}
.testimonial .carousel-nav .flickity-button {
  width: 10px;
  background-color: transparent;
  color: #000000;
  padding: 0;
  border-radius: 0;
}
.testimonial .carousel-nav .flickity-button.previous {
  left: -70px;
}
.testimonial .carousel-nav .flickity-button.next {
  right: -70px;
}
.testimonial .carousel-dots {
  top: auto;
  right: auto;
  bottom: -25px;
  left: auto;
}
.testimonial .carousel-dots:not(.carousel-dots-inside) {
  position: relative;
}