.legal-page {
min-height: 100vh;
display: flex;
align-items: center;
justify-content: center;
padding: 4rem 2rem;
}
.legal-container {
max-width: 800px;
width: 100%;
} .legal-back {
display: inline-flex;
align-items: center;
gap: 0.5rem;
color: rgba(255, 255, 255, 0.6);
text-decoration: none;
font-size: 0.875rem;
font-weight: 500;
margin-bottom: 2rem;
transition: color 0.3s ease;
.material-symbols-outlined {
font-size: 18px;
transition: transform 0.3s ease;
}
&:hover {
color: var(--color-white);
.material-symbols-outlined {
transform: translateX(-4px);
}
}
} .legal-title {
font-size: clamp(2.5rem, 8vw, 4rem);
font-weight: var(--font-weight-bold);
color: var(--color-white);
line-height: 1.1;
margin-bottom: 2.5rem;
letter-spacing: -0.02em;
} .legal-content {
color: rgba(255, 255, 255, 0.85);
font-size: 1rem;
line-height: 1.8;
h2 {
font-size: 1.5rem;
font-weight: var(--font-weight-semibold);
color: var(--color-white);
margin-top: 2.5rem;
margin-bottom: 1rem;
}
h3 {
font-size: 1.25rem;
font-weight: var(--font-weight-semibold);
color: var(--color-white);
margin-top: 2rem;
margin-bottom: 0.75rem;
}
p {
margin-bottom: 1rem;
}
ul, ol {
margin-bottom: 1rem;
padding-left: 1.5rem;
}
li {
margin-bottom: 0.5rem;
}
a {
color: var(--color-white);
text-decoration: underline;
text-underline-offset: 2px;
&:hover {
text-decoration-thickness: 2px;
}
}
strong {
color: var(--color-white);
font-weight: var(--font-weight-semibold);
}
blockquote {
border-left: 3px solid rgba(255, 255, 255, 0.3);
padding-left: 1.5rem;
margin: 1.5rem 0;
font-style: italic;
color: rgba(255, 255, 255, 0.7);
}
table {
width: 100%;
border-collapse: collapse;
margin: 1.5rem 0;
th, td {
padding: 0.75rem;
border: 1px solid rgba(255, 255, 255, 0.2);
text-align: left;
}
th {
background: rgba(255, 255, 255, 0.1);
font-weight: var(--font-weight-semibold);
color: var(--color-white);
}
}
} .legal-footer {
margin-top: 3rem;
padding-top: 2rem;
border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.legal-button {
display: inline-flex;
align-items: center;
gap: 0.25rem;
background: var(--color-white);
color: var(--color-primary);
padding: 0.75rem 2rem;
border-radius: var(--radius-md);
text-decoration: none;
font-weight: 600;
font-size: 1rem;
transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
.material-symbols-outlined {
font-size: 20px;
transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1);
}
&:hover {
transform: scale(1.02);
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
.material-symbols-outlined {
transform: translateX(4px);
}
}
} .legal-content .cmplz-document {
color: rgba(255, 255, 255, 0.85);
}
.legal-content .cmplz-document h2 {
font-size: 1.5rem;
font-weight: var(--font-weight-semibold);
color: var(--color-white);
margin-top: 2.5rem;
margin-bottom: 1rem;
}
.legal-content .cmplz-document h3 {
font-size: 1.25rem;
font-weight: var(--font-weight-semibold);
color: var(--color-white);
margin-top: 2rem;
margin-bottom: 0.75rem;
}
.legal-content .cmplz-document h4,
.legal-content .cmplz-document h5 {
font-size: 1rem;
font-weight: var(--font-weight-semibold);
color: var(--color-white);
margin-top: 1rem;
margin-bottom: 0.5rem;
}
.legal-content .cmplz-document p {
margin-bottom: 1rem;
}
.legal-content .cmplz-document a {
color: #A65D57 !important;
text-decoration: underline;
text-underline-offset: 2px;
}
.legal-content .cmplz-document a:hover {
text-decoration-thickness: 2px;
} .legal-content .cmplz-dropdown {
background-color: #ffffffed !important;
border-radius: var(--radius-md);
margin-bottom: 1rem;
border: 1px solid rgba(255, 255, 255, 0.1);
overflow: hidden;
color: #A65D57 !important;
}
#cmplz-cookies-overview .cmplz-dropdown,
#cmplz-document .cmplz-dropdown,
.legal-content #cmplz-cookies-overview .cmplz-dropdown {
background-color: #ffffffed !important;
}
.legal-content .cmplz-dropdown summary,
.legal-content .cmplz-service-header,
.legal-content summary.cmplz-service-header {
padding: 1rem 1.25rem;
cursor: pointer;
list-style: none;
background: transparent !important;
}
.legal-content .cmplz-dropdown summary::-webkit-details-marker {
display: none;
}
.legal-content .cmplz-dropdown summary > div {
display: flex;
align-items: center;
justify-content: space-between;
gap: 1rem;
}
.legal-content .cmplz-service-header h3 {
margin: 0;
font-size: 1.125rem;
color: #A65D57 !important;
}
.legal-content .cmplz-service-header p {
margin: 0;
font-size: 0.875rem;
color: #a65d57 !important;
}
.legal-content .cmplz-dropdown[open] summary {
border-bottom: 1px solid rgba(166, 93, 87, 0.2);
}
.legal-content .cmplz-service-description,
.legal-content .cmplz-sharing-data,
.legal-content .cookies-per-purpose {
padding: 1rem 1.25rem;
}
.legal-content .cmplz-service-description h4,
.legal-content .cmplz-sharing-data h4,
.cmplz-service-description h4,
.cmplz-sharing-data h4 {
font-size: 0.875rem;
text-transform: uppercase;
letter-spacing: 0.05em;
color: #A65D57 !important;
margin-top: 0;
margin-bottom: 0.5rem;
}
.legal-content .cmplz-service-description p,
.legal-content .cmplz-sharing-data p {
margin-bottom: 0;
font-size: 0.9375rem;
color: #A65D57 !important;
} .legal-content .cookies-per-purpose {
display: grid;
grid-template-columns: 1fr 100px 1fr;
gap: 0.5rem 1rem;
font-size: 0.875rem;
background: transparent !important;
border-radius: var(--radius-sm);
padding: 1rem !important;
margin-top: 0.5rem;
}
#cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose div,
#cmplz-document .cmplz-dropdown .cookies-per-purpose div,
.legal-content .cmplz-dropdown .cookies-per-purpose div {
border-radius: 12px !important;
color: #A65D57 !important;
}
.legal-content .cookies-per-purpose .purpose {
grid-column: 1 / -1;
padding-bottom: 0.5rem;
border-bottom: 1px solid rgba(166, 93, 87, 0.2);
margin-bottom: 0.5rem;
}
.legal-content .cookies-per-purpose .purpose h4 {
margin: 0;
font-size: 0.875rem;
color: #a65d57 !important;
}
.legal-content .cookies-per-purpose .name-header,
.legal-content .cookies-per-purpose .retention-header,
.legal-content .cookies-per-purpose .function-header {
margin-top: 0.5rem;
}
.legal-content .cookies-per-purpose h5 {
margin: 0;
font-size: 0.7rem;
text-transform: uppercase;
letter-spacing: 0.05em;
color: #A65D57 !important;
}
.legal-content .cookies-per-purpose .name,
.legal-content .cookies-per-purpose .retention,
.legal-content .cookies-per-purpose .function {
color: #A65D57 !important;
word-break: break-all;
font-size: 0.8125rem;
}
.legal-content .cookies-per-purpose .name a {
color: #a65d57 !important;
} .legal-content .cmplz-icon svg {
fill: #a65d57 !important;
transition: transform 0.3s ease;
}
.legal-content .cmplz-dropdown[open] .cmplz-icon svg {
transform: rotate(180deg);
} .legal-content .cmplz-consent-checkbox,
.legal-content .cmplz-label,
.legal-content .cmplz-accept-service,
.legal-content .cmplz-banner-checkbox {
display: none !important;
} .legal-content .cmplz-manage-consent-container {
margin-top: 1.5rem;
}
.legal-content .cmplz-categories {
display: flex;
flex-direction: column;
gap: 0.75rem;
}
.legal-content .cmplz-category,
#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category {
background-color: #ffffffed !important;
border-radius: var(--radius-md);
border: 1px solid rgba(255, 255, 255, 0.1);
overflow: hidden;
}
.legal-content .cmplz-category summary {
padding: 1rem 1.25rem;
cursor: pointer;
list-style: none;
}
.legal-content .cmplz-category summary::-webkit-details-marker {
display: none;
}
.legal-content .cmplz-category-header,
#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category .cmplz-category-header {
display: flex !important;
align-items: center;
gap: 1rem;
background-color: transparent !important;
padding: 0 !important;
grid-template-columns: none !important;
}
.legal-content .cmplz-category-title {
font-weight: var(--font-weight-semibold);
color: #A65D57 !important;
flex: 1;
}
.legal-content .cmplz-always-active {
font-size: 0.75rem;
text-transform: uppercase;
letter-spacing: 0.05em;
color: #a65d57 !important;
}
.legal-content .cmplz-category .cmplz-description {
padding: 0 1.25rem 1rem;
color: #A65D57 !important;
font-size: 0.9375rem;
}
.legal-content .cmplz-category .cmplz-description span {
color: #A65D57 !important;
} .legal-content .cmplz-subtitle {
font-weight: var(--font-weight-semibold);
color: var(--color-white);
margin-top: 1.5rem;
} .legal-content .cmplz-obfuscate .cmplz-fmail-domain {
display: none;
} div#cmplz-document a {
color: white !important;
} @media (max-width: 600px) {
.legal-content .cookies-per-purpose {
grid-template-columns: 1fr;
}
.legal-content .cookies-per-purpose .retention-header,
.legal-content .cookies-per-purpose .retention {
display: none;
}
} @media (max-width: 600px) {
.legal-page {
padding: 2rem 1.25rem;
align-items: flex-start;
padding-top: 6rem;
}
.legal-content {
font-size: 0.9375rem;
h2 {
font-size: 1.25rem;
}
h3 {
font-size: 1.125rem;
}
}
}