/* ==========================================
   NUBIKIT CMS v4
   PRIVACY POLICY PAGE
========================================== */

.page-header{
    background:linear-gradient(135deg,#16a34a,#104d65);
    color:#fff;
    padding:70px 20px;
    text-align:center;
}

.page-header .container{
    max-width:900px;
    margin:auto;
}

.page-header h1{
    font-size:42px;
    font-weight:700;
    margin-bottom:12px;
    line-height:1.2;
}

.page-header p{
    font-size:16px;
    opacity:.9;
    margin:0;
}

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

.page-content{
    background:#f5f8fb;
    padding:50px 20px 80px;
}

.page-content .container{
    max-width:900px;
    margin:auto;
    background:#fff;
    border-radius:24px;
    padding:40px;
    box-shadow:0 10px 30px rgba(16,77,101,.08);
}

/* ==========================================
   TYPOGRAPHY
========================================== */

.page-content h2{
    color:#104d65;
    font-size:24px;
    margin:35px 0 15px;
    padding-bottom:10px;
    border-bottom:2px solid #e8eef3;
}

.page-content h3{
    color:#16a34a;
    font-size:20px;
    margin:25px 0 12px;
}

.page-content p{
    color:#475569;
    line-height:1.9;
    font-size:16px;
    margin-bottom:18px;
}

.page-content strong{
    color:#104d65;
}

.page-content a{
    color:#16a34a;
    text-decoration:none;
    font-weight:600;
}

.page-content a:hover{
    text-decoration:underline;
}

/* ==========================================
   LIST
========================================== */

.page-content ul,
.page-content ol{
    margin:18px 0 22px 20px;
    padding-left:10px;
}

.page-content li{
    margin-bottom:10px;
    color:#475569;
    line-height:1.8;
}

/* ==========================================
   INFO BOX
========================================== */

.policy-box{
    background:#f0fff4;
    border-left:5px solid #16a34a;
    padding:20px;
    border-radius:14px;
    margin:25px 0;
}

.policy-box h4{
    color:#15803d;
    margin-bottom:10px;
    font-size:18px;
}

.policy-box p{
    margin:0;
}

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

.contact-box{
    background:#104d65;
    color:#fff;
    padding:25px;
    border-radius:18px;
    margin-top:35px;
}

.contact-box h3{
    color:#fff;
    margin-bottom:15px;
}

.contact-box ul{
    list-style:none;
    margin:0;
    padding:0;
}

.contact-box li{
    color:#fff;
    margin-bottom:12px;
    display:flex;
    align-items:center;
    gap:10px;
}

.contact-box a{
    color:#a0f0b6;
}

.contact-box a:hover{
    color:#fff;
}

/* ==========================================
   TABLE
========================================== */

.page-content table{
    width:100%;
    border-collapse:collapse;
    margin:25px 0;
    overflow:hidden;
    border-radius:14px;
}

.page-content th{
    background:#16a34a;
    color:#fff;
    padding:14px;
    text-align:left;
    font-weight:600;
}

.page-content td{
    padding:14px;
    border-bottom:1px solid #edf2f7;
    color:#475569;
}

.page-content tr:nth-child(even){
    background:#f8fbfc;
}

/* ==========================================
   LAST UPDATED BADGE
========================================== */

.updated-badge{
    display:inline-flex;
    align-items:center;
    gap:8px;
    background:rgba(255,255,255,.18);
    padding:8px 14px;
    border-radius:999px;
    font-size:14px;
    margin-top:12px;
}

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

@media (max-width:768px){

    .page-header{
        padding:50px 20px;
    }

    .page-header h1{
        font-size:30px;
    }

    .page-content{
        padding:30px 15px 60px;
    }

    .page-content .container{
        padding:24px;
        border-radius:18px;
    }

    .page-content h2{
        font-size:21px;
    }

    .page-content p,
    .page-content li{
        font-size:15px;
    }

    .contact-box{
        padding:20px;
    }

}

@media (max-width:480px){

    .page-header h1{
        font-size:26px;
    }

    .page-content .container{
        padding:20px;
    }

    .page-content table{
        display:block;
        overflow-x:auto;
        white-space:nowrap;
    }

}