/*
==================================================
GovtJobPreparation.com
PDF Notes
Part-1 : Base + Hero + Search + Filters
==================================================
*/


/*================================================
Main Page
================================================*/

.gjp-pdf-notes-page{

    min-height:100vh;

    padding:40px 0 70px;

    background:#f8fafc;

}


.gjp-pdf-notes-container{

    width:100%;

    max-width:1120px;

    margin:0 auto;

    padding:0 20px;

}


/*================================================
Breadcrumb
================================================*/

.gjp-pdf-notes-page
.gjp-breadcrumb{

    display:flex;

    align-items:center;

    flex-wrap:wrap;

    gap:9px;

    margin-bottom:28px;

    font-size:13px;

}


.gjp-pdf-notes-page
.gjp-breadcrumb a{

    color:#2563eb;

    text-decoration:none;

    font-weight:650;

}


.gjp-pdf-notes-page
.gjp-breadcrumb a:hover{

    text-decoration:underline;

}


.gjp-pdf-notes-page
.gjp-breadcrumb-separator{

    color:#94a3b8;

    font-size:17px;

}


.gjp-pdf-notes-page
.gjp-breadcrumb-current{

    color:#64748b;

    font-weight:550;

}


/*================================================
Premium Hero
================================================*/

.gjp-pdf-notes-hero{

    position:relative;

    overflow:hidden;

    margin-bottom:25px;

    padding:42px 45px;

    border:1px solid #dbeafe;

    border-radius:22px;

    background:
        linear-gradient(
            135deg,
            #ffffff 0%,
            #f8fbff 55%,
            #eff6ff 100%
        );

    box-shadow:
        0 8px 28px rgba(15,23,42,.05);

}


.gjp-pdf-notes-hero::after{

    content:"";

    position:absolute;

    width:215px;

    height:215px;

    right:-78px;

    top:-98px;

    border-radius:50%;

    background:rgba(37,99,235,.06);

}


.gjp-pdf-notes-hero-content{

    position:relative;

    z-index:1;

    max-width:760px;

}


.gjp-pdf-notes-hero-badge{

    display:inline-flex;

    align-items:center;

    padding:7px 14px;

    margin-bottom:13px;

    border-radius:30px;

    background:#dbeafe;

    color:#2563eb;

    font-size:11px;

    line-height:1.3;

    font-weight:750;

}


.gjp-pdf-notes-hero h1{

    margin:0 0 12px;

    color:#0f172a;

    font-size:36px;

    line-height:1.3;

    font-weight:780;

    letter-spacing:-.4px;

}


.gjp-pdf-notes-hero p{

    max-width:700px;

    margin:0;

    color:#64748b;

    font-size:15px;

    line-height:1.8;

}


/*================================================
Search & Filter Section
================================================*/

.gjp-pdf-notes-filter-section{

    margin-bottom:32px;

}


.gjp-pdf-notes-filter-card{

    display:grid;

    grid-template-columns:
        minmax(250px,1.5fr)
        repeat(3,minmax(150px,1fr));

    gap:14px;

    padding:22px;

    border:1px solid #e2e8f0;

    border-radius:18px;

    background:#ffffff;

    box-shadow:
        0 7px 24px rgba(15,23,42,.045);

}


/*================================================
Search
================================================*/

.gjp-pdf-notes-search,
.gjp-pdf-notes-filter{

    min-width:0;

}


.gjp-pdf-notes-search label,
.gjp-pdf-notes-filter label{

    display:block;

    margin-bottom:7px;

    color:#334155;

    font-size:12px;

    line-height:1.4;

    font-weight:700;

}


.gjp-pdf-notes-search-box{

    position:relative;

}


.gjp-pdf-search-icon{

    position:absolute;

    left:13px;

    top:50%;

    transform:translateY(-50%);

    color:#94a3b8;

    font-size:19px;

    line-height:1;

    pointer-events:none;

}


