/* Polityka cookies - page-owned styles */

.cookies-intro,
.cookies-definition,
.cookies-types,
.cookies-manage,
.cookies-third-party,
.cookies-rights,
.cookies-admin,
.cookies-changes {
    padding-block: var(--space-6);
}

.cookies-intro__container,
.cookies-definition__container,
.cookies-types__container,
.cookies-manage__container,
.cookies-third-party__container,
.cookies-rights__container,
.cookies-admin__container,
.cookies-changes__container {
    width: 100%;
    max-width: var(--container-max);
    margin-inline: auto;
    padding-inline: var(--container-gutter);
}

.cookies-intro__content,
.cookies-definition__content,
.cookies-manage__content,
.cookies-third-party__content,
.cookies-rights__content,
.cookies-admin__content,
.cookies-changes__content {
    max-width: 720px;
    margin-inline: 0;
}

.cookies-types__content {
    max-width: 900px;
    margin-inline: 0;
}

.cookies-intro h1 {
    margin-block-end: var(--space-4);
}

.cookies-intro h2,
.cookies-definition h2,
.cookies-types h2,
.cookies-manage h2,
.cookies-third-party h2,
.cookies-rights h2,
.cookies-admin h2,
.cookies-changes h2 {
    margin-block-end: var(--space-4);
}

.cookies-intro__lead {
    font-size: 1.125rem;
    line-height: 1.7;
    color: var(--color-deep-sea-blue);
    margin-block-end: var(--space-4);
}

.cookies-intro__list,
.cookies-third-party__list,
.cookies-manage__links,
.cookies-admin__contact-list {
    margin-block-end: var(--space-4);
    padding-inline-start: var(--space-4);
}

.cookies-intro__list li,
.cookies-third-party__list li,
.cookies-manage__links li,
.cookies-admin__contact-list li {
    margin-block-end: var(--space-2);
    position: relative;
}

.cookies-intro__list li::before,
.cookies-third-party__list li::before,
.cookies-manage__links li::before,
.cookies-admin__contact-list li::before {
    content: "";
    position: absolute;
    inset-inline-start: calc(-1 * var(--space-4));
    inset-block-start: 0.6em;
    width: 6px;
    height: 6px;
    border-radius: var(--radius-circle);
    background-color: var(--color-copper);
}

.cookies-intro a,
.cookies-definition a,
.cookies-types a,
.cookies-manage a,
.cookies-third-party a,
.cookies-rights a,
.cookies-admin a,
.cookies-changes a {
    color: var(--color-terracotta);
    text-decoration: underline;
    text-underline-offset: 3px;
    transition: color var(--transition-color);
}

.cookies-intro a:hover,
.cookies-definition a:hover,
.cookies-types a:hover,
.cookies-manage a:hover,
.cookies-third-party a:hover,
.cookies-rights a:hover,
.cookies-admin a:hover,
.cookies-changes a:hover {
    color: var(--color-copper);
}

.cookies-definition__icon {
    width: 40px;
    height: 40px;
    border: 2px solid var(--color-copper);
    border-radius: var(--radius-circle);
    margin-block-end: var(--space-4);
    position: relative;
}

.cookies-definition__icon::after {
    content: "";
    position: absolute;
    inset: 8px;
    border: 2px solid var(--color-copper);
    border-radius: var(--radius-circle);
}

.cookies-types__table-wrapper {
    overflow-x: auto;
    margin-block-end: var(--space-4);
}

.cookies-types__table {
    width: 100%;
    min-width: 700px;
    border-collapse: collapse;
    margin-block-end: 0;
}

.cookies-types__table th,
.cookies-types__table td {
    padding: var(--space-3);
    border: 1px solid var(--color-copper);
    vertical-align: top;
}

.cookies-types__table thead th {
    background-color: var(--color-deep-sea-blue);
    color: var(--color-vanilla);
    font-family: var(--font-heading);
    font-weight: 600;
}

.cookies-types__table tbody th {
    background-color: var(--color-white);
    color: var(--color-deep-sea-blue);
    font-weight: 600;
}

.cookies-types__table tbody td {
    background-color: var(--color-white);
}

.cookies-types__mobile-list {
    display: none;
    margin-block-end: var(--space-4);
}

.cookies-types__item {
    border: 1px solid var(--color-copper);
    border-radius: var(--radius-card);
    margin-block-end: var(--space-3);
    background-color: var(--color-white);
    overflow: hidden;
}

.cookies-types__item summary {
    padding: var(--space-3);
    font-weight: 600;
    color: var(--color-deep-sea-blue);
    cursor: pointer;
    list-style: none;
    position: relative;
}

.cookies-types__item summary::-webkit-details-marker {
    display: none;
}

.cookies-types__item summary::after {
    content: "+";
    position: absolute;
    inset-inline-end: var(--space-3);
    inset-block-start: 50%;
    transform: translateY(-50%);
    font-size: 1.5rem;
    line-height: 1;
    color: var(--color-copper);
}

.cookies-types__item[open] summary::after {
    content: "−";
}

.cookies-types__item p {
    padding-inline: var(--space-3);
    padding-block-end: var(--space-3);
    margin-block-end: 0;
}

.cookies-manage__links {
    list-style: none;
    padding-inline-start: 0;
}

.cookies-manage__links li {
    padding-inline-start: var(--space-4);
}

.cookies-manage__links li::before {
    inset-inline-start: 0;
}

.cookies-admin__card {
    background-color: var(--color-white);
    box-shadow: var(--shadow-card);
    border-radius: var(--radius-card);
    padding: var(--space-4);
    margin-block-end: var(--space-4);
}

.cookies-admin__card h3 {
    margin-block-end: var(--space-3);
}

.cookies-admin__contact-list {
    list-style: none;
    padding-inline-start: 0;
    margin-block-end: 0;
}

.cookies-admin__contact-list li {
    padding-inline-start: var(--space-4);
    margin-block-end: var(--space-2);
}

.cookies-admin__contact-list li:last-child {
    margin-block-end: 0;
}

.cookies-admin__contact-list li::before {
    inset-inline-start: 0;
}

.cookies-changes__date {
    font-style: italic;
    color: rgba(43, 43, 43, 0.7);
    margin-block-start: var(--space-4);
}

@media (max-width: 900px) {
    .cookies-types__table-wrapper {
        display: none;
    }

    .cookies-types__mobile-list {
        display: block;
    }
}

@media (max-width: 768px) {
    .cookies-intro,
    .cookies-definition,
    .cookies-types,
    .cookies-manage,
    .cookies-third-party,
    .cookies-rights,
    .cookies-admin,
    .cookies-changes {
        padding-block: var(--space-5);
    }

    .cookies-intro__content,
    .cookies-definition__content,
    .cookies-types__content,
    .cookies-manage__content,
    .cookies-third-party__content,
    .cookies-rights__content,
    .cookies-admin__content,
    .cookies-changes__content {
        max-width: 100%;
    }

    .cookies-definition__icon {
        display: none;
    }

    .cookies-admin__card {
        padding: var(--space-3);
    }
}

@media (max-width: 390px) {
    .cookies-intro__container,
    .cookies-definition__container,
    .cookies-types__container,
    .cookies-manage__container,
    .cookies-third-party__container,
    .cookies-rights__container,
    .cookies-admin__container,
    .cookies-changes__container {
        padding-inline: 16px;
    }

    .cookies-types__item summary {
        padding: var(--space-2) var(--space-3);
    }

    .cookies-types__item p {
        padding-inline: var(--space-3);
        padding-block-end: var(--space-2);
    }
}