/* =============================================
   public/assects/css/content.css — WYSIWYG editor és Front közös tartalom-stílus
   ============================================= */
:root{
  --brand-maroon:#701b31;
  --font-body:"Calibri", Helvetica, Arial, sans-serif;
  --font-head:Georgia, "Times New Roman", serif;
}
.wysiwyg, .ck-content { font-family: var(--font-body); color:#333; line-height:1.6; font-size:1rem; }
.wysiwyg h1, .ck-content h1{
  font-family:var(--font-head); font-size:1.75rem; text-transform:uppercase; color:var(--brand-maroon);
  margin:.8em 0 .4em; line-height:1.2;
}
.wysiwyg h2, .ck-content h2{
  font-family:var(--font-head); font-size:1.375rem; text-transform:uppercase; color:var(--brand-maroon);
  margin:.8em 0 .4em; line-height:1.25;
}
.wysiwyg h3, .ck-content h3{
  font-family:var(--font-head); font-size:1rem; text-transform:uppercase; color:var(--brand-maroon);
  margin:.8em 0 .4em;
}
.wysiwyg a, .ck-content a{ color:var(--brand-maroon); text-decoration:underline; }
.wysiwyg a:hover, .ck-content a:hover{ text-decoration:none; }
.wysiwyg ul, .ck-content ul{ padding-left:1.2em; margin:.6em 0; }
.wysiwyg ol, .ck-content ol{ padding-left:1.6em; margin:.6em 0; }
.wysiwyg li, .ck-content li{ margin:.25em 0; }
.wysiwyg table, .ck-content table{ width:100%; border-collapse:collapse; margin:1em 0; }
.wysiwyg th, .ck-content th, .wysiwyg td, .ck-content td{ border:1px solid #ccc; padding:6px 10px; }
.wysiwyg th, .ck-content th{ background:#efefef; }
.wysiwyg blockquote, .ck-content blockquote{ border-left:4px solid #ddd; margin:1em 0; padding:.5em 1em; color:#555; }
.wysiwyg img, .ck-content img{ max-width:100%; height:auto; }
.wysiwyg hr, .ck-content hr{ border:0; border-top:1px solid #e0e0e0; margin:1.5em 0; }




/* ===== Partners grid (régi "kártyás" stílus modernizálva) ===== */
.wysiwyg ul.partners,
.ck-content ul.partners{
  /* Régi: float+fix szélességek helyett rugalmas grid */
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  gap: 20px;
  list-style: none;
  margin: 1rem 0;
  padding: 0;
}

.wysiwyg ul.partners li,
.ck-content ul.partners li{
  /* A régi doboz-hatás visszahozása */
  border: 1px solid #BABABA;
  border-radius: 0 10px 0 10px;        /* mint a régiben */
  box-shadow: 0 2px 5px #DDDDDD;       /* mint a régiben */
  background: #fff;
  transition: box-shadow .15s ease, transform .15s ease;
}

.wysiwyg ul.partners li:hover,
.ck-content ul.partners li:hover{
  box-shadow: 0 2px 8px #bbbbbb;       /* enyhe hover */
  transform: translateY(-1px);
}

.wysiwyg ul.partners li a,
.ck-content ul.partners li a{
  /* a teljes kártya kattintható, tartalom középre zárva */
  display: flex;
  height: 100%;
  min-height: 193px;                   /* a régi 193px-es dobozmagasság őrzése */
  padding: 20px;                       /* régi padding */
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  text-decoration: none;
  color: #333;
  gap: .75rem;                         /* logo és felirat távolsága */
}

.wysiwyg ul.partners li a span,
.ck-content ul.partners li a span{
  display: block;
}

/* Logo méretezése – ne nyúljon, de legyen egységes */
.wysiwyg ul.partners img,
.ck-content ul.partners img{
  max-width: 130px;                    /* finomhangolható */
  height: auto;
  display: block;
}

/* Sötét témához/kontraszthoz finom korrekció (ha lesz) */
@media (prefers-color-scheme: dark){
  .wysiwyg ul.partners li,
  .ck-content ul.partners li{
    background:#fff; /* hagyjuk világoson a kártyát a márkalogók miatt */
  }
}


/* Partners – kompakt, 3 oszlop desktopon */
.wysiwyg ul.partners,
.ck-content ul.partners{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); /* kisebb minimum */
  gap: 16px;                 /* kisebb hézag */
  list-style: none;
  margin: 1rem 0;
  padding: 0;
}

/* >=900px szélességnél erőltesd a 3 oszlopot */
@media (min-width: 900px){
  .wysiwyg ul.partners,
  .ck-content ul.partners{
    grid-template-columns: repeat(3, 1fr);
  }
}

.wysiwyg ul.partners li,
.ck-content ul.partners li{
  border: 1px solid #BABABA;
  border-radius: 0 10px 0 10px;
  box-shadow: 0 2px 5px #DDD;
  background: #fff;
  transition: box-shadow .15s ease, transform .15s ease;
}

.wysiwyg ul.partners li:hover,
.ck-content ul.partners li:hover{
  box-shadow: 0 2px 8px #BBB;
  transform: translateY(-1px);
}

.wysiwyg ul.partners li a,
.ck-content ul.partners li a{
  display: flex;
  height: 100%;
  min-height: 160px;     /* volt 193px */
  padding: 14px;         /* volt 20px */
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  text-decoration: none;
  color: #333;
  gap: .6rem;
}

.wysiwyg ul.partners img,
.ck-content ul.partners img{
  max-width: 110px;      /* volt 130px */
  height: auto;
  display: block;
}