/* ── Jogi dokumentumok (ÁSZF, adatvédelem, sütik) ──────────────────────
   Külön fájl, mint a sale.css – a Tailwind build érintetlen marad.

   MIÉRT KELL: a sablonok `prose prose-sm ...` osztályokat használnak, de a
   @tailwindcss/typography bővítmény NINCS benne a buildelt app.min.css-ben.
   Emiatt a címsorok, bekezdések, listák és táblázatok böngésző-alapértelmezett
   formázást kaptak, ritmus és tagolás nélkül – innen jött az „egybefolyó,
   odaborított szöveg” érzet. Ez a fájl pótolja a hiányzó tipográfiát.

   Csak a három jogi oldalon töltődik be (lásd layouts/main.php). */

/* ── Hatálybalépés dátuma ────────────────────────────────────────────── */
.legal-meta {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    background: #f9fafb;
    border: 1px solid #f3f4f6;
    border-radius: 9999px;
    padding: .3rem .75rem;
    margin: 0 0 1.75rem;
    font-size: .8125rem;
    color: #6b7280;
}
.legal-meta::before {
    content: "";
    width: .375rem;
    height: .375rem;
    border-radius: 50%;
    background: #47a06e;                 /* brand-400 */
}

/* ── Tartalomjegyzék ─────────────────────────────────────────────────── */
.legal-toc {
    background: #f0f9f4;                 /* brand-50 */
    border: 1px solid #d5ebdd;           /* brand-100 */
    border-radius: 1rem;
    padding: 1.25rem 1.5rem;
    margin-bottom: 2.5rem;
}
.legal-toc__title {
    font-family: "DM Serif Display", Georgia, serif;
    font-size: 1.0625rem;
    color: #143826;                      /* brand-900 */
    margin: 0 0 .75rem;
}
.legal-toc__list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: .35rem .5rem;
}
@media (min-width: 640px) {
    .legal-toc__list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
.legal-toc__list a {
    display: block;
    color: #1d5638;                      /* brand-700 */
    text-decoration: none;
    font-size: .875rem;
    line-height: 1.5;
    padding: .25rem .35rem;
    border-radius: .375rem;
    transition: background-color .15s, color .15s;
}
.legal-toc__list a:hover,
.legal-toc__list a:focus-visible {
    background: #d5ebdd;
    color: #143826;
}

/* ── A dokumentum törzse ─────────────────────────────────────────────── */
.legal-doc {
    color: #4b5563;                      /* gray-600 */
    font-size: .9375rem;
    line-height: 1.75;
}

.legal-doc > p:first-of-type { margin-top: 0; }

.legal-doc h2 {
    font-family: "DM Serif Display", Georgia, serif;
    font-weight: 400;
    font-size: 1.375rem;
    line-height: 1.3;
    color: #1f2937;                      /* gray-800 */
    margin: 3rem 0 1rem;
    padding-top: 1.75rem;
    border-top: 1px solid #f3f4f6;       /* halk elválasztó a szakaszok közt */
    /* a fejléc ne takarja el a szakaszt, amikor a tartalomjegyzékből ugrunk ide */
    scroll-margin-top: 6rem;
}
.legal-doc h2:first-child { margin-top: 0; padding-top: 0; border-top: 0; }

.legal-doc h3 {
    font-family: "DM Serif Display", Georgia, serif;
    font-weight: 400;
    font-size: 1.0625rem;
    color: #374151;                      /* gray-700 */
    margin: 2rem 0 .625rem;
    scroll-margin-top: 6rem;
}

.legal-doc p { margin: 0 0 1rem; }

.legal-doc ul,
.legal-doc ol { margin: 0 0 1.25rem; padding-left: 1.25rem; }
.legal-doc ul { list-style: none; padding-left: 0; }
.legal-doc ol { list-style: decimal; }

.legal-doc ul > li {
    position: relative;
    padding-left: 1.375rem;
    margin-bottom: .5rem;
}
.legal-doc ul > li::before {
    content: "";
    position: absolute;
    left: .3125rem;
    top: .6875rem;
    width: .3125rem;
    height: .3125rem;
    border-radius: 50%;
    background: #74bc92;                 /* brand-300 */
}
.legal-doc ol > li { margin-bottom: .5rem; padding-left: .25rem; }

.legal-doc strong { color: #1f2937; font-weight: 600; }

.legal-doc a {
    color: #236b44;                      /* brand-600 */
    text-decoration: underline;
    text-underline-offset: 2px;
    text-decoration-color: #aad7bb;
}
.legal-doc a:hover { color: #1d5638; text-decoration-color: #47a06e; }

/* ── Táblázatok (adatvédelem, sütik) ─────────────────────────────────── */
.legal-doc table {
    width: 100%;
    border-collapse: collapse;
    margin: 0 0 1.5rem;
    font-size: .8125rem;
    line-height: 1.55;
}
.legal-doc thead th {
    background: #f0f9f4;
    color: #143826;
    font-weight: 600;
    text-align: left;
    padding: .625rem .75rem;
    border-bottom: 1px solid #d5ebdd;
    white-space: nowrap;
}
.legal-doc tbody td {
    padding: .625rem .75rem;
    border-bottom: 1px solid #f3f4f6;
    vertical-align: top;
}
.legal-doc tbody tr:last-child td { border-bottom: 0; }
.legal-doc tbody tr:nth-child(even) { background: #fcfcfd; }

/* Kis kijelzőn a táblázat vízszintesen görgethető, nem töri szét az oldalt */
.legal-table-wrap {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    margin: 0 0 1.5rem;
    border: 1px solid #f3f4f6;
    border-radius: .75rem;
}
.legal-table-wrap > table { margin: 0; }

/* ── Kiemelt doboz (pl. elállási jog) ────────────────────────────────── */
.legal-callout {
    background: #fffbf0;                 /* cream-50 */
    border: 1px solid #fef3e2;           /* cream-100 */
    border-left: 3px solid #47a06e;      /* brand-400 */
    border-radius: .75rem;
    padding: 1rem 1.25rem;
    margin: 0 0 1.5rem;
}
.legal-callout p:last-child { margin-bottom: 0; }

/* ── Lábrész: vissza a tetejére ──────────────────────────────────────── */
.legal-back-top {
    display: inline-flex;
    align-items: center;
    gap: .375rem;
    margin-top: 2.5rem;
    padding-top: 1.5rem;
    border-top: 1px solid #f3f4f6;
    width: 100%;
    color: #6b7280;
    font-size: .8125rem;
    text-decoration: none;
}
.legal-back-top:hover { color: #236b44; }

/* Nyomtatás: a vásárló gyakran kinyomtatja vagy PDF-be menti az ÁSZF-et */
@media print {
    .legal-toc, .legal-back-top { display: none; }
    .legal-doc { font-size: 10.5pt; color: #000; }
    .legal-doc h2 { break-after: avoid; }
    .legal-doc a { text-decoration: none; color: #000; }
}