.gjp-pdf-notes-search-box input{

    width:100%;

    height:44px;

    padding:0 13px 0 38px;

    border:1px solid #dbe2ea;

    border-radius:9px;

    outline:none;

    background:#ffffff;

    color:#0f172a;

    font-family:inherit;

    font-size:13px;

    transition:
        border-color .2s ease,
        box-shadow .2s ease;

}


.gjp-pdf-notes-search-box input::placeholder{

    color:#94a3b8;

}


.gjp-pdf-notes-search-box input:focus{

    border-color:#60a5fa;

    box-shadow:
        0 0 0 3px rgba(37,99,235,.08);

}


/*================================================
Select Filters
================================================*/

.gjp-pdf-notes-filter select{

    width:100%;

    height:44px;

    padding:0 35px 0 12px;

    border:1px solid #dbe2ea;

    border-radius:9px;

    outline:none;

    background:#ffffff;

    color:#475569;

    font-family:inherit;

    font-size:13px;

    font-weight:550;

    cursor:pointer;

    transition:
        border-color .2s ease,
        box-shadow .2s ease;

}


.gjp-pdf-notes-filter select:focus{

    border-color:#60a5fa;

    box-shadow:
        0 0 0 3px rgba(37,99,235,.08);

}


/*================================================
Notes List Header
================================================*/

.gjp-pdf-notes-list-section{

    margin-top:5px;

}


.gjp-pdf-notes-list-header{

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:20px;

    margin-bottom:20px;

}


.gjp-pdf-notes-section-heading{

    display:flex;

    align-items:center;

    gap:12px;

}


.gjp-pdf-notes-section-heading h2{

    margin:0;

    color:#0f172a;

    font-size:25px;

    line-height:1.4;

    font-weight:750;

}


.gjp-notes-heading-line{

    width:40px;

    height:4px;

    border-radius:10px;

    background:#2563eb;

}


.gjp-pdf-notes-result-count{

    color:#64748b;

    font-size:12px;

    font-weight:650;

}


/*================================================
Tablet
================================================*/

@media (max-width:1000px){

    .gjp-pdf-notes-filter-card{

        grid-template-columns:
            minmax(220px,1.5fr)
            repeat(2,minmax(150px,1fr));

    }


    .gjp-pdf-notes-search{

        grid-column:1 / -1;

    }

}


/*================================================
Mobile
================================================*/

@media (max-width:650px){

    .gjp-pdf-notes-page{

        padding:30px 0 55px;

    }


    .gjp-pdf-notes-container{

        padding:0 15px;

    }


    .gjp-pdf-notes-hero{

        padding:30px 23px;

        border-radius:18px;

    }


    .gjp-pdf-notes-hero h1{

        font-size:29px;

    }


    .gjp-pdf-notes-hero p{

        font-size:14px;

    }


    .gjp-pdf-notes-filter-card{

        grid-template-columns:1fr;

        padding:18px;

        border-radius:16px;

    }


    .gjp-pdf-notes-search{

        grid-column:auto;

    }


    .gjp-pdf-notes-list-header{

        align-items:flex-start;

        flex-direction:column;

        gap:8px;

    }


    .gjp-pdf-notes-section-heading h2{

        font-size:23px;

    }

}


/*================================================
Small Mobile
================================================*/

@media (max-width:400px){

    .gjp-pdf-notes-hero{

        padding:27px 19px;

    }


    .gjp-pdf-notes-hero h1{

        font-size:26px;

    }


    .gjp-pdf-notes-filter-card{

        padding:15px;

    }

}
/*
==================================================
GovtJobPreparation.com
PDF Notes
Part-2 : Note Cards + Grid + View PDF
==================================================
*/


/*================================================
Notes Grid
================================================*/

.gjp-pdf-notes-grid{

    display:grid;

    grid-template-columns:
        repeat(2,minmax(0,1fr));

    gap:20px;

}


/*================================================
Note Card
================================================*/

