/* =========================================================
   GO SAMOS
   Random κατηγορίες Επαγγελματικού Οδηγού - Αρχική
   View: block_2
   ========================================================= */


/* Απόσταση ανάμεσα στις σειρές */
#views-bootstrap-epaggelmatikos-odigos-katigories-me-eikona-block-2 {
  row-gap: 24px;
}


/* =========================================================
   ΚΑΘΕ ΚΑΡΤΑ
   ========================================================= */

#views-bootstrap-epaggelmatikos-odigos-katigories-me-eikona-block-2
> [class*="col-"] {
  position: relative;
}


/* Η περιοχή της εικόνας είναι ολόκληρη η κάρτα */
#views-bootstrap-epaggelmatikos-odigos-katigories-me-eikona-block-2
.views-field-field-image {
  position: relative;

  display: block;

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

  aspect-ratio: 3 / 2;

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

  overflow: hidden;

  background: #17324d;

  border-radius: 16px;

  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.13);

  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease;
}


/* Wrapper της εικόνας */
#views-bootstrap-epaggelmatikos-odigos-katigories-me-eikona-block-2
.views-field-field-image .field-content {
  position: absolute !important;
  inset: 0 !important;

  display: block !important;

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

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

  overflow: hidden;
}


/* Η εικόνα γεμίζει ολόκληρη την κάρτα */
#views-bootstrap-epaggelmatikos-odigos-katigories-me-eikona-block-2
.views-field-field-image img {
  position: absolute !important;
  inset: 0 !important;

  display: block !important;

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

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

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

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

  transition: transform 0.35s ease;
}


/* =========================================================
   GRADIENT ΠΑΝΩ ΣΤΗΝ ΕΙΚΟΝΑ
   ========================================================= */

#views-bootstrap-epaggelmatikos-odigos-katigories-me-eikona-block-2
.views-field-field-image::after {
  content: "";

  position: absolute;
  inset: 0;

  z-index: 1;

  pointer-events: none;

  background: linear-gradient(
    to bottom,
    rgba(7, 25, 43, 0) 42%,
    rgba(7, 25, 43, 0.15) 55%,
    rgba(7, 25, 43, 0.72) 78%,
    rgba(7, 25, 43, 0.96) 100%
  );
}


/* =========================================================
   ΤΙΤΛΟΣ ΠΑΝΩ ΣΤΗΝ ΕΙΚΟΝΑ
   ========================================================= */

#views-bootstrap-epaggelmatikos-odigos-katigories-me-eikona-block-2
.views-field-title {
  position: absolute;

  left: calc(var(--bs-gutter-x, 24px) * 0.5 + 15px);
  right: calc(var(--bs-gutter-x, 24px) * 0.5 + 15px);
  bottom: 14px;

  z-index: 3;

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

  background: transparent !important;
}


/* Link τίτλου */
#views-bootstrap-epaggelmatikos-odigos-katigories-me-eikona-block-2
.views-field-title a {
  display: block;

  margin: 0;
  padding: 0;

  color: #fff !important;

  font-size: 16px;
  font-weight: 700;
  line-height: 1.3;

  text-decoration: none !important;

  text-shadow: 0 2px 5px rgba(0, 0, 0, 0.75);
}


/* =========================================================
   HOVER
   ========================================================= */

#views-bootstrap-epaggelmatikos-odigos-katigories-me-eikona-block-2
> [class*="col-"]:hover
.views-field-field-image {
  transform: translateY(-4px);

  box-shadow: 0 12px 26px rgba(0, 0, 0, 0.18);
}


#views-bootstrap-epaggelmatikos-odigos-katigories-me-eikona-block-2
> [class*="col-"]:hover
.views-field-field-image img {
  transform: scale(1.04);
}


#views-bootstrap-epaggelmatikos-odigos-katigories-me-eikona-block-2
.views-field-title a:hover,
#views-bootstrap-epaggelmatikos-odigos-katigories-me-eikona-block-2
.views-field-title a:focus {
  color: #fff !important;
  text-decoration: none !important;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 991px) {

  #views-bootstrap-epaggelmatikos-odigos-katigories-me-eikona-block-2 {
    row-gap: 20px;
  }

  #views-bootstrap-epaggelmatikos-odigos-katigories-me-eikona-block-2
  .views-field-title a {
    font-size: 15px;
  }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

  #views-bootstrap-epaggelmatikos-odigos-katigories-me-eikona-block-2 {
    row-gap: 20px;
  }


  #views-bootstrap-epaggelmatikos-odigos-katigories-me-eikona-block-2
  .views-field-field-image {
    border-radius: 14px;
  }


  #views-bootstrap-epaggelmatikos-odigos-katigories-me-eikona-block-2
  .views-field-title {
    left: calc(var(--bs-gutter-x, 24px) * 0.5 + 14px);
    right: calc(var(--bs-gutter-x, 24px) * 0.5 + 14px);
    bottom: 14px;
  }


  #views-bootstrap-epaggelmatikos-odigos-katigories-me-eikona-block-2
  .views-field-title a {
    font-size: 16px;
    line-height: 1.3;
  }
}