/* ==========================================================
   DOODLE UI COMPONENT
   Module  : Page
   File    : legal-pages.css
   Version : 1.0.0
   Author  : Doodle IT Development
========================================================== */

.legal-page{
    padding-block:var(--section-space-md);
}

.legal-content{
    max-width:760px;
    margin:0 auto;
    padding-inline:var(--space-24);
}

.legal-title{
    margin-bottom:var(--space-8);
    color:var(--color-text);
    font-size:var(--font-3xl);
    font-weight:var(--font-bold);
}

.legal-updated{
    margin-bottom:var(--space-40);
    color:var(--color-text-muted);
    font-size:var(--font-sm);
}

.legal-content h2{
    margin-top:var(--space-40);
    margin-bottom:var(--space-16);
    color:var(--color-text);
    font-size:var(--font-xl);
    font-weight:var(--font-bold);
}

.legal-content p{
    margin-bottom:var(--space-16);
    color:var(--color-text-secondary);
    line-height:var(--line-relaxed);
}

.legal-content ul{
    margin:0 0 var(--space-16);
    padding-left:var(--space-24);
    color:var(--color-text-secondary);
    line-height:var(--line-relaxed);
}

.legal-content li{
    margin-bottom:var(--space-8);
}

.legal-content strong{
    color:var(--color-text);
    font-weight:var(--font-semibold);
}

@media (max-width:767px){

    .legal-page{
        padding-block:var(--section-space-sm);
    }

    .legal-title{
        font-size:var(--font-2xl);
    }

    .legal-content h2{
        font-size:var(--font-lg);
    }

}