.gjp-pdf-note-card{

    display:flex;

    flex-direction:column;

    min-width:0;

    overflow:hidden;

    border:1px solid #e2e8f0;

    border-radius:18px;

    background:#ffffff;

    box-shadow:
        0 7px 24px rgba(15,23,42,.045);

    transition:
        transform .25s ease,
        border-color .25s ease,
        box-shadow .25s ease;

}


.gjp-pdf-note-card:hover{

    transform:translateY(-3px);

    border-color:#bfdbfe;

    box-shadow:
        0 13px 32px rgba(15,23,42,.08);

}


/*================================================
Card Top
================================================*/

.gjp-pdf-note-card-top{

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:15px;

    padding:20px 20px 0;

}


/*================================================
PDF Icon
================================================*/

.gjp-pdf-note-icon{

    width:48px;

    height:48px;

    display:flex;

    align-items:center;

    justify-content:center;

    flex-shrink:0;

    border:1px solid #fecaca;

    border-radius:12px;

    background:#fef2f2;

}


.gjp-pdf-note-icon span{

    color:#dc2626;

    font-size:10px;

    font-weight:800;

    letter-spacing:.3px;

}


/*================================================
Subject Badge
================================================*/

.gjp-pdf-note-subject{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:6px 11px;

    border-radius:20px;

    background:#eff6ff;

    color:#2563eb;

    font-size:10px;

    line-height:1.3;

    font-weight:750;

    white-space:nowrap;

}


/*================================================
Card Content
================================================*/

.gjp-pdf-note-content{

    flex:1;

    padding:20px;

}


.gjp-pdf-note-category{

    display:inline-flex;

    align-items:center;

    padding:5px 9px;

    margin-bottom:10px;

    border-radius:6px;

    background:#f1f5f9;

    color:#64748b;

    font-size:9px;

    line-height:1.3;

    font-weight:700;

}


.gjp-pdf-note-content h3{

    margin:0 0 9px;

    color:#0f172a;

    font-size:18px;

    line-height:1.5;

    font-weight:750;

}


.gjp-pdf-note-content p{

    margin:0 0 19px;

    color:#64748b;

    font-size:13px;

    line-height:1.7;

}


/*================================================
Note Metadata
================================================*/

.gjp-pdf-note-meta{

    display:flex;

    align-items:stretch;

    gap:0;

    overflow:hidden;

    border:1px solid #eef2f7;

    border-radius:10px;

    background:#f8fafc;

}


.gjp-pdf-note-meta span{

    flex:1;

    min-width:0;

    padding:11px 9px;

    color:#64748b;

    font-size:10px;

    line-height:1.5;

    text-align:center;

    border-right:1px solid #eef2f7;

}


.gjp-pdf-note-meta span:last-child{

    border-right:none;

}


.gjp-pdf-note-meta strong{

    display:block;

    margin-bottom:2px;

    color:#94a3b8;

    font-size:9px;

    font-weight:650;

    text-transform:uppercase;

    letter-spacing:.2px;

}


/*================================================
Card Footer
================================================*/

.gjp-pdf-note-footer{

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:15px;

    padding:15px 20px;

    border-top:1px solid #eef2f7;

    background:#fcfdff;

}


.gjp-pdf-note-updated{

    color:#94a3b8;

    font-size:10px;

    font-weight:600;

}


/*================================================
View PDF Button
================================================*/

.gjp-pdf-note-view-btn{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:7px;

    min-height:39px;

    padding:0 14px;

    border:1px solid #2563eb;

    border-radius:8px;

    background:#2563eb;

    color:#ffffff;

    font-family:inherit;

    font-size:12px;

    font-weight:700;

    cursor:pointer;

    box-shadow:
        0 5px 14px rgba(37,99,235,.14);

    transition:
        background .2s ease,
        border-color .2s ease,
        transform .2s ease,
        box-shadow .2s ease;

}


.gjp-pdf-note-view-btn span{

    font-size:13px;

    line-height:1;

}


.gjp-pdf-note-view-btn:hover{

    border-color:#1d4ed8;

    background:#1d4ed8;

    color:#ffffff;

    transform:translateY(-1px);

    box-shadow:
        0 7px 18px rgba(37,99,235,.20);

}


