/* ==========================================================
   AEGEO – ΕΙΚΟΝΕΣ
   Στρογγυλεμένες γωνίες + zoom ΜΕΣΑ στο πλαίσιο
   ========================================================== */


/* Το πλαίσιο της εικόνας κρατάει το zoom μέσα του */
.views-field-field-image .field-content,
.views-field-field-image a,
.node .field--type-image .field__item,
.article .field--type-image .field__item {
  display: block;

  max-width: 100%;

  overflow: hidden;

  border-radius: 12px;
}


/* ==========================================================
   ΕΙΚΟΝΕΣ
   ========================================================== */

img {
  display: block;

  max-width: 100%;
  height: auto;

  border-radius: 12px !important;

  margin: 10px auto;

  transition:
    transform 0.3s ease,
    box-shadow 0.3s ease;

  box-shadow:
    0 4px 12px rgba(0, 0, 0, 0.15);
}


/* ==========================================================
   HOVER ZOOM
   Η εικόνα μεγαλώνει εσωτερικά,
   αλλά δεν βγαίνει έξω από το πλαίσιο
   ========================================================== */

.views-field-field-image a:hover img,
.views-field-field-image .field-content:hover img,
.node .field--type-image .field__item:hover img,
.article .field--type-image .field__item:hover img {
  transform: scale(1.05);
}


/* ==========================================================
   ΕΙΚΟΝΕΣ ΜΕΣΑ ΣΕ VIEW / NODE / ARTICLE
   ========================================================== */

.node img,
.views-row img,
.article img {
  margin-left: 1px;
  margin-right: 5px;
}