/* =========================================
   EDYTA MNICH — PORTFOLIO GALLERY
   ========================================= */

/* Cała sekcja */

.em-portfolio-page .em-portfolio-section {
    background: #FAF7F3;
    padding: 85px 24px 100px;
}

/* Szerokość galerii */

.em-portfolio-page .em-portfolio-container {
    width: 100%;
    max-width: 1320px;
    margin: 0 auto;
}

/* Elegancki układ typu masonry */

.em-portfolio-page .em-portfolio-gallery {
    display: block !important;
    columns: 3;
    column-gap: 18px;
    width: 100%;
}

/* Pojedynczy kafelek */

.em-portfolio-page .em-portfolio-photo {
    display: block;
    width: 100%;
    max-width: none;
    height: auto;
    margin: 0 0 18px;
    padding: 0;
    border: 0;
    overflow: hidden;
    border-radius: 4px;
    break-inside: avoid;
    -webkit-column-break-inside: avoid;
    background: #F3EDE6;
}

/* Link obejmujący zdjęcie */

.em-portfolio-page .em-portfolio-photo a {
    display: block;
    width: 100%;
    height: auto;
    text-decoration: none;
    line-height: 0;
}

/* Oryginalne proporcje zdjęć */

.em-portfolio-page .em-portfolio-photo img {
    display: block !important;
    position: static !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: auto !important;
    object-fit: contain !important;
    transform: none;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;

    transition: opacity 0.3s ease;
}

/* Delikatny efekt po najechaniu */

@media (hover: hover) {
    .em-portfolio-page .em-portfolio-photo a:hover img {
        opacity: 0.88;
    }
}

/* TABLET */

@media (max-width: 1024px) {

    .em-portfolio-page .em-portfolio-gallery {
        columns: 2;
        column-gap: 14px;
    }

    .em-portfolio-page .em-portfolio-photo {
        margin-bottom: 14px;
    }

    .em-portfolio-page .em-portfolio-section {
        padding: 65px 20px 80px;
    }

}

/* TELEFON */

@media (max-width: 640px) {

    .em-portfolio-page .em-portfolio-gallery {
        columns: 1;
    }

    .em-portfolio-page .em-portfolio-photo {
        margin-bottom: 12px;
    }

    .em-portfolio-page .em-portfolio-section {
        padding: 40px 16px 60px;
    }

}

/* ========================================
   IMPRESSUM / DATENSCHUTZ / AGB
   ======================================== */

.em-legal-page {
    display: block !important;

    width: 100% !important;
    height: auto !important;
    min-height: 60vh;
    max-height: none !important;

    overflow: visible !important;

    box-sizing: border-box;

    padding: 130px 24px 90px !important;

    background: #FAF7F3;
    color: #3A3530;
}

.em-legal-content {
    display: block !important;

    width: 100% !important;
    max-width: 900px !important;

    height: auto !important;
    max-height: none !important;

    overflow: visible !important;

    margin: 0 auto !important;
    padding: 0 !important;

    box-sizing: border-box;

    font-family: 'Montserrat', sans-serif;
    font-size: 15px;
    line-height: 1.85;
}

.em-legal-content h1,
.em-legal-content h2,
.em-legal-content h3 {
    font-family: 'Cormorant Garamond', Georgia, serif;
    color: #1A1715;
    line-height: 1.25;
    margin: 32px 0 16px;
}

.em-legal-content h1 {
    font-size: clamp(36px, 5vw, 54px);
    margin-top: 0;
}

.em-legal-content p,
.em-legal-content ul,
.em-legal-content ol {
    margin-bottom: 18px;
}

.em-legal-content a {
    color: #B0935F;
    text-decoration: underline;
}

.em-legal-content * {
    max-width: 100%;
    overflow-wrap: break-word;
}

/* Telefon */

@media (max-width: 768px) {

    .em-legal-page {
        padding: 105px 20px 65px !important;
    }

    .em-legal-content {
        font-size: 14px;
        line-height: 1.8;
    }

}

.em-contact-hp {
    position: absolute !important;
    left: -99999px !important;
    top: -99999px !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
}