/* Tech Talent Space Responsive CSS */

/* Header Buton Hover Fix - Her buton sadece kendi üstüne gelindiğinde büyüsün */
.tp-btn-group .tp-btn-2,
.tp-btn-vp-group .tp-btn-2 {
   transition: all 0.3s ease;
   display: inline-block;
}

/* Grup hover'ını devre dışı bırak */
.tp-btn-group:hover > *:nth-child(1),
.tp-btn-group:hover > *:nth-child(2),
.tp-btn-group:hover > *:nth-child(3),
.tp-btn-vp-group:hover > *:nth-child(1),
.tp-btn-vp-group:hover > *:nth-child(2),
.tp-btn-vp-group:hover > *:nth-child(3),
.tp-btn-vp-group:hover > *:nth-child(4) {
   transform: none !important;
   margin-inline-start: 0 !important;
   margin-inline-end: 0 !important;
}

/* Her butonun kendi hover efekti */
.tp-btn-group .tp-btn-2:hover,
.tp-btn-vp-group .tp-btn-2:hover {
   transform: scale(1.05) !important;
   box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}

.tp-btn-group .tp-btn-circle:hover,
.tp-btn-vp-group .tp-btn-circle:hover {
   transform: scale(1.1) !important;
   background: var(--tp-theme-primary) !important;
}

/* Mobil görünüm için (max-width: 991px) */
@media (max-width: 991px) {
   /* Header Mobil Düzenlemeleri */
   .tp-header-area {
      padding: 10px 0 !important;
   }
   
   .tp-header-logo {
      padding: 5px 0 !important;
      display: flex !important;
      align-items: center !important;
   }
   
   .tp-header-logo img {
      max-width: 100px !important;
      height: auto !important;
      width: auto !important;
   }
   
   .tp-header-right {
      align-items: center !important;
      justify-content: flex-end !important;
   }
   
   .tp-btn-group {
      flex-wrap: wrap !important;
      gap: 5px !important;
   }
   
   .tp-btn-2 {
      font-size: 12px !important;
      padding: 6px 12px !important;
      white-space: nowrap !important;
   }
   
   .tp-btn-circle {
      width: 30px !important;
      height: 30px !important;
      min-width: 30px !important;
   }
   
   /* Menü Mobil - Gizle */
   .tp-main-menu {
      display: none !important;
   }
   
   /* Login/Register Form Mobil */
   .tp-login-wrapper {
      padding: 30px 20px !important;
   }
   
   .tp-login-input-box {
      margin-bottom: 20px !important;
   }
   
   .tp-login-title {
      font-size: 28px !important;
      margin-bottom: 15px !important;
   }
   
   /* Pricing/Eğitimler Mobil */
   .tp-pricing-item {
      margin-bottom: 30px !important;
   }
   
   .tp-pricing-title {
      font-size: 24px !important;
   }
   
   /* Cart/Sepet Mobil */
   .tp-cart-table {
      overflow-x: auto !important;
   }
   
   .tp-cart-table table {
      min-width: 600px !important;
   }
   
   /* Checkout Mobil */
   .tp-checkout-wrapper {
      padding: 20px !important;
   }
   
   .tp-checkout-bill {
      padding: 20px !important;
   }
   
   /* Contact Form Mobil */
   .tp-contact-form-wrapper {
      padding: 30px 20px !important;
   }
   
   /* Container Mobil - Tam Genişlik */
   .container-fluid {
      padding-left: 15px !important;
      padding-right: 15px !important;
   }
   
   /* Genel Padding Ayarları */
   .pt-115,
   .pt-160,
   .pt-200 {
      padding-top: 60px !important;
   }
   
   .pb-130,
   .pb-140,
   .pb-160 {
      padding-bottom: 60px !important;
   }
   
   /* Breadcrumb Mobil */
   .tp-breadcrumb-area {
      padding: 80px 0 40px !important;
   }
   
   .tp-breadcrumb-title {
      font-size: 32px !important;
   }
}

/* Küçük mobil cihazlar için (max-width: 576px) */
@media (max-width: 576px) {
   /* Header */
   .tp-header-logo img {
      max-width: 80px !important;
   }
   
   .tp-btn-2 {
      font-size: 11px !important;
      padding: 5px 10px !important;
   }
   
   /* Login/Register */
   .tp-login-title {
      font-size: 24px !important;
   }
   
   .tp-login-wrapper {
      padding: 20px 15px !important;
   }
   
   /* Pricing */
   .tp-pricing-title {
      font-size: 20px !important;
   }
   
   /* Breadcrumb */
   .tp-breadcrumb-title {
      font-size: 24px !important;
   }
   
   /* Genel Font Küçültme */
   h1, h2, h3, h4, h5, h6 {
      font-size: 90% !important;
   }
   
   p {
      font-size: 14px !important;
   }
}

/* Tablet görünümü (768px - 991px) */
@media (min-width: 768px) and (max-width: 991px) {
   .tp-login-wrapper,
   .tp-contact-form-wrapper,
   .tp-checkout-wrapper {
      padding: 40px 30px !important;
   }
}