/* ===== GRID MODERNIZÁLÁS ===== */

.bs_grid-kiadvanyok .row {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 2.2rem;
  margin: 0 auto;
  max-width: unset;
}

/* ===== KÁRTYA ===== */

.bs_grid-kiadvanyok .col-md-kiadvanyok {
  position: relative;
  text-align: center;
  padding: 1rem;
  border-radius: 18px;
  background: #ffffff;
  box-shadow: 0 10px 30px rgba(0,0,0,0.08);
  transition: all 0.25s ease;
  overflow: hidden;
}

/* hover animáció */

.bs_grid-kiadvanyok .col-md-kiadvanyok:hover {
  transform: translateY(-8px);
  box-shadow: 0 20px 50px rgba(0,0,0,0.15);
  background: #f8fbff;
}

/* ===== KÉP ===== */

.bs_grid-kiadvanyok .col-md-kiadvanyok img {
  width: 75%;
  height: auto;
  border-radius: 12px;
  transition: transform 0.3s ease;
  display: block;
  margin: 0 auto;
}

.bs_grid-kiadvanyok .col-md-kiadvanyok:hover img {
  transform: scale(1.03);
}

/* ===== ÉV (title) ===== */

.bs_grid-kiadvanyok .col-md-kiadvanyok h5 {
  margin-top: 0.8rem;
  font-size: 1rem;
  font-weight: 600;
}

.bs_grid-kiadvanyok .col-md-kiadvanyok h5 strong {
  display: inline-block;
  padding: 0.3rem 0.8rem;
  border-radius: 999px;
  background: #eaf2ff;
  color: #2b6cb0;
}

/* ===== LINK TELJES KÁRTYÁRA ===== */

.bs_grid-kiadvanyok .col-md-kiadvanyok a {
  display: block;
  text-decoration: none;
  color: inherit;
}

/* ===== OVERLAY ===== */

.bs_grid-kiadvanyok .col-md-kiadvanyok::after {
  content: "Megnyitás →";
  position: absolute;
  inset: 0;

  display: flex;
  align-items: center;
  justify-content: center;

  background: rgba(20, 40, 80, 0.72);
  color: #ffffff;
  font-size: 1.1rem;
  font-weight: 700;
  letter-spacing: 0.5px;

  border-radius: 18px;

  opacity: 0;
  visibility: hidden;

  transition: opacity 0.25s ease,
              visibility 0.25s ease;

  pointer-events: none;
  z-index: 10;
}

/* EZ VOLT HIBÁS */

.bs_grid-kiadvanyok .col-md-kiadvanyok:hover::after {
  opacity: 1;
  visibility: visible;
}

/* ===== HR ===== */

hr {
  border: none;
  height: 1px;
  background: linear-gradient(
    to right,
    transparent,
    #ddd,
    transparent
  );
  margin: 3rem 0;
}

/* ===== CÍM MODERNIZÁLÁS ===== */

.title {
  text-align: center;
  margin-bottom: 1.5rem;
}

.title-text {
  font-size: 2rem;
  font-weight: 700;
  background: linear-gradient(135deg, #0f4c81, #4b6cb7);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* ===== TABLÓKÉP ===== */

p img {
  border-radius: 16px;
  box-shadow: 0 15px 35px rgba(0,0,0,0.12);
}

/* ===== KORÁBBI ÉVKÖNYVEK ===== */

.bs_grid-kiadvanyok h5 a {
  display: inline-block;
  padding: 0.4rem 0.9rem;
  border-radius: 999px;
  background: #f1f5f9;
  transition: all 0.2s ease;
}

.bs_grid-kiadvanyok h5 a:hover {
  background: #2b6cb0;
  color: #ffffff;
}




/* =========================================
   MUNKAKÖZÖSSÉGEK
========================================= */

/* ===== GRID ===== */
.bs_grid-munkakozossegek .row {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 2rem;
    margin: 0 auto;
    align-items: stretch;
}

/* ===== KÁRTYA ===== */
.bs_grid-munkakozossegek .col-md-munkakozossegek {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;

    min-height: 180px;
    height: 100%;

    padding: 1.5rem;

    background: #fff;
    border-radius: 18px;

    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);

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

    overflow: hidden;
}

/* ===== HOVER ===== */
.bs_grid-munkakozossegek .col-md-munkakozossegek:hover {
    transform: translateY(-8px);
    background: #f8fbff;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.15);
}

/* ===== CÍM ===== */
.bs_grid-munkakozossegek .col-md-munkakozossegek h5 {
    margin: 0;
    text-align: center;
    z-index: 1;
}

.bs_grid-munkakozossegek .col-md-munkakozossegek h5 strong {
    display: inline-block;

    padding: 0.6rem 1rem;

    background: #eaf2ff;
    color: #2b6cb0;

    border-radius: 999px;

    font-size: 1rem;
    font-weight: 600;

    transition: all 0.3s ease;
}

/* ===== LINK ===== */
.bs_grid-munkakozossegek .col-md-munkakozossegek a {
    display: block;
    width: 100%;
    text-decoration: none;
    color: inherit;
}

/* ===== OVERLAY ===== */
.bs_grid-munkakozossegek .col-md-munkakozossegek::after {
    content: "Megnyitás →";

    position: absolute;
    inset: 0;

    display: flex;
    align-items: center;
    justify-content: center;

    background: rgba(15, 76, 129, 0.85);

    color: #fff;
    font-size: 1.1rem;
    font-weight: 700;
    letter-spacing: 0.5px;

    border-radius: 18px;

    opacity: 0;
    visibility: hidden;

    transition: all 0.3s ease;

    pointer-events: none;
    z-index: 10;
}

/* ===== HOVER FELIRAT ===== */
.bs_grid-munkakozossegek .col-md-munkakozossegek:hover::after {
    opacity: 1;
    visibility: visible;
}

/* ===== SZÖVEG HALVÁNYÍTÁS HOVERKOR ===== */
.bs_grid-munkakozossegek .col-md-munkakozossegek:hover h5 strong {
    opacity: 0.25;
}

/* ===== ELVÁLASZTÓ VONAL ===== */
hr {
    border: none;
    height: 1px;
    background: linear-gradient(
        to right,
        transparent,
        #d6d6d6,
        transparent
    );
    margin: 3rem 0;
}

/* ===== CÍMEK ===== */
.title {
    text-align: center;
    margin-bottom: 1.5rem;
}

.title-text {
    font-size: 2rem;
    font-weight: 700;

    background: linear-gradient(
        135deg,
        #0f4c81,
        #4b6cb7
    );

    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* ===== MOBIL ===== */
@media (max-width: 768px) {
    .bs_grid-munkakozossegek .row {
        grid-template-columns: 1fr;
        gap: 1rem;
    }

    .bs_grid-munkakozossegek .col-md-munkakozossegek {
        min-height: 140px;
    }
}

.bs_grid-munkakozossegek.ck-widget {
    padding: 10px;
}