/* =========================================================
   MAHASOLARTECH
   LEGAL PAGES
   Privacy Policy / Terms & Conditions
========================================================= */


/* =========================================================
   LEGAL HERO
========================================================= */

.legal-hero {

    margin-top: 40px;

    min-height: 250px;

    display: flex;

    align-items: center;

    justify-content: center;

    text-align: center;

    padding: 60px 20px;

    background: var(--light-bg);

}


.legal-hero .container {

    max-width: 900px;

}


.legal-label {

    display: inline-block;

    padding: 8px 18px;

    margin-bottom: 15px;

    border-radius: 50px;

    background: rgba(217,119,6,0.12);

    color: var(--primary-color);

    font-size: 13px;

    font-weight: 700;

    letter-spacing: 1.4px;

}


.legal-hero h1 {

    margin: 5px 0 15px;

    color: var(--heading-color);

    font-size: clamp(32px, 5vw, 48px);

    font-weight: 700;

}


.legal-hero p {

    max-width: 750px;

    margin: 0 auto;

    color: var(--light-solar-blue);

    line-height: 1.8;

    font-size: 16px;

}


.legal-updated {

    margin-top: 18px;

    color: var(--right-diagonal);

    font-size: 14px;

    font-weight: 600;

}


/* =========================================================
   LEGAL MAIN SECTION
========================================================= */

.legal-section {

    padding: 80px 0 100px;

    background: var(--default);

}


.legal-layout {

    display: grid;

    grid-template-columns: minmax(0, 1fr) 280px;

    gap: 60px;

    align-items: start;

}


/* =========================================================
   LEGAL CONTENT
========================================================= */

.legal-content {

    max-width: 850px;

}


.legal-block {

    margin-bottom: 45px;

}


.legal-block:last-child {

    margin-bottom: 0;

}


.legal-block h2 {

    margin-bottom: 18px;

    color: var(--heading-color);

    font-size: 25px;

    font-weight: 700;

    line-height: 1.4;

}


.legal-block p {

    margin-bottom: 17px;

    color: var(--light-solar-blue);

    line-height: 1.85;

    font-size: 16px;

}


.legal-block p:last-child {

    margin-bottom: 0;

}


/* =========================================================
   LISTS
========================================================= */

.legal-block ul {

    margin: 15px 0 20px;

    padding-left: 24px;

}


.legal-block li {

    margin-bottom: 11px;

    color: var(--light-solar-blue);

    line-height: 1.75;

}


/* =========================================================
   LINKS
========================================================= */

.legal-content a {

    color: var(--primary-color);

    font-weight: 600;

    text-decoration: none;

}


.legal-content a:hover {

    text-decoration: underline;

}


/* =========================================================
   CONTACT BOX
========================================================= */

.legal-contact-box {

    margin-top: 25px;

    padding: 28px 30px;

    background: var(--light-bg);

    border-left: 4px solid var(--primary-color);

    border-radius: 12px;

    box-shadow: 0 5px 20px rgba(0,0,0,0.06);

}


.legal-contact-box strong {

    color: var(--heading-color);

}


.legal-contact-box p {

    margin-top: 10px;

    margin-bottom: 12px;

}


.legal-contact-box p:last-child {

    margin-bottom: 0;

}


/* =========================================================
   SIDEBAR
========================================================= */

.legal-sidebar {

    position: sticky;

    top: 110px;

}


.legal-sidebar-card {

    padding: 25px;

    background: var(--light-bg);

    border: 1px solid var(--sky-semi-bg);

    border-radius: 16px;

    box-shadow: 0 5px 20px rgba(0,0,0,0.06);

}


.legal-sidebar-card h3 {

    margin-bottom: 18px;

    color: var(--heading-color);

    font-size: 18px;

}


.legal-sidebar-card nav {

    display: flex;

    flex-direction: column;

}


.legal-sidebar-card a {

    padding: 13px 0;

    border-bottom: 1px solid rgba(0,0,0,0.08);

    color: var(--light-solar-blue);

    text-decoration: none;

    font-size: 15px;

    line-height: 1.5;

    transition: all 0.3s ease;

}


.legal-sidebar-card a:last-child {

    border-bottom: none;

}


.legal-sidebar-card a::before {

    content: "›";

    margin-right: 8px;

    color: var(--primary-color);

    font-weight: 700;

}


.legal-sidebar-card a:hover {

    color: var(--primary-color);

    padding-left: 5px;

}


/* =========================================================
   READING EXPERIENCE
========================================================= */

.legal-content::selection {

    background: rgba(217,119,6,0.20);

}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 992px) {

    .legal-section {

        padding: 65px 0 80px;

    }


    .legal-layout {

        grid-template-columns: 1fr;

        gap: 45px;

    }


    .legal-content {

        max-width: 100%;

    }


    .legal-sidebar {

        position: static;

        width: 100%;

    }


    .legal-sidebar-card {

        max-width: 500px;

    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 768px) {

    .legal-hero {

        margin-top: 25px;

        min-height: 220px;

        padding: 50px 20px;

    }


    .legal-hero h1 {

        font-size: 34px;

    }


    .legal-hero p {

        font-size: 15px;

    }


    .legal-section {

        padding: 50px 0 65px;

    }


    .legal-block {

        margin-bottom: 38px;

    }


    .legal-block h2 {

        font-size: 22px;

    }


    .legal-block p {

        font-size: 15px;

        line-height: 1.8;

    }


    .legal-block li {

        font-size: 15px;

    }


    .legal-contact-box {

        padding: 22px;

    }

}


/* =========================================================
   SMALL PHONES
========================================================= */

@media (max-width: 480px) {

    .legal-hero {

        padding: 45px 15px;

    }


    .legal-label {

        font-size: 11px;

        padding: 7px 14px;

    }


    .legal-hero h1 {

        font-size: 30px;

    }


    .legal-section {

        padding: 45px 0 55px;

    }


    .legal-block h2 {

        font-size: 20px;

    }


    .legal-sidebar-card {

        padding: 20px;

    }

}