.gjp-pdf-note-view-btn:focus-visible{

    outline:3px solid rgba(37,99,235,.18);

    outline-offset:2px;

}


/*================================================
No Results
================================================*/

.gjp-pdf-notes-no-results{

    margin-top:20px;

    padding:55px 25px;

    text-align:center;

    border:1px solid #e2e8f0;

    border-radius:18px;

    background:#ffffff;

}


.gjp-pdf-no-results-icon{

    width:54px;

    height:54px;

    display:flex;

    align-items:center;

    justify-content:center;

    margin:0 auto 15px;

    border-radius:14px;

    background:#f1f5f9;

    color:#64748b;

    font-size:11px;

    font-weight:800;

}


.gjp-pdf-notes-no-results h3{

    margin:0 0 7px;

    color:#0f172a;

    font-size:19px;

    font-weight:750;

}


.gjp-pdf-notes-no-results p{

    margin:0;

    color:#64748b;

    font-size:13px;

    line-height:1.7;

}


/*================================================
Load More
================================================*/

.gjp-pdf-notes-load-more{

    display:flex;

    justify-content:center;

    margin-top:28px;

}


.gjp-pdf-notes-load-more-btn{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:8px;

    min-height:44px;

    padding:0 20px;

    border:1px solid #dbe2ea;

    border-radius:9px;

    background:#ffffff;

    color:#475569;

    font-family:inherit;

    font-size:13px;

    font-weight:700;

    cursor:pointer;

    transition:
        background .2s ease,
        border-color .2s ease,
        color .2s ease,
        transform .2s ease;

}


.gjp-pdf-notes-load-more-btn span{

    font-size:16px;

}


.gjp-pdf-notes-load-more-btn:hover{

    border-color:#93c5fd;

    background:#eff6ff;

    color:#2563eb;

    transform:translateY(-1px);

}


/*================================================
Tablet
================================================*/

@media (max-width:800px){

    .gjp-pdf-notes-grid{

        grid-template-columns:1fr;

    }


    .gjp-pdf-note-card{

        max-width:100%;

    }

}


/*================================================
Mobile
================================================*/

@media (max-width:600px){

    .gjp-pdf-notes-grid{

        gap:15px;

    }


    .gjp-pdf-note-card-top{

        padding:17px 17px 0;

    }


    .gjp-pdf-note-content{

        padding:17px;

    }


    .gjp-pdf-note-content h3{

        font-size:17px;

    }


    .gjp-pdf-note-content p{

        font-size:12.5px;

    }


    .gjp-pdf-note-footer{

        padding:13px 17px;

    }


    .gjp-pdf-note-view-btn{

        min-height:38px;

        padding:0 12px;

    }

}


/*================================================
Small Mobile
================================================*/

@media (max-width:400px){

    .gjp-pdf-note-card-top{

        align-items:flex-start;

    }


    .gjp-pdf-note-subject{

        white-space:normal;

        text-align:right;

    }


    .gjp-pdf-note-meta span{

        padding:10px 5px;

        font-size:9px;

    }


    .gjp-pdf-note-meta strong{

        font-size:8px;

    }


    .gjp-pdf-note-footer{

        align-items:stretch;

        flex-direction:column;

    }


    .gjp-pdf-note-view-btn{

        width:100%;

    }

}
/*
==================================================
GovtJobPreparation.com
PDF Notes
Part-3 : PDF Viewer
==================================================
*/


/*================================================
PDF Viewer Overlay
================================================*/

.gjp-pdf-notes-viewer-overlay{

    position:fixed;

    inset:0;

    z-index:999999;

    display:none;

    width:100%;

    height:100%;

    background:#0f172a;

}


.gjp-pdf-notes-viewer-overlay.active{

    display:block;

}


/*================================================
Viewer Main
================================================*/

.gjp-pdf-notes-viewer{

    display:flex;

    flex-direction:column;

    width:100%;

    height:100%;

    background:#f1f5f9;

}


