/* IMAGE BLOCK */
.cp-image {
  margin: 20px 0;
}

/* Képek egy sorban */
.cp-image-row {
  display: flex;
  gap: 12px;
  width: 100%;
}

/* MINDEN kép azonos magasság */
.cp-image-img {
  flex: 1;
  /*height: 320px;        /* 🔥 EZ A KULCS */
  width: 100%;
  object-fit: cover;    /* lehet vágni */
  display: block;
}

/* CENTER layout */
.cp-image--center .cp-image-row {
  justify-content: center;
}

.cp-image--center .cp-image-img {
  flex: 0 0 auto;
  width: auto;
  height: 320px;
  max-width: 480px;
}

.cp-block {
  margin-top: 0;
}

/* Caption */
.cp-image-caption {
  color: #737373;
  font-style: italic;
  margin-top: 10px;
  font-size: 16px;
  opacity: 0.85;
}
/* =========================
   SINGLE FULL ROW IMAGE
========================= */

.cp-image--row.cp-image-count-1 .cp-image-item {
  flex: 0 0 100%;
  height: auto;
}

.cp-image--row.cp-image-count-1 .cp-image-img {
  width: 100%;
  height: auto;
  object-fit: unset;
}

.cp-image--row .cp-image-row {
  display: flex;
  gap: 15px;
  width: 100%;
}

.cp-image--row .cp-image-item {
  flex: 1 1 0;
}

.cp-image--row .cp-image-img {
  width: 100%;
  height: auto;
  display: block;
}

/* =========================
   PIXELATED RENDER MODE
========================= */

.cp-image-pixelated{
  image-rendering: crisp-edges;
  image-rendering: pixelated;
}

/*vége  */

.cp-image-text-inner{
  display:flex;
  gap:24px;
  align-items:flex-start;
}

.cp-image-text--image-right .cp-image-text-inner{
  flex-direction: row-reverse;
}

.cp-image-text-image {
  margin-top: 22px;
}

.cp-image-text-image,
.cp-image-text-content{
  flex:1 1 0;
  min-width:0; /* 🔥 fontos overflow fix */
}

.cp-image-text-img{
  width:100%;
  height:auto;
  display:block;
}

.cp-image-text-img {
  margin-bottom:15px;
}
/* =========================
   HIGHLIGHT BLOCK
========================= */

.cp-highlight{
  position: relative;
  padding-left: 30px;
  margin: 20px 0;
  padding-top: 15px;
  padding-bottom: 16px;
}

.cp-highlight::before{
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
  bottom: 4px;
  width: 4px;
  background: var(--brand-yellow);
}

/* =========================
   QUOTE BLOCK (CursorPunk style)
========================= */

.cp-quote{
  position: relative;
  margin: 28px 0;
  padding-left: 32px;      /* bal oldali tér */
  font-style: italic;
  line-height: 1.2;
  font-size: 1.15em;
}

.cp-quote::before{
content: "''";
  position: absolute;
  left: -8px;
  top: -3px;
  font-size: 55px;
 
  color: var(--brand-yellow);
  line-height: 1;
}



/* =========================
   SLUG ROW
========================= */

.slug-row{
  display:flex;
  align-items:center;
  gap:12px;
}

.slug-get-btn{
  cursor:pointer;
  color: var(--brand-yellow);
  font-weight:500;
  letter-spacing:1px;
  user-select:none;
}

.slug-get-btn:hover{
 
}

.slug-input{
  flex:1;
}

.meta-excerpt-row{
    display:flex;
    gap:12px;
    align-items:flex-start;
}

.meta-excerpt-row textarea{
    flex:1;
}

@media(max-width:768px){
  .cp-image-text-inner{
    flex-direction:column !important;
  }

  .cp-image-text-image,
  .cp-image-text-content{
    flex:0 0 100%;
  }
}