/* ---- GENEL / FALLBACK ---- */
:root{
  --primary:#0A1F44;
  --secondary:#E63946;
}
:where([class^="ri-"])::before { content:"\f3c2"; } 
body{ font-family:'Poppins',sans-serif; }

/* Tailwind renk sınıfları oluşmazsa yine de çalışsın diye min. fallback */
.text-primary{ color:var(--primary) !important; }
.bg-primary{ background-color:var(--primary) !important; }
.bg-secondary{ background-color:var(--secondary) !important; }
.border-primary{ border-color:var(--primary) !important; }

/* Tailwind’de yok: w-15/h-15 kullanılmış */
.w-15{ width:3.75rem; } .h-15{ height:3.75rem; }

/* ---- HERO ---- */
.hero-bg{
  background-image:
    linear-gradient(rgba(10,31,68,.55), rgba(10,31,68,.55)),
    url('/assets/images/hero-bg.jpg');
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
}


/* ---- HEADER ---- */
.header-transparent{ background:rgba(255,255,255,.95); backdrop-filter:blur(10px); }
.header-solid{ background:#fff; box-shadow:0 2px 10px rgba(0,0,0,.1); }

/* ---- DROPDOWN (group-hover + safe fallback) ---- */
.nav ul{ list-style:none; margin:0; padding:0; }
.nav > ul > li{ position:relative; }
.has-dropdown .dropdown{
  position:absolute; top:100%; left:0; min-width:240px;
  background:#fff; border:1px solid #e9edf3; border-radius:12px;
  padding:.5rem 0; box-shadow:0 20px 40px rgba(10,31,68,.08);
  opacity:0; transform:translateY(8px); pointer-events:none; transition:.18s ease;
}
.has-dropdown:hover .dropdown, .has-dropdown:focus-within .dropdown{
  opacity:1; transform:translateY(0); pointer-events:auto;
}
.has-dropdown .dropdown::before{ content:""; position:absolute; left:0; right:0; top:-10px; height:12px; }
.dropdown a{ display:block; padding:.65rem 1rem; color:#0A1F44; }
.dropdown a:hover{ background:rgba(230,57,70,.08); color:var(--secondary); }

/* ---- MARQUEE ---- */
.marquee{ animation:marquee 30s linear infinite; }
.marquee:hover{ animation-play-state:paused; }
@keyframes marquee{ 0%{transform:translateX(0)} 100%{transform:translateX(-50%)} }
.logo-pill{ display:flex; align-items:center; justify-content:center; gap:.5rem;
  width:8rem; height:5rem; background:#f3f4f6; border-radius:.5rem; flex-shrink:0;
  font-weight:600; color:#4b5563; }

/* ---- BLOG BADGES ---- */
.badge{ position:absolute; top:1rem; left:1rem; padding:.25rem .75rem; border-radius:9999px;
  font-size:.75rem; font-weight:600; }
.badge-blue{ background:#3b82f6; color:#fff; }
.badge-green{ background:#10b981; color:#fff; }
.badge-purple{ background:#8b5cf6; color:#fff; }
.badge-light{ background:rgba(255,255,255,.9); color:#374151; padding:.25rem .5rem; border-radius:9999px; }

/* ---- LINE CLAMP (plugin yoksa) ---- */
.line-clamp-2{ display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.line-clamp-3{ display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }

/* ---- ACCORDION ---- */
.accordion-content{ max-height:0; overflow:hidden; transition:max-height .3s ease; }
.accordion-content.active{ max-height:500px; }

/* ---- TESTIMONIAL SLIDER ---- */
.testimonial-slide{ display:none; }
.testimonial-slide.active{ display:block; }

/* ---- COOKIE UI (ilk açılışta bar açık, ikon/panel kapalı) ---- */ 
.cookie-bar{ display:flex; } 
.cookie-icon{ display:none; } 
.cookie-panel{ display:none; }


/* ---- PORTFOLIO OVERLAY FALLBACK ---- */
.portfolio-card:hover .portfolio-overlay{ opacity:1; }

/* ---- YARDIMCI ---- */
.rounded-button{ border-radius:8px; }

/* Hover overlay sadece açıklama varsa açılır */
.portfolio-card[data-has-desc="true"]:hover .portfolio-overlay {
  opacity: 1;
}

/* Eğer açıklama boşsa overlay hiç açılmasın */
.portfolio-overlay:has(.portfolio-desc:empty) {
  opacity: 0 !important;
  pointer-events: none;
}

/* Görsel büyüme efekti */
.portfolio-card img {
  transition: transform 0.5s ease;
}
.portfolio-card:hover img {
  transform: scale(1.04);
}



/* === References/Partners Infinite Carousel === */
.refs-carousel{
  position: relative;
  overflow: hidden;            /* dışa taşanı gizle */
  width: 100%;
  /* Kenarlarda yumuşak fade (isteğe bağlı): */
  --mask: 48px;
  -webkit-mask-image: linear-gradient(to right, transparent 0, #000 var(--mask), #000 calc(100% - var(--mask)), transparent 100%);
  mask-image: linear-gradient(to right, transparent 0, #000 var(--mask), #000 calc(100% - var(--mask)), transparent 100%);
}

.refs-track{
  display: flex;
  gap: 2rem;
  will-change: transform;      /* akıcı animasyon */
}

.ref-pill{
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .8rem;
  min-width: 200px;           /* genişlik */
  height: 80px;               /* sabit yükseklik (örnek: 80px) */
  padding: 0 1.5rem;          /* yatay boşluk */
  border-radius: 20px;        /* daha yuvarlak */
  background: #f3f5f7;
  color: #1f2a44;
  text-decoration: none;
  font-size: 1.2rem;          /* metin daha büyük */
  user-select: none;
  transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}

.ref-pill i{
  font-size: 2rem;            /* ikon büyüdü */
  line-height: 1;
}


.ref-pill:hover{ transform: translateY(-2px); box-shadow: 0 6px 18px rgba(20,25,40,.08); }

/* Koyu tema opsiyonu */
.dark .ref-pill{ background:#0f172a; color:#e2e8f0; box-shadow: 0 1px 0 rgba(0,0,0,.25); }