/* =========================================================
   TYPOGRÁFIA – GLOBÁLIS
   ========================================================= */

/* Globál h1 – kijelentő, nem plakát */
h1 {
  font-family: inherit;
  font-weight: 600;
}

/* H2 – szekciócímek */
.details-page-content h2 {
  margin-top: 1.4em;
  margin-bottom: 1.2rem;
}

/* H3 – feszesebb alcímek */
.details-page-wrapper .details-page-content h3 {
  font-size: 1.35rem;
  line-height: 1.25;
  margin-bottom: 0.5rem;
}


/* =========================================================
   FEJLÉC / BREADCRUMB
   ========================================================= */

.breadcrumb-section2 + .page {
  margin-top: 2rem;
}

.breadcrumb-section2 h1 {
  font-family: var(--bs-font-sans-serif);
  font-weight: 600;
  font-size: 1.9rem;
  line-height: 1.2;
  letter-spacing: 0;
  text-transform: none;
}

/* Fríz utáni első tartalmi sor túl nagy margója */
.breadcrumb-section2 + .page .row.mt-50 {
  margin-top: 1.25rem;
}

/* =========================================================
   CALLOUT / BLOCKQUOTE – FotoKlikk
   ========================================================= */

.details-page-content blockquote {
  position: relative;
  margin: 0.75rem 0 1rem;
  padding: 0.9rem 1rem 0.9rem 2.2rem; /* BAL OLDALON A LÉNYEG */
  background: #f6f9fc;
  color: #1f2937;
  line-height: 1.5;
}

/* Függőleges jelölővonal */
.details-page-content blockquote::before {
  content: "";
  position: absolute;
  left: 0.9rem;
  top: 0.8rem;
  bottom: 0.8rem;
  width: 4px;
  background-color: #428ccb; /* FotoKlikk kék */
  border-radius: 2px;
}

/* Cím után kicsit szorosabb */
.details-page-content h2 + blockquote,
.details-page-content h3 + blockquote {
  margin-top: 0.5rem;
}

/* Linkek az idézetben */
.details-page-content blockquote a {
  color: #428ccb;
  text-decoration: underline;
  font-weight: 500;
}


/* =========================================================
   HERO / SLIDER
   ========================================================= */

.home1-banner-section .banner-content h1 {
  font-family: var(--bs-font-sans-serif);
  font-weight: 700;
  font-size: 2rem;
  line-height: 1.15;
  letter-spacing: 0;
  text-transform: none;
}

/* Hero szövegdoboz oszlopa */
.home1-banner-section .col-xxl-7.col-lg-8 {
  flex: 0 0 65%;
  max-width: 65%;
}

@media (min-width: 1200px) {
  .home1-banner-section .col-xxl-7.col-lg-8 {
    flex: 0 0 70%;
    max-width: 70%;
  }
}


/* =========================================================
   TECHNIKAI TISZTÍTÁS
   ========================================================= */

.details-page-content span.line-break {
  display: none;
}
/* === BREADCRUMB / PAGE HEADER H1 – FINOMÍTOTT === */
.breadcrumb-content h1 {
  font-family: var(--bs-font-sans-serif) !important;
  font-weight: 700 !important;      /* ← visszaadja az erőt */
  font-size: 2.05rem !important;    /* ← picit nagyobb, nem ordít */
  line-height: 1.15 !important;     /* ← feszesebb */
  letter-spacing: -0.01em;          /* ← optikai sűrítés */
  text-transform: none !important;
}
/* === HERO / SLIDER H1 – OPTIKAILAG KIEGYENSÚLYOZOTT === */
.home1-banner-section .banner-content h1 {
  font-family: var(--bs-font-sans-serif) !important;
  font-weight: 700 !important;      /* ne legyen sovány */
  font-size: 2.15rem !important;    /* picit nagyobb, mint breadcrumb */
  line-height: 1.1 !important;      /* feszes */
  letter-spacing: -0.01em;          /* optikai sűrítés */
  text-transform: none !important;  /* NEM csupa nagybetű */
}
/* Menü: Regisztráció elrejtése (biztos) */
.menu-item-has-children ul.sub-menu a[href="https://fotoklikk.net/register"],
.menu-item-has-children ul.sub-menu a[href="/register"],
.menu-item-has-children ul.sub-menu a[href*="/register"] {
  display: none !important;
}
/* =========================================================
   STABIL LISTA – p és li azonos szövegszint + kis nyíl
   ========================================================= */

/* p és li: UGYANAZ */
.details-page-content p,
.details-page-content li {
  font-size: 1rem;
  line-height: 1.6;
  font-weight: 400;
  color: #1f2937;
}

/* lista alap */
.details-page-content ul {
  list-style: none;
  margin: 0.2rem 0;
  padding-left: 0;
}

