/* =========================================================
   BABYLONIA — LANGUAGE COURSES VIEW
   View: searce_courses
   Display: block_1
   Asset Injector CSS
   ========================================================= */


/* ---------------------------------------------------------
   ANA VIEW
--------------------------------------------------------- */

.view-searce-courses.view-display-id-block_1 {
  width: 100% !important;
  max-width: 1440px !important;
  margin: 0 auto !important;
  padding: 0 !important;
}


/* ---------------------------------------------------------
   EXPOSED FILTER / ARAMA ALANI
--------------------------------------------------------- */

.view-searce-courses.view-display-id-block_1 .views-exposed-form {
  background: #f7f8fb !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 16px !important;

  padding: 18px 20px !important;
  margin: 0 0 32px 0 !important;

  box-shadow:
    0 4px 18px rgba(15, 23, 42, 0.05) !important;
}


/* Form içeriği */

.view-searce-courses.view-display-id-block_1 .views-exposed-form form,
.view-searce-courses.view-display-id-block_1 .views-exposed-form .form--inline {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 12px !important;

  margin: 0 !important;
}


/* Drupal field wrapper */

.view-searce-courses.view-display-id-block_1 .views-exposed-form .form-item,
.view-searce-courses.view-display-id-block_1 .views-exposed-form .form-actions {
  margin: 0 !important;
  padding: 0 !important;
}


/* SELECT */

.view-searce-courses.view-display-id-block_1 .views-exposed-form select {
  min-width: 220px !important;
  height: 48px !important;

  padding: 0 42px 0 16px !important;

  background-color: #ffffff !important;

  border: 1px solid #d8dde6 !important;
  border-radius: 10px !important;

  color: #1e293b !important;

  font-size: 15px !important;
  font-weight: 500 !important;
  line-height: 48px !important;

  box-shadow: none !important;

  transition:
    border-color 0.2s ease,
    box-shadow 0.2s ease !important;
}


/* Select focus */

.view-searce-courses.view-display-id-block_1 .views-exposed-form select:focus {
  border-color: #233b75 !important;

  box-shadow:
    0 0 0 3px rgba(35, 59, 117, 0.10) !important;

  outline: none !important;
}


/* APPLY BUTTON */

.view-searce-courses.view-display-id-block_1 .views-exposed-form input[type="submit"],
.view-searce-courses.view-display-id-block_1 .views-exposed-form button[type="submit"],
.view-searce-courses.view-display-id-block_1 .views-exposed-form .form-submit {
  height: 48px !important;

  padding: 0 25px !important;

  background: #233b75 !important;

  border: 1px solid #233b75 !important;
  border-radius: 10px !important;

  color: #ffffff !important;

  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 46px !important;

  cursor: pointer !important;

  box-shadow:
    0 4px 12px rgba(35, 59, 117, 0.18) !important;

  transition:
    transform 0.2s ease,
    background-color 0.2s ease,
    box-shadow 0.2s ease !important;
}


.view-searce-courses.view-display-id-block_1 .views-exposed-form input[type="submit"]:hover,
.view-searce-courses.view-display-id-block_1 .views-exposed-form button[type="submit"]:hover,
.view-searce-courses.view-display-id-block_1 .views-exposed-form .form-submit:hover {
  background: #182b59 !important;
  border-color: #182b59 !important;

  transform: translateY(-1px) !important;

  box-shadow:
    0 6px 16px rgba(35, 59, 117, 0.24) !important;
}


/* ---------------------------------------------------------
   GRID
--------------------------------------------------------- */

/*
 Drupal sürümüne / template'e göre responsive grid
 class isimleri değişebildiği için birkaç olası wrapper
 birlikte hedefleniyor.
*/

.view-searce-courses.view-display-id-block_1 .views-view-responsive-grid,
.view-searce-courses.view-display-id-block_1 .views-view-grid,
.view-searce-courses.view-display-id-block_1 .view-content {
  gap: 24px !important;
}


/* Responsive Grid kullanılıyorsa */

.view-searce-courses.view-display-id-block_1 .views-view-responsive-grid {
  --views-responsive-grid--layout-gap: 24px !important;
  --views-responsive-grid--column-count: 4 !important;
}


/* ---------------------------------------------------------
   KURS KARTI
--------------------------------------------------------- */

.view-searce-courses.view-display-id-block_1 .views-view-responsive-grid__item,
.view-searce-courses.view-display-id-block_1 .views-view-grid__item,
.view-searce-courses.view-display-id-block_1 .views-row {
  background: #ffffff !important;

  border: 1px solid #e8ebf0 !important;
  border-radius: 16px !important;

  overflow: hidden !important;

  box-shadow:
    0 4px 16px rgba(15, 23, 42, 0.06) !important;

  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease,
    border-color 0.25s ease !important;
}


/* Hover */

.view-searce-courses.view-display-id-block_1 .views-view-responsive-grid__item:hover,
.view-searce-courses.view-display-id-block_1 .views-view-grid__item:hover,
.view-searce-courses.view-display-id-block_1 .views-row:hover {
  transform: translateY(-5px) !important;

  border-color: #d8dde7 !important;

  box-shadow:
    0 14px 32px rgba(15, 23, 42, 0.12) !important;
}