/*================================================
Viewer Header
================================================*/

.gjp-pdf-notes-viewer-header{

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:20px;

    min-height:68px;

    padding:0 22px;

    background:#ffffff;

    border-bottom:1px solid #e2e8f0;

    box-shadow:
        0 3px 12px rgba(15,23,42,.08);

}


.gjp-pdf-notes-viewer-title{

    display:flex;

    align-items:center;

    min-width:0;

    gap:14px;

}


.gjp-pdf-notes-viewer-back{

    width:40px;

    height:40px;

    display:flex;

    align-items:center;

    justify-content:center;

    flex-shrink:0;

    border:1px solid #e2e8f0;

    border-radius:9px;

    background:#ffffff;

    color:#475569;

    font-family:inherit;

    font-size:20px;

    line-height:1;

    cursor:pointer;

    transition:
        background .2s ease,
        border-color .2s ease,
        color .2s ease;

}


.gjp-pdf-notes-viewer-back:hover{

    border-color:#bfdbfe;

    background:#eff6ff;

    color:#2563eb;

}


.gjp-pdf-notes-viewer-title > div{

    display:flex;

    flex-direction:column;

    min-width:0;

}


.gjp-pdf-notes-viewer-title strong{

    overflow:hidden;

    color:#0f172a;

    font-size:14px;

    line-height:1.4;

    font-weight:750;

    text-overflow:ellipsis;

    white-space:nowrap;

}


.gjp-pdf-notes-viewer-title span{

    margin-top:2px;

    color:#94a3b8;

    font-size:11px;

    line-height:1.4;

}


/*================================================
Viewer Actions
================================================*/

.gjp-pdf-notes-viewer-actions{

    display:flex;

    align-items:center;

    gap:9px;

    flex-shrink:0;

}


.gjp-pdf-notes-download-btn{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:7px;

    min-height:40px;

    padding:0 15px;

    border:1px solid #2563eb;

    border-radius:8px;

    background:#2563eb;

    color:#ffffff;

    font-size:12px;

    font-weight:700;

    text-decoration:none;

    box-shadow:
        0 5px 14px rgba(37,99,235,.16);

    transition:
        background .2s ease,
        border-color .2s ease,
        transform .2s ease,
        box-shadow .2s ease;

}


.gjp-pdf-notes-download-btn:hover{

    border-color:#1d4ed8;

    background:#1d4ed8;

    color:#ffffff;

    transform:translateY(-1px);

    box-shadow:
        0 7px 18px rgba(37,99,235,.22);

}


.gjp-pdf-notes-download-btn > span:first-child{

    font-size:18px;

    line-height:1;

}


.gjp-pdf-notes-close-btn{

    width:40px;

    height:40px;

    display:flex;

    align-items:center;

    justify-content:center;

    border:1px solid #e2e8f0;

    border-radius:9px;

    background:#ffffff;

    color:#64748b;

    font-family:inherit;

    font-size:23px;

    line-height:1;

    cursor:pointer;

    transition:
        background .2s ease,
        border-color .2s ease,
        color .2s ease;

}


.gjp-pdf-notes-close-btn:hover{

    border-color:#fecaca;

    background:#fef2f2;

    color:#dc2626;

}


/*================================================
Viewer Content
================================================*/

.gjp-pdf-notes-viewer-content{

    position:relative;

    display:flex;

    align-items:center;

    justify-content:center;

    flex:1;

    min-height:0;

    padding:18px;

    background:#e2e8f0;

}


/*================================================
PDF Frame
================================================*/

.gjp-pdf-notes-frame{

    display:block;

    width:100%;

    height:100%;

    min-height:0;

    border:0;

    border-radius:4px;

    background:#ffffff;

    box-shadow:
        0 8px 28px rgba(15,23,42,.16);

}


/*================================================
Loading
================================================*/

