/* ============================================================
   FULL-BLEED THEME RESET
   ============================================================ */
.site-main,.entry-content,.page-content,.post-content,
.wp-block-group,.wp-block-group__inner-container,
article.page,.entry,#content,#primary,#main,
.site-content,.content-area,.page-wrapper,.main-content,
[class*="page-template"] .entry-content,
[class*="page-template"] article {
    max-width:none!important;width:100%!important;padding:0!important;margin:0!important;
}
body.page{overflow-x:hidden}
.entry-header,.page-header,h1.entry-title,h1.page-title{display:none!important}

.pp-sr-only{
    border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);
    height:1px;margin:-1px;overflow:hidden;padding:0;
    position:absolute;width:1px;word-wrap:normal;
}

/* ============================================================
   DESIGN SYSTEM
   ============================================================ */
:root{
    --navy:#1E3A8A;--blue:#1E40AF;
    --orange:#EA580C;--gold:#F59E0B;--green:#059669;
    --cream:#FFFBEB;--soft:#F8FAFC;
    --wh:#FFFFFF;--td:#0F172A;--tm:#334155;--tl:#64748B;
    --bd:#E2E8F0;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}

#pp-page{
    font-family:'Inter',sans-serif;font-size:18px;line-height:1.75;
    color:var(--td);background:var(--soft);width:100%;overflow-x:hidden;
}
#pp-page h2,#pp-page h3,#pp-page h4{font-family:'Playfair Display',serif;font-weight:700;line-height:1.3}

.pc{width:100%;max-width:1000px;margin:0 auto;padding:0 2rem}

/* ============================================================
   HEADER
   ============================================================ */
.pp-hero{
    width:100%;
    background:linear-gradient(135deg,var(--navy) 0%,var(--blue) 100%);
    padding:4rem 2rem 5.5rem;color:var(--wh);
    position:relative;overflow:hidden;
}
.pp-hero::before{
    content:'🔒';position:absolute;
    font-size:18rem;opacity:.04;bottom:-3rem;right:-3rem;
    transform:rotate(-10deg);pointer-events:none;
}
.pp-hero-inner{max-width:1000px;margin:0 auto;position:relative;z-index:2}

.pp-badge{
    display:inline-block;
    background:rgba(245,158,11,.15);border:2px solid var(--gold);
    color:var(--gold);padding:.6rem 1.8rem;border-radius:50px;
    font-size:14px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;
    margin-bottom:1.5rem;font-family:'Inter',sans-serif;
}

.pp-hero h1{
    font-family:'Playfair Display',serif;font-size:3.2rem;font-weight:900;
    color:var(--wh);margin-bottom:1.2rem;
}

.pp-hero p{font-size:1.25rem;opacity:.96;line-height:1.7;max-width:720px}

/* Updated + TOC bar */
.pp-meta-bar{
    width:100%;background:var(--wh);border-bottom:1px solid var(--bd);
    padding:1.1rem 0;
}
.pp-meta-inner{
    max-width:1000px;margin:0 auto;padding:0 2rem;
    display:flex;justify-content:space-between;align-items:center;
    flex-wrap:wrap;gap:1rem;
}
.pp-updated{
    display:inline-flex;align-items:center;gap:.6rem;
    font-size:.88rem;font-weight:700;color:var(--green);
    background:#F0FFF4;padding:.4rem 1rem;border-radius:8px;
    border:1px solid #BBF7D0;
}
.pp-operator{font-size:.88rem;color:var(--tl)}
.pp-operator strong{color:var(--td)}

/* ============================================================
   MAIN
   ============================================================ */
.pp-main{width:100%;background:var(--wh);padding:4rem 0 5rem}

.pp-intro{
    background:var(--cream);padding:2.4rem;border-radius:20px;
    margin-bottom:3rem;border-left:6px solid var(--gold);
    font-size:1.15rem;color:var(--tm);
}
.pp-intro strong{color:var(--navy)}

.pp-items{display:flex;flex-direction:column;gap:1.8rem}

.pp-item{
    background:var(--wh);border:2px solid var(--bd);border-radius:20px;
    padding:2.2rem;transition:border-color .3s,box-shadow .3s;
}
.pp-item:hover{border-color:var(--gold);box-shadow:0 4px 20px rgba(0,0,0,.07)}

/* NEW badge for new sections */
.pp-item.pp-new{border-color:rgba(5,150,105,.35)}
.pp-new-badge{
    display:inline-block;background:#ECFDF5;color:var(--green);
    font-size:.72rem;font-weight:700;padding:.15rem .6rem;border-radius:8px;
    margin-left:.6rem;vertical-align:middle;font-family:'Inter',sans-serif;
    text-transform:uppercase;letter-spacing:.5px;
}

