/*
 Theme Name:   Enciclo Child
 Theme URI:    https://enciclo.online
 Description:  Child theme pentru Blocksy – stiluri suplimentare Enciclo
 Author:       Marian
 Author URI:   https://enciclo.online
 Template:     blocksy
 Version:      1.0.0
 Text Domain:  enciclo-child
*/

@import url("../blocksy/style.css");

/* -----------------------------------
   Secțiunea “Articole din aceeași categorie” 
   – linie subţire și listă standard 
   cu spaţii aerisite
   ----------------------------------- */
.related-by-category {
  margin: 2.5em 0;                    /* spaţiu sus-jos */
  padding-top: 0.5em;                /* puţin padding pentru linie */
  border-top: 2px solid #8fbf8f;     /* verde deschis, linie subţire */
}

.related-by-category h3 {
  font-size: 1.3rem;
  margin-bottom: 0.75em;
  color: #3a7d3a;                    /* verde moderat */
  font-weight: 600;
}

/* grid flexibil pentru coloane */
.related-by-category .related-columns {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 0.75em 1.5em;                 /* rânduri şi coloane mai strânse */
}

/* revenim la buline standard, poziţionate “inside” */
.related-by-category ul {
  list-style-type: disc;
  list-style-position: inside;
  margin: 0;
  padding: 0;
}

.related-by-category li {
  margin-bottom: 0.5em;
  line-height: 1.4;
  color: #333;                       /* text neutru, uşor închis */
  font-size: 0.95rem;
}

.related-by-category a {
  color: #2a6b2a;                    /* verde închis, dar subtil */
  text-decoration: none;
  transition: color 0.2s ease;
}

.related-by-category a:hover {
  color: #1f4d1f;                    /* la hover, verde mai intens */
  text-decoration: underline;
}

/* Ascunde icon-ul + din colț */
.images-container i.fa-plus { display:none !important; }

/* (Păstrăm layout-ul compact) */
.images-container .image-preview img{
  width:100%; height:auto; display:block; margin-bottom:14px;
}
.images-container .image-listing-items{
  display:flex; flex-wrap:wrap; gap:8px; justify-content:center;
}
.images-container .image-listing-items img{
  width:140px; height:90px; object-fit:cover; border-radius:6px;
  cursor:pointer; transition:transform .15s ease;
}
.images-container .image-listing-items img:hover{ transform:scale(1.05); }