/* ---------------------------------------------------------
   MEDIA / IMAGE FIELD
--------------------------------------------------------- */

.view-searce-courses.view-display-id-block_1 .views-field-field-teaser-media {
  margin: 0 !important;
  padding: 0 !important;

  overflow: hidden !important;

  background: #f4f5f7 !important;
}


/* Gereksiz wrapper boşluklarını kaldır */

.view-searce-courses.view-display-id-block_1 .views-field-field-teaser-media .field-content,
.view-searce-courses.view-display-id-block_1 .views-field-field-teaser-media a {
  display: block !important;

  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;

  overflow: hidden !important;
}


/* Görseller */

.view-searce-courses.view-display-id-block_1 .views-field-field-teaser-media img {
  display: block !important;

  width: 100% !important;
  max-width: none !important;

  aspect-ratio: 1 / 1 !important;

  height: auto !important;

  object-fit: cover !important;
  object-position: center !important;

  margin: 0 !important;
  padding: 0 !important;

  border: 0 !important;
  border-radius: 0 !important;

  transition:
    transform 0.45s ease !important;
}


/* Fotoğraf hover */

.view-searce-courses.view-display-id-block_1
.views-view-responsive-grid__item:hover
.views-field-field-teaser-media img,

.view-searce-courses.view-display-id-block_1
.views-view-grid__item:hover
.views-field-field-teaser-media img,

.view-searce-courses.view-display-id-block_1
.views-row:hover
.views-field-field-teaser-media img {
  transform: scale(1.035) !important;
}


/* ---------------------------------------------------------
   TITLE
--------------------------------------------------------- */

.view-searce-courses.view-display-id-block_1 .views-field-title {
  padding: 18px 18px 20px 18px !important;

  margin: 0 !important;

  background: #ffffff !important;
}


/* Title link */

.view-searce-courses.view-display-id-block_1 .views-field-title a {
  display: block !important;

  color: #172033 !important;

  font-size: 17px !important;
  font-weight: 650 !important;
  line-height: 1.45 !important;

  text-decoration: none !important;

  margin: 0 !important;

  transition:
    color 0.2s ease !important;
}


.view-searce-courses.view-display-id-block_1 .views-field-title a:hover {
  color: #233b75 !important;
  text-decoration: none !important;
}


/* ---------------------------------------------------------
   KART İÇİNDEKİ GEREKSİZ MARGINLER
--------------------------------------------------------- */

.view-searce-courses.view-display-id-block_1 .views-field,
.view-searce-courses.view-display-id-block_1 .field-content {
  box-sizing: border-box !important;
}


/* ---------------------------------------------------------
   TABLET
--------------------------------------------------------- */

@media (max-width: 1199px) {

  .view-searce-courses.view-display-id-block_1
  .views-view-responsive-grid {
    --views-responsive-grid--column-count: 3 !important;
  }

}


/* ---------------------------------------------------------
   TABLET / MOBILE
--------------------------------------------------------- */

@media (max-width: 991px) {

  .view-searce-courses.view-display-id-block_1
  .views-view-responsive-grid {
    --views-responsive-grid--column-count: 2 !important;
  }

  .view-searce-courses.view-display-id-block_1
  .views-field-title a {
    font-size: 16px !important;
  }

}


/* ---------------------------------------------------------
   MOBILE
--------------------------------------------------------- */

@media (max-width: 575px) {

  .view-searce-courses.view-display-id-block_1 {
    padding-left: 4px !important;
    padding-right: 4px !important;
  }


  .view-searce-courses.view-display-id-block_1
  .views-exposed-form {
    padding: 14px !important;
    margin-bottom: 22px !important;

    border-radius: 12px !important;
  }


  .view-searce-courses.view-display-id-block_1
  .views-exposed-form form,
  .view-searce-courses.view-display-id-block_1
  .views-exposed-form .form--inline {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;

    gap: 10px !important;
  }


  .view-searce-courses.view-display-id-block_1
  .views-exposed-form .form-item,
  .view-searce-courses.view-display-id-block_1
  .views-exposed-form .form-actions {
    width: 100% !important;
  }


  .view-searce-courses.view-display-id-block_1
  .views-exposed-form select,
  .view-searce-courses.view-display-id-block_1
  .views-exposed-form input[type="submit"],
  .view-searce-courses.view-display-id-block_1
  .views-exposed-form button[type="submit"],
  .view-searce-courses.view-display-id-block_1
  .views-exposed-form .form-submit {
    width: 100% !important;
    max-width: none !important;
  }


  .view-searce-courses.view-display-id-block_1
  .views-view-responsive-grid {
    --views-responsive-grid--column-count: 1 !important;
  }


  .view-searce-courses.view-display-id-block_1
  .views-field-title {
    padding: 15px 16px 18px 16px !important;
  }


  .view-searce-courses.view-display-id-block_1
  .views-field-title a {
    font-size: 16px !important;
    line-height: 1.4 !important;
  }

}