.gjp-pdf-notes-loading{

    position:absolute;

    inset:0;

    z-index:2;

    display:flex;

    flex-direction:column;

    align-items:center;

    justify-content:center;

    background:#f1f5f9;

}


.gjp-pdf-notes-loading.hidden{

    display:none;

}


.gjp-pdf-notes-loading-icon{

    width:52px;

    height:52px;

    display:flex;

    align-items:center;

    justify-content:center;

    margin-bottom:12px;

    border-radius:14px;

    background:#fee2e2;

    color:#dc2626;

    font-size:10px;

    font-weight:800;

}


.gjp-pdf-notes-loading p{

    margin:0;

    color:#64748b;

    font-size:13px;

    font-weight:600;

}


/*================================================
Error State
================================================*/

.gjp-pdf-notes-viewer-error{

    position:absolute;

    inset:0;

    z-index:3;

    display:flex;

    flex-direction:column;

    align-items:center;

    justify-content:center;

    padding:25px;

    text-align:center;

    background:#f8fafc;

}


.gjp-pdf-notes-error-icon{

    width:58px;

    height:58px;

    display:flex;

    align-items:center;

    justify-content:center;

    margin-bottom:15px;

    border-radius:15px;

    background:#fee2e2;

    color:#dc2626;

    font-size:11px;

    font-weight:800;

}


.gjp-pdf-notes-viewer-error h3{

    margin:0 0 7px;

    color:#0f172a;

    font-size:20px;

    font-weight:750;

}


.gjp-pdf-notes-viewer-error p{

    max-width:430px;

    margin:0 0 20px;

    color:#64748b;

    font-size:13px;

    line-height:1.7;

}


.gjp-pdf-notes-error-btn{

    min-height:42px;

    padding:0 20px;

    border:1px solid #dbe2ea;

    border-radius:8px;

    background:#ffffff;

    color:#475569;

    font-family:inherit;

    font-size:13px;

    font-weight:700;

    cursor:pointer;

}


.gjp-pdf-notes-error-btn:hover{

    border-color:#93c5fd;

    background:#eff6ff;

    color:#2563eb;

}


/*================================================
Viewer Footer
================================================*/

.gjp-pdf-notes-viewer-footer{

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:15px;

    min-height:42px;

    padding:0 20px;

    background:#ffffff;

    border-top:1px solid #e2e8f0;

    color:#94a3b8;

    font-size:10px;

    font-weight:600;

}


.gjp-pdf-notes-viewer-footer strong{

    color:#64748b;

    font-weight:700;

}


/*================================================
Tablet
================================================*/

@media (max-width:700px){

    .gjp-pdf-notes-viewer-header{

        min-height:62px;

        padding:0 14px;

        gap:10px;

    }


    .gjp-pdf-notes-viewer-title{

        gap:10px;

    }


    .gjp-pdf-notes-viewer-back,
    .gjp-pdf-notes-close-btn{

        width:37px;

        height:37px;

    }


    .gjp-pdf-notes-download-btn{

        width:40px;

        height:40px;

        min-height:40px;

        padding:0;

    }


    .gjp-pdf-notes-download-text{

        display:none;

    }


    .gjp-pdf-notes-viewer-content{

        padding:8px;

    }


    .gjp-pdf-notes-viewer-footer{

        min-height:38px;

        padding:0 12px;

    }

}


/*================================================
Mobile
================================================*/

@media (max-width:480px){

    .gjp-pdf-notes-viewer-header{

        min-height:58px;

    }


    .gjp-pdf-notes-viewer-title strong{

        max-width:170px;

        font-size:12px;

    }


    .gjp-pdf-notes-viewer-title span{

        font-size:9px;

    }


    .gjp-pdf-notes-viewer-back,
    .gjp-pdf-notes-close-btn{

        width:35px;

        height:35px;

    }


    .gjp-pdf-notes-download-btn{

        width:35px;

        height:35px;

    }


    .gjp-pdf-notes-viewer-actions{

        gap:5px;

    }


    .gjp-pdf-notes-viewer-content{

        padding:4px;

    }


    .gjp-pdf-notes-viewer-footer{

        font-size:9px;

    }

}
/*
==================================================
GovtJobPreparation.com
PDF Notes
Part-4 : Final Cleanup + Information + Accessibility
==================================================
*/


/*================================================
Final Information Section
================================================*/

.gjp-pdf-notes-info{

    display:flex;

    align-items:flex-start;

    gap:15px;

    margin-top:35px;

    padding:20px 22px;

    border:1px solid #dbeafe;

    border-radius:15px;

    background:#f8fbff;

}


.gjp-pdf-notes-info-icon{

    width:38px;

    height:38px;

    display:flex;

    align-items:center;

    justify-content:center;

    flex-shrink:0;

    border-radius:10px;

    background:#dbeafe;

    color:#2563eb;

    font-size:16px;

    font-weight:800;

}


.gjp-pdf-notes-info-content{

    min-width:0;

}


.gjp-pdf-notes-info-content h3{

    margin:0 0 5px;

    color:#334155;

    font-size:14px;

    line-height:1.5;

    font-weight:750;

}


.gjp-pdf-notes-info-content p{

    margin:0;

    color:#64748b;

    font-size:12px;

    line-height:1.7;

}


/*================================================
Accessibility Focus States
================================================*/

.gjp-pdf-notes-page
button:focus-visible,

.gjp-pdf-notes-page
input:focus-visible,

.gjp-pdf-notes-page
select:focus-visible,

.gjp-pdf-notes-page
a:focus-visible{

    outline:3px solid rgba(37,99,235,.20);

    outline-offset:3px;

}


/*================================================
Disabled Buttons
================================================*/

.gjp-pdf-notes-page
button:disabled{

    opacity:.55;

    cursor:not-allowed;

    transform:none;

}


/*================================================
Utility Hidden State
================================================*/

.gjp-pdf-notes-page
.is-hidden{

    display:none !important;

}


/*================================================
Prevent Background Scroll
================================================*/

body.gjp-pdf-notes-viewer-open{

    overflow:hidden;

}


/*================================================
Viewer Fade In
================================================*/

.gjp-pdf-notes-viewer-overlay.active{

    animation:
        gjpPdfNotesViewerFadeIn .18s ease;

}


@keyframes gjpPdfNotesViewerFadeIn{

    from{

        opacity:0;

    }

    to{

        opacity:1;

    }

}


/*================================================
Reduced Motion
================================================*/

@media (prefers-reduced-motion:reduce){

    .gjp-pdf-notes-page *{

        scroll-behavior:auto !important;

        transition:none !important;

        animation:none !important;

    }

}


/*================================================
Tablet Cleanup
================================================*/

@media (max-width:800px){

    .gjp-pdf-notes-info{

        margin-top:28px;

    }

}


/*================================================
Mobile
================================================*/

@media (max-width:600px){

    .gjp-pdf-notes-info{

        gap:12px;

        margin-top:25px;

        padding:17px;

        border-radius:13px;

    }


    .gjp-pdf-notes-info-icon{

        width:35px;

        height:35px;

    }


    .gjp-pdf-notes-info-content h3{

        font-size:13px;

    }


    .gjp-pdf-notes-info-content p{

        font-size:11.5px;

        line-height:1.65;

    }

}


/*================================================
Small Mobile
================================================*/

@media (max-width:400px){

    .gjp-pdf-notes-info{

        align-items:flex-start;

        padding:15px;

    }


    .gjp-pdf-notes-info-icon{

        width:32px;

        height:32px;

        border-radius:8px;

        font-size:14px;

    }

}


/*================================================
Final Page Spacing
================================================*/

.gjp-pdf-notes-list-section
+ .gjp-pdf-notes-info{

    margin-bottom:5px;

}

/* =========================================================
   PDF NOTES - ATTRACTIVE CARD DESIGN
========================================================= */

