/* === Brožura — A5 stránkový layout === */
/* Design system: deask.ts95.cz (Deadia Cosmetics) */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600&display=swap');

/* Badge pro document type na indexu */
.document-type-badge-brochure {
    background: #fce4f1;
    color: #c2185b;
}

/* ── Stránka A5 ────────────────────────────────────────── */
.brochure-page {
    width: 148mm;
    height: 210mm;
    background: #fdf2f8;
    border: 0.1mm solid #f0e4ec;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    overflow: hidden;
    position: relative;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-size: 9pt;
    line-height: 1.5;
    color: #1f1f1f;
}

/* ── Content page (s paddingem) ────────────────────────── */
.brochure-content-page {
    padding: 6mm 8mm 5mm;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.brochure-headline {
    font-family: 'Montserrat', sans-serif;
    font-size: 15pt;
    font-weight: 700;
    color: #1f1f1f;
    margin: 0 0 3mm;
    line-height: 1.2;
}

.brochure-header-badge {
    display: inline-block;
    background: #F56CC5;
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-size: 6.5pt;
    font-weight: 600;
    padding: 0.8mm 3mm;
    border-radius: 4mm;
    letter-spacing: 0.5pt;
    margin-bottom: 3mm;
    align-self: flex-end;
}

/* ── Cover přední ──────────────────────────────────────── */
.brochure-page-cover-front {
    background: #fce8f3 !important;
}

.brochure-cover-front {
    height: 100%;
    display: flex;
    flex-direction: column;
    padding: 5mm 8mm 5mm;
}

.brochure-cover-inner {
    text-align: center;
    padding: 10mm 10mm;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.brochure-cover-logo {
    width: 72mm;
    height: auto;
}

.brochure-cover-separator {
    width: 24mm;
    height: 0.35mm;
    background: linear-gradient(90deg, transparent, #F56CC5, transparent);
    margin: 4mm 0;
    border: none;
}

.brochure-cover-subtitle {
    font-family: 'Montserrat', sans-serif;
    font-size: 9.5pt;
    font-weight: 300;
    color: #6c6c6c;
    margin: 0;
    letter-spacing: 1.5pt;
    text-transform: uppercase;
}

/* ── Cover hero headline (editorial/manifesto layout) ── */
.brochure-hero-headline {
    font-family: 'Montserrat', serif;
    font-size: 16pt;
    font-weight: 700;
    line-height: 1.15;
    text-align: center;
    color: #1f1f1f;
    margin: 0 0 3mm;
    letter-spacing: -0.2pt;
    text-transform: uppercase;
}

.brochure-cover-body {
    flex: 1;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 3mm;
}

.brochure-cover-left {
    display: flex;
    flex-direction: column;
    gap: 4mm;
}

.brochure-cover-manifesto {
    font-family: 'Montserrat', sans-serif;
    font-size: 8pt;
    font-weight: 600;
    line-height: 1.35;
    color: #1f1f1f;
    text-transform: uppercase;
}

.brochure-cover-photo {
    min-height: 0;
    align-self: end;
    justify-self: end;
}

.brochure-cover-photo .brochure-image-placeholder {
    width: 100%;
    height: 90mm;
    background: #f5dce8;
    border: none;
    border-radius: 1mm;
}

.brochure-cover-text {
    font-family: 'Inter', sans-serif;
    font-size: 7.5pt;
    line-height: 1.5;
    color: #3a3a3a;
}

/* ── Story (text + image) ──────────────────────────────── */
.brochure-story-layout {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4mm;
    flex: 1;
}

.brochure-story-text {
    font-size: 8.5pt;
    line-height: 1.55;
    color: #1f1f1f;
}

.brochure-story-image {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2mm;
}

.brochure-image-placeholder {
    width: 100%;
    height: 50mm;
    background: #fce8f3;
    border: 0.2mm dashed #f0c4d8;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #c27a9e;
    font-size: 8pt;
    border-radius: 2mm;
}

.brochure-image-caption {
    font-family: 'Montserrat', sans-serif;
    font-size: 7.5pt;
    font-weight: 500;
    color: #6c6c6c;
    margin: 0;
}

/* ── Pilíře (3 sloupce) ────────────────────────────────── */
.brochure-pillars {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 3mm;
    flex: 1;
    align-content: center;
}

.brochure-pillar {
    text-align: center;
    padding: 3mm 2.5mm;
    background: #fff;
    border: 0.2mm solid #f0e4ec;
    border-radius: 2mm;
    position: relative;
}

.brochure-pillar::before {
    content: '';
    display: block;
    width: 8mm;
    height: 0.4mm;
    background: #F56CC5;
    border-radius: 1mm;
    margin: 0 auto 2mm;
}

.brochure-pillar-title {
    font-family: 'Montserrat', sans-serif;
    font-size: 8.5pt;
    font-weight: 600;
    color: #1f1f1f;
    margin: 0 0 2mm;
    line-height: 1.3;
}

.brochure-pillar-desc {
    font-size: 7.5pt;
    color: #6c6c6c;
    margin: 0;
    line-height: 1.4;
}

/* ── Features (text + sidebar) ─────────────────────────── */
.brochure-features-layout {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4mm;
    flex: 1;
}

.brochure-features-text {
    font-size: 8pt;
    line-height: 1.55;
    color: #1f1f1f;
}

.brochure-features-list {
    display: flex;
    flex-direction: column;
    gap: 2mm;
}

.brochure-feature {
    background: #fff;
    border: 0.15mm solid #f0e4ec;
    border-left: 0.6mm solid #F56CC5;
    border-radius: 1.5mm;
    padding: 2mm 2.5mm;
}

.brochure-feature-title {
    font-family: 'Montserrat', sans-serif;
    font-size: 8pt;
    font-weight: 600;
    color: #1f1f1f;
    margin: 0 0 0.8mm;
}

.brochure-feature-desc {
    font-size: 7pt;
    color: #6c6c6c;
    margin: 0;
    line-height: 1.4;
}

/* ── Produkty (2×2 grid) ───────────────────────────────── */
.brochure-products-subtitle {
    font-family: 'Inter', sans-serif;
    font-size: 9pt;
    color: #6c6c6c;
    margin: -1mm 0 3mm;
    font-weight: 400;
}

.brochure-products-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 3mm;
    flex: 1;
    align-content: start;
}

.brochure-product-card {
    background: #fff;
    border: 0.15mm solid #f0e4ec;
    border-radius: 2mm;
    padding: 2.5mm;
    text-align: center;
    transition: box-shadow 0.2s;
}

.brochure-product-image-placeholder {
    width: 100%;
    height: 22mm;
    background: #fce8f3;
    border-radius: 1.5mm;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #c27a9e;
    font-size: 7pt;
    margin-bottom: 2mm;
}

.brochure-product-name {
    font-family: 'Montserrat', sans-serif;
    font-size: 8pt;
    font-weight: 600;
    color: #1f1f1f;
    margin: 0 0 1mm;
    line-height: 1.3;
}

.brochure-product-desc {
    font-size: 7pt;
    color: #6c6c6c;
    margin: 0;
    line-height: 1.35;
}

/* ── Text intro (B2B) ──────────────────────────────────── */
.brochure-text-body {
    font-size: 9pt;
    line-height: 1.6;
    color: #1f1f1f;
    max-width: 110mm;
}

/* ── Values (2×3 grid) ─────────────────────────────────── */
.brochure-values-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 1fr);
    gap: 3mm;
    flex: 1;
    align-content: center;
}

