/* ==========================================================================
   TÜM SAYFALAR İÇİN ORİJİNAL TEMEL STİLLER
   ========================================================================== */

   :root {
    --primary-blue: #3883eb;
    --dark-blue: #102030;
    --light-bg: #f5f7fa;
    --text-dark: #2d3748;
    --text-light: #f8f9fa;
    --border-color: #e9ecef;
  }
  
  body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: var(--text-dark);
    line-height: 1.6;
    background-color: #ffffff;
    padding-top: 80px; /* Sabit navbar için */
  }
  
 
  
  /* --- Standart .btn-primary Buton Stili --- */
  .btn {
    padding: 12px 28px;
    font-weight: 500;
    letter-spacing: 0.5px;
    transition: all 0.3s ease;
    border-radius: 8px;
  }
  .btn-primary {
    background-color: var(--primary-blue);
    border-color: var(--primary-blue);
  }
  .btn-primary:hover {
    background-color: #2a6fd6;
    border-color: #2a6fd6;
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(56, 131, 235, 0.3);
  }
  .btn-contact{
    display: inline-block;
  }
  
  /* ==========================================================================
     Partner Logo Slider 
     ========================================================================== */
  .logo-slider {
    overflow: hidden;
    position: relative;
    width: 100%;
    background: #f8f9fa;
    padding: 20px 0;
  }
  
  .logo-track {
    display: flex;
    width: calc(200px * 20); 
    animation: scroll 40s linear infinite;
  }
  
  .logo {
    flex: 0 0 auto;
    width: 200px;
    margin: 0 20px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  
  .logo img {
    max-height: 80px;
    object-fit: contain;
    filter: grayscale(100%);
    transition: filter 0.3s ease;
  }
  
  .logo img:hover {
    filter: grayscale(0%);
  }
  
  @keyframes scroll {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
  }
  
 
  
  .about-hero-section, .skills-hero-section, .solutions-hero-section, .contact-hero-section, .products-hero-section, .news-header, .product-hero {
      background-color: var(--dark-blue);
      color: white;
      padding: 6rem 0;
      text-align: center;
  }
  .about-hero-section {
      background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('../images/about/about-bg.jpg');
      background-size: cover;
      background-position: center;
      min-height: 400px;
      display: flex;
      align-items: center;
      justify-content: center;
  }
  .skills-hero-section {
      background: linear-gradient(rgba(16, 32, 48, 0.8), rgba(16, 32, 48, 0.8)), url('../images/skills/hero-bg.jpg');
      background-size: cover;
      background-position: center;
      min-height: 400px;
      display: flex;
      align-items: center;
      justify-content: center;
  }
  
  /* --- Kurumsal Sayfa (about.html) --- */
  .certificate-img {
      max-height: 200px;
      width: auto;
      border: 1px solid #ddd;
      border-radius: 4px;
      padding: 5px;
      box-shadow: 0 4px 8px rgba(0,0,0,0.1);
  }
  .timeline {
      position: relative;
      max-width: 1200px;
      margin: 0 auto;
  }
  .timeline::after {
      content: '';
      position: absolute;
      width: 6px;
      background-color: var(--dark-blue);
      top: 0;
      bottom: 0;
      left: 50%;
      margin-left: -3px;
  }
  .timeline-container {
      padding: 10px 40px;
      position: relative;
      background-color: inherit;
      width: 50%;
  }
  .timeline-container::after {
      content: '';
      position: absolute;
      width: 25px;
      height: 25px;
      right: -12px;
      background-color: white;
      border: 4px solid var(--primary-blue);
      top: 15px;
      border-radius: 50%;
      z-index: 1;
  }
  .left { left: 0; }
  .right { left: 50%; }
  .right::after { left: -12px; }
  .timeline-content {
      padding: 20px 30px;
      background-color: #f1f1f1;
      position: relative;
      border-radius: 6px;
      box-shadow: 0 4px 8px rgba(0,0,0,0.1);
  }
  
  /* --- Yetenekler Sayfası (skills.html) --- */
  .skill-card {
      background-color: white;
      border-radius: 10px;
      padding: 30px;
      box-shadow: 0 5px 15px rgba(0,0,0,0.05);
      transition: all 0.3s ease;
      text-align: center;
      border: 1px solid rgba(0,0,0,0.05);
      height: 100%;
  }
  .skill-card:hover {
      transform: translateY(-10px);
      box-shadow: 0 15px 30px rgba(0,0,0,0.1);
      border-color: var(--primary-blue);
  }
  .skill-icon {
      width: 80px;
      height: 80px;
      margin: 0 auto 20px;
      background-color: #f8f9fa;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 30px;
      color: var(--primary-blue);
      transition: all 0.3s ease;
  }
  .skill-card:hover .skill-icon {
      background-color: var(--primary-blue);
      color: white;
      transform: scale(1.1);
  }
  .skill-card h3 {
      margin-bottom: 15px;
      color: var(--dark-blue);
      font-weight: 600;
  }
  
  /* --- Çözümler Sayfası (solutions.html) --- */
  .solution-card {
      background: #fff;
      border-radius: 12px;
      padding: 2rem;
      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
      transition: transform 0.3s ease, box-shadow 0.3s ease;
      border: 1px solid rgba(0, 0, 0, 0.1);
      height: 100%;
  }
  .solution-card:hover {
      transform: translateY(-10px);
      box-shadow: 0 15px 40px rgba(0, 0, 0, 0.2);
  }
  .solution-icon {
      width: 60px;
      height: 60px;
      background: linear-gradient(135deg, #3883eb, #00d9ff);
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 1.5rem;
      color: white;
      font-size: 1.5rem;
  }
  .solution-card h3 {
      color: var(--dark-blue);
      margin-bottom: 1rem;
      font-weight: 600;
  }
  
  /* --- Haberler Sayfası (news.html) --- */
  .news-container {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
      gap: 2rem;
      padding: 2rem;
  }
  .haber-kutusu {
      background: white;
      border-radius: 1rem;
      overflow: hidden;
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
      display: flex;
      flex-direction: column;
  }
  .haber-kutusu img {
      width: 100%;
      aspect-ratio: 16 / 9; 
      object-fit: cover;
      display: block;
  }
  .haber-kutusu h3 {
      font-size: 1.3rem;
      color: #003366;
      margin: 1rem;
      padding-top: 0.5rem;
      flex-grow: 1;
  }
  .haber-kutusu small {
      font-size: 0.85rem;
      color: #888;
      padding: 0 1rem 1rem;
  }




.product-card {
  border: 1px solid var(--border-color, #e9ecef);
  border-radius: 12px;
  overflow: hidden;
  background-color: #ffffff;
  display: flex;
  flex-direction: column;
  transition: all 0.3s ease-in-out;
  box-shadow: 0 4px 6px rgba(0,0,0,0.04);
  height: 100%; 
}

.product-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 12px 20px rgba(0,0,0,0.08);
}

.product-card .product-image {
  overflow: hidden; 
}

.product-card .product-image img {
  aspect-ratio: 4 / 3;
  object-fit: cover;
  transition: transform 0.4s ease;
}

.product-card:hover .product-image img {
  transform: scale(1.05);
}

.product-card .product-info {
  display: flex;
  flex-direction: column;
  flex-grow: 1; 
  padding: 1.25rem;
}

.product-card .product-title {
  font-size: 1.1rem;
  font-weight: 600;
  color: var(--text-dark);
  margin-bottom: 0.5rem;
  line-height: 1.3; 
}

.product-card .product-description {
  font-size: 0.85rem;
  color: #6c757d; 
  margin-bottom: 1rem;
  flex-grow: 1; 
}

.product-card .product-link {
  font-weight: 500;
  color: var(--primary-blue);
  margin-top: auto; 
  transition: color 0.3s ease;
  text-align: right;
}

.product-card a:hover .product-link {
  text-decoration: underline;
}


  @media (max-width: 768px) {
      .timeline::after { left: 31px; }
      .timeline-container { width: 100%; padding-left: 70px; padding-right: 25px; }
      .left::after, .right::after { left: 18px; }
      .right { left: 0%; }
  }

    .page-hero-section {
        background: linear-gradient(180deg, #1c2a3a, #111820); 
        color: #fff;
        padding: 7rem 0; 
        text-align: center;
    }

    .page-hero-section h1 {
        text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.5); 
    }

    .page-hero-section .lead {
        color: rgba(255, 255, 255, 0.7); 
        max-width: 600px; 
        margin-left: auto;
        margin-right: auto;
    }

    /* ===== Footer altındaki beyaz şeridi HER SAYFADA kapat ===== */

/* Kenar boşluklarını sıfırla (bazı sayfalarda body margin yüzünden 1–8px boşluk oluşur) */
html, body { margin: 0 !important; padding: 0 !important; }

/* Son elemanın dışa taşan margin'ini sıfırla (footer olsun/olmasın) */
/* DÜZENLENDİ: padding-bottom: 0 !important; kaldırıldı. */
body > *:last-child { margin-bottom: 0 !important; }
main > section:last-child { margin-bottom: 0 !important; }

/* Footer'ı BFC yap + arka planı aşağı doğru uzat (tüm sayfalarda) */
.site-footer, footer {
  background-color: #102030;             /* tek renk kontrolü */
  position: relative;
  display: flow-root;                    /* margin collapse'ı bitirir */
  margin-bottom: 0 !important;
  border-bottom: 0 !important;
}

/* Aşağıdaki 1-2px beyaz çizgiyi kapatmak için arka planı “döker” */
.site-footer::after, footer::after {
  content: "";
  position: absolute;
  left: 0; right: 0;
  bottom: -20px;                         /* gerekirse 10–16px arası dene */
  height: 20px;
  background: inherit;
  pointer-events: none;
}

/* Footer’dan sonra yanlışlıkla kalan ayraç/çizgileri gizle */
footer + hr, body > hr:last-child { display: none !important; }