.gjp-pdf-note-card {
    background: #ffffff;
    border: 1px solid #e4ebf5;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 5px 18px rgba(30, 64, 175, 0.07);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.gjp-pdf-note-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 9px 25px rgba(30, 64, 175, 0.11);
}


/* TOP AREA */

.gjp-pdf-note-card-top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;

    padding: 16px 16px 10px;
}


/* PDF ICON */

.gjp-pdf-note-icon {
    width: 42px;
    height: 42px;
    min-width: 42px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #fff3f3;
    border: 1px solid #ffd4d4;
    border-radius: 9px;
}

.gjp-pdf-note-icon span {
    color: #ef4444;
    font-size: 10px;
    font-weight: 800;
}


/* TITLE */

.gjp-pdf-note-title-wrap {
    display: flex;
    align-items: center;
    gap: 11px;

    flex: 1;
    min-width: 0;
}

.gjp-pdf-note-card-title {
    margin: 0 !important;
    padding: 0 !important;

    color: #172033;

    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    color: #172033 !important;
}


/* TOP CATEGORY */

.gjp-pdf-note-subject {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 5px 9px;

    background: #eef5ff;
    color: #2563eb;

    border: 1px solid #dbeafe;
    border-radius: 20px;

    font-size: 9px;
    font-weight: 600;

    white-space: nowrap;
}


/* CATEGORY BADGE */

.gjp-pdf-note-category-wrap {
    padding: 0 16px 10px;
}

.gjp-pdf-note-category {
    display: inline-flex;
    align-items: center;

    padding: 5px 10px;

    background: #eef5ff;
    color: #2563eb;

    border: 1px solid #dbeafe;
    border-radius: 20px;

    font-size: 10px;
    font-weight: 600;
}


/* DESCRIPTION */

.gjp-pdf-note-content {
    padding: 0 16px 12px;
}

.gjp-pdf-note-content p {
    margin: 0;

    color: #64748b;

    font-size: 11px;
    line-height: 1.55;
}


/* PDF INFORMATION */

.gjp-pdf-note-meta {
    display: grid;
    grid-template-columns: 1fr 1fr;

    margin: 0 16px 14px;

    background: #f7faff;

    border: 1px solid #e7eef8;
    border-radius: 8px;

    overflow: hidden;
}

.gjp-pdf-note-meta span {
    min-height: 48px;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    color: #52627a;

    font-size: 10px;
}

.gjp-pdf-note-meta span + span {
    border-left: 1px solid #e3eaf4;
}

.gjp-pdf-note-meta strong {
    margin-bottom: 3px;

    color: #8a98ab;

    font-size: 8px;
    font-weight: 700;
    letter-spacing: 0.4px;
}


/* FOOTER */

.gjp-pdf-note-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;

    padding: 11px 16px;

    background: #fbfdff;

    border-top: 1px solid #edf2f7;
}

.gjp-pdf-note-updated {
    color: #8190a5;
    font-size: 9px;
}


/* VIEW PDF */

.gjp-pdf-note-view-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    gap: 5px;

    padding: 8px 13px;

    background: #2563eb;
    color: #ffffff !important;

    border-radius: 7px;

    font-size: 10px;
    font-weight: 600;

    text-decoration: none !important;

    transition: 0.2s ease;
}

.gjp-pdf-note-view-btn:hover {
    background: #1d4ed8;
    color: #ffffff !important;

    text-decoration: none !important;
}


/* MOBILE */

@media (max-width: 600px) {

    .gjp-pdf-note-card-top {
        padding: 14px;
    }

    .gjp-pdf-note-card-title {
        font-size: 14px !important;
    }

    .gjp-pdf-note-icon {
        width: 38px;
        height: 38px;
        min-width: 38px;
    }

    .gjp-pdf-note-category-wrap,
    .gjp-pdf-note-content {
        padding-left: 14px;
        padding-right: 14px;
    }

    .gjp-pdf-note-meta {
        margin-left: 14px;
        margin-right: 14px;
    }

    .gjp-pdf-note-footer {
        padding-left: 14px;
        padding-right: 14px;
    }
}