.brochure-value-card {
    text-align: center;
    padding: 2.5mm 2mm;
    background: #fff;
    border: 0.15mm solid #f0e4ec;
    border-radius: 2mm;
}

.brochure-value-icon {
    font-size: 14pt;
    display: block;
    margin-bottom: 1.5mm;
    color: #F56CC5;
}

.brochure-value-title {
    font-family: 'Montserrat', sans-serif;
    font-size: 8pt;
    font-weight: 600;
    color: #1f1f1f;
    margin: 0 0 1.5mm;
}

.brochure-value-desc {
    font-size: 6.5pt;
    color: #6c6c6c;
    margin: 0;
    line-height: 1.4;
}

/* ── Cover zadní ───────────────────────────────────────── */
.brochure-cover-back {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.brochure-cover-back-inner {
    text-align: center;
    padding: 10mm;
}

.brochure-contact-headline {
    font-family: 'Montserrat', sans-serif;
    font-size: 14pt;
    font-weight: 700;
    color: #1f1f1f;
    margin: 0 0 5mm;
}

.brochure-contact-links {
    display: flex;
    justify-content: center;
    gap: 8mm;
    margin-bottom: 5mm;
}

.brochure-contact-link {
    text-align: center;
}

.brochure-contact-label {
    font-family: 'Montserrat', sans-serif;
    font-size: 8pt;
    font-weight: 600;
    color: #1f1f1f;
    margin: 0 0 2mm;
}

.brochure-qr-placeholder {
    width: 22mm;
    height: 22mm;
    background: #fce8f3;
    border: 0.2mm dashed #f0c4d8;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #c27a9e;
    font-size: 7pt;
    margin: 0 auto 2mm;
    border-radius: 2mm;
}

.brochure-contact-value {
    font-size: 7.5pt;
    color: #F56CC5;
    margin: 0;
    font-weight: 500;
}

.brochure-contact-info {
    margin-top: 4mm;
    position: relative;
}

.brochure-contact-info::before {
    content: '';
    display: block;
    width: 16mm;
    height: 0.3mm;
    background: #F56CC5;
    border-radius: 1mm;
    margin: 0 auto 3mm;
}

.brochure-contact-info p {
    font-size: 8.5pt;
    color: #1f1f1f;
    margin: 0 0 1.5mm;
    line-height: 1.4;
}

.brochure-blank {
    color: #6c6c6c;
    text-align: center;
    padding-top: 50mm;
}

/* ── Print mode ────────────────────────────────────────── */
.print-mode .brochure-page {
    box-shadow: none;
    border: none;
    page-break-after: always;
    page-break-inside: avoid;
}

.print-mode .brochure-page:last-child {
    page-break-after: auto;
}

@media print {
    .brochure-page {
        box-shadow: none;
        border: none;
        page-break-after: always;
        page-break-inside: avoid;
    }

    .brochure-page:last-child {
        page-break-after: auto;
    }
}