.pp-item-hdr{display:flex;align-items:center;gap:1.2rem;margin-bottom:1.5rem}
.pp-item-icon{
    font-size:2rem;background:var(--soft);
    width:56px;height:56px;border-radius:50%;
    display:flex;align-items:center;justify-content:center;flex-shrink:0;
}
.pp-item h2{font-size:1.45rem;color:var(--navy);margin:0}

.pp-body{padding-left:calc(56px + 1.2rem)}
.pp-body p{color:var(--tm);margin-bottom:1rem;font-size:1rem}
.pp-body p:last-child{margin-bottom:0}

.pp-list{list-style:none;margin:1rem 0}
.pp-list li{
    margin-bottom:.8rem;padding-left:1.8rem;position:relative;
    color:var(--tm);font-size:1rem;
}
.pp-list li::before{content:"✓";position:absolute;left:0;color:var(--green);font-weight:700}

.pp-note{
    background:var(--soft);padding:1.4rem 1.6rem;border-radius:12px;
    margin:1.4rem 0 0;border-left:4px solid var(--orange);
}
.pp-note p{margin-bottom:0;font-weight:500;font-size:.97rem}

/* Processors table */
.pp-processors{
    width:100%;border-collapse:collapse;margin-top:1.2rem;font-size:.95rem;
}
.pp-processors th{
    background:linear-gradient(135deg,var(--navy),var(--blue));
    color:var(--wh);padding:.7rem 1rem;text-align:left;font-weight:700;
    font-family:'Inter',sans-serif;
}
.pp-processors th:first-child{border-radius:10px 0 0 0}
.pp-processors th:last-child{border-radius:0 10px 0 0}
.pp-processors td{
    padding:.7rem 1rem;border-bottom:1px solid var(--bd);
    color:var(--tm);vertical-align:top;
}
.pp-processors tr:hover td{background:var(--soft)}
.pp-processors tr:last-child td{border-bottom:none}

/* Recording info boxes */
.pp-rec-grid{
    display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:1.2rem;
}
.pp-rec-item{
    background:var(--soft);border-radius:14px;padding:1.2rem 1.4rem;
    border-left:4px solid var(--navy);
}
.pp-rec-item h4{font-size:.92rem;color:var(--navy);margin-bottom:.4rem;font-family:'Playfair Display',serif}
.pp-rec-item p{font-size:.88rem;color:var(--tm);margin:0;line-height:1.55}

/* Children safeguarding */
.pp-child-grid{
    display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:1.2rem;
}
.pp-child-item{
    background:#FFF7ED;border-radius:14px;padding:1.2rem 1.4rem;
    border:1.5px solid #FDE68A;
}
.pp-child-item h4{font-size:.92rem;color:#92400E;margin-bottom:.4rem;font-family:'Playfair Display',serif}
.pp-child-item p{font-size:.88rem;color:#78350F;margin:0;line-height:1.55}

/* Final box */
.pp-final{
    background:linear-gradient(135deg,var(--navy),var(--blue));
    color:var(--wh);padding:3rem;border-radius:20px;margin-top:3rem;text-align:center;
}
.pp-final h2{font-size:1.9rem;color:var(--wh);margin-bottom:1rem}
.pp-final p{font-size:1.2rem;opacity:.96;line-height:1.75}
.pp-final strong{color:var(--gold)}

/* ============================================================
   FULL-WIDTH HEADER & FOOTER FIX (لجعل الهيدر والفوتر بعرض الشاشة)
   ============================================================ */

/* جعل الهيدر والفوتر يمتدان بعرض الشاشة بالكامل */
.site-header,
.site-footer,
#colophon,
footer.site-footer,
footer[role="contentinfo"],
footer {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    left: 0 !important;
    right: 0 !important;
}

/* إلغاء أي تقييد على الحاويات داخل الهيدر والفوتر */
.site-header .container,
.site-footer .container,
#colophon .container,
footer .container {
    max-width: 1400px !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding: 0 2rem !important;
}

/* جعل الفوتر السفلي يمتد بالكامل */
.footer-credits,
.footer-bottom {
    width: 100% !important;
    background: #0A0F1A !important;
    padding: 1rem 0 !important;
}

.footer-credits .container {
    max-width: 1400px !important;
    margin: 0 auto !important;
    padding: 0 2rem !important;
}

/* للأجهزة الصغيرة */
@media (max-width: 768px) {
    .site-header .container,
    .site-footer .container,
    .footer-credits .container {
        padding: 0 1.25rem !important;
    }
}

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media(max-width:768px){
    .pp-hero h1{font-size:2.2rem}
    .pp-body{padding-left:0}
    .pp-rec-grid,.pp-child-grid{grid-template-columns:1fr}
    .pc{padding:0 1.2rem}
    .pp-meta-inner{flex-direction:column;align-items:flex-start}
    .pp-processors{font-size:.82rem}
}