/* listaelem */
.details-page-content ul li {
  position: relative;
  padding-left: 1rem;
}

/* kis nyíl */
.details-page-content ul li::before {
  content: "›";
  position: absolute;
  left: 0;
  top: 0;
  font-weight: 600;
  color: #428ccb;
}

/* finom ritmus */
.details-page-content ul li + li {
  margin-top: 0.15rem;
}


/* =========================================================
   Link
   ========================================================= */
.details-page-content a {
  color: #1f2937;
  font-weight: 600;
  text-decoration: none;
  border-bottom: 2px solid rgba(66, 140, 203, 0.7);
  padding-bottom: 2px;
  transition: color 0.2s ease, border-color 0.2s ease;
}

.details-page-content a:hover {
  color: #428ccb;
  border-bottom-color: #428ccb;
}
/* =========================================================
   paragraph
   ========================================================= */
.details-page-content p {
  margin: 0.4rem 0;
}
.details-page-content h3 + p,
.details-page-content h2 + p {
  margin-top: 0.6rem;
}
.details-page-content p + p {
  margin-top: 0.15rem;
}
.details-page-content p,
.details-page-content li {
  font-size: 1rem !important;
  line-height: 1.6 !important;
  font-weight: 400 !important;
}
.details-page-content p {
  margin-bottom: 0.4rem;
}

.details-page-content p:not(:first-child) {
  margin-top: 0.9rem;
}
.details-page-content strong:first-child,
.details-page-content p strong:first-child {
  display: inline-block;
  margin-top: 1.2rem;
}
/* =========================================================
   ÉRVELŐ SOR STABILIZÁLÁS – p és li egy ritmuson
   ========================================================= */

/* minden érvelő szöveg azonos alap */
.details-page-content p,
.details-page-content li {
  font-size: 1rem !important;
  line-height: 1.6 !important;
  font-weight: 400 !important;
  color: #1f2937;
}

/* ha egy p közvetlenül lista ELŐTT van, ne törjön meg a ritmus */
.details-page-content p + ul {
  margin-top: 0.15rem;
}

/* ha lista UTÁN jön p (pl. „Így a klubvezető:”), legyen levegő */
.details-page-content ul + p {
  margin-top: 0.7rem;
}
/* =========================================================
   SAFETY OVERRIDE – TIPOGRÁFIAI STABILIZÁLÁS
   (EZ AZ EGYETLEN ÚJ BLOKK)
   ========================================================= */

/* p és li legyen azonos */
.details-page-content p,
.details-page-content li {
  font-size: 1rem !important;
  line-height: 1.6 !important;
  font-weight: 400 !important;
}

/* nyilas lista ne legyen kisebb */
.details-page-content ul li,
.details-page-content ul li::before {
  font-size: 1rem !important;
  line-height: 1.6 !important;
}

/* p ↔ lista térköz normalizálás */
.details-page-content p + ul {
  margin-top: 0.15rem !important;
}
.details-page-content ul + p {
  margin-top: 0.7rem !important;
}
/* FIX: nyíl ne külön sorban legyen */
.details-page-content ul li {
  display: flex;
  align-items: baseline;
  gap: 0.45rem;
  padding-left: 0 !important;
}

.details-page-content ul li::before {
  position: static !important;
  content: "›";
  flex: 0 0 auto;
  line-height: 1.6;
}

/* ha a szöveg első eleme blockként törik (pl. strong/a/span), kényszerítsük inline-ra */
.details-page-content ul li > * {
  display: inline !important;
}




/* FIX: bevezető p + érvelő lista ("Itt:") */

.details-page-content p + ul {
  margin-top: 0.1rem !important;   /* ne szakadjon le */
}

.details-page-content p + ul li {
  padding-left: 0.9rem;            /* kicsit beljebb, de nem lista */
}

.details-page-content p + ul li::before {
  font-size: 0.95rem;              /* nyíl visszafogása */
  opacity: 0.8;
}
/* FIX: utolsó bullet ne szakadjon le */
.details-page-content ul li:last-child {
  margin-top: 0.15rem !important;
}
.details-page-content ul li + li {
  margin-top: 0.15rem !important;
}
/* FIX: listaelemek közti „elmászás” megszüntetése */
.details-page-content ul {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;          /* EZ adja a távolságot */
}

/* és NINCS margin a li-ken */
.details-page-content ul li {
  margin: 0 !important;
}

/* FIX: utolsó bulletben a strong ne tolja le a sort */
.details-page-content ul li strong {
  display: inline;
  margin: 0 !important;
}
/* FIX: cím ne csússzon rá listára */
.details-page-content ul + h3 {
  margin-top: 1.2rem;
}
.details-page-content ul + h2,
.details-page-content ul + h3 {
  margin-top: 1.2rem;
}
