/* =====================================================
   GLOBAL BASE
===================================================== */
*{ box-sizing:border-box; }

body{
    margin:0;
    font-family:Arial, Helvetica, sans-serif;
    background:linear-gradient(135deg,#f0f2f5,#e6eaef);
    color:#000;
}

/* =====================================================
   RESUME PAGE
===================================================== */
.page-id-371 .resume-page{
    width:210mm;
    min-height:297mm;
    margin:30px auto;
    padding:20mm 16mm;
    background:#fff;
    font-size:14px;
    line-height:1.6;
    box-shadow:0 8px 24px rgba(0,0,0,.08);
}

/* =====================================================
   HEADER
===================================================== */
.rb-title{
    text-align:center;
    font-size:18px;
    font-weight:700;
    margin-bottom:14px;
}

.rb-header-row{
    display:grid;
    grid-template-columns:1fr 110px;
    gap:16px;
    align-items:flex-start;
}

.rb-header-left .pv-name{
    font-size:16px;
    font-weight:700;
}

/* PHOTO */
.photo-box{
    width:100px;
    height:120px;
    border:1px solid #000;
    background:#fff;
    overflow:hidden;
    position:relative;
}

#pv_photo{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

.photo-box input[type="file"]{
    position:absolute;
    inset:0;
    opacity:0;
    cursor:pointer;
}

/* =====================================================
   INPUTS → TEXT LOOK
===================================================== */
.pv-input,
.rb-section textarea{
    border:none;
    background:transparent;
    width:100%;
    font-size:14px;
    padding:0;
}

/* ================= HEADING BG (FORCE APPLY) ================= */
.page-id-371 .rb-head{
    background:#f3f3f3 !important;
    padding:10px 14px !important;
    margin:20px 0 8px !important;
    font-size:15px !important;
    font-weight:700 !important;
    border-radius:4px !important;
    border:none !important;
}

/* ================= INLINE HINT (SCREEN ONLY) ================= */
.page-id-371 .rb-inline-hint{
    font-size:12px;
    color:#777;
    font-style:italic;
    margin:4px 0 6px 14px;
}

/* ================= PRINT: HIDE ADD MORE ================= */
@media print{
    .rb-inline-hint,
    #custom_skill,
    #custom_hobby,
    .skill-checks,
    .hobby-checks,
    button{
        display:none !important;
    }
}


/* =====================================================
   PERSONAL DETAILS
===================================================== */
.personal-table{
    width:100%;
    border-collapse:collapse;
}

.personal-table td{
    padding:4px 6px;
}

.personal-table td:first-child{
    width:38%;
    font-weight:600;
}

/* =====================================================
   EDUCATION TABLE
===================================================== */
.edu-table{
    width:100%;
    border-collapse:collapse;
    table-layout:fixed;
    margin-top:8px;
}

.edu-table th,
.edu-table td{
    border:1px solid #000;
    padding:6px;
    text-align:center;
}

.edu-table th{
    background:#f2f2f2;
    font-weight:700;
}

/* =====================================================
   INLINE USER GUIDE (SCREEN ONLY)
===================================================== */
.rb-inline-hint{
    font-size:12px;
    color:#777;
    font-style:italic;
    margin:4px 0 6px 14px;
    user-select:none;
}

/* =====================================================
   SKILLS & HOBBIES
===================================================== */
#pv_skills,
#pv_hobby{
    column-count:2;
    column-gap:24px;
    padding-left:14px;
}

#pv_skills li,
#pv_hobby li{
    list-style:none;
    background:#f7f7f7;
    border-radius:4px;
    margin:8px 0;
    padding:6px 10px 6px 32px;
    position:relative;
}

#pv_skills li::before,
#pv_hobby li::before{
    content:"➤";
    position:absolute;
    left:12px;
    top:50%;
    transform:translateY(-50%);
    font-weight:700;
}

/* =====================================================
   EXPERIENCE
===================================================== */
#exp_wrapper textarea.exp_text{
    width:100%;
    min-height:60px;
    padding:8px;
    border:1px solid #999;
}

.rb-exp-list{
    padding-left:14px;
}

.rb-exp-list li{
    list-style:none;
    background:#f7f7f7;
    border-radius:4px;
    margin:8px 0;
    padding:6px 10px 6px 32px;
    position:relative;
}

.rb-exp-list li::before{
    content:"➤";
    position:absolute;
    left:12px;
    top:50%;
    transform:translateY(-50%);
    font-weight:700;
}

/* =====================================================
   FOOTER
===================================================== */
.rb-footer{
    display:flex;
    justify-content:space-between;
    margin-top:26mm;
}

/* =====================================================
   THEME ISOLATION (PAGE 371)
===================================================== */
.page-id-371 .ast-container,
.page-id-371 .site-content,
.page-id-371 .content-area,
.page-id-371 .site-main,
.page-id-371 .entry-content{
    margin:0;
    padding:0;
    background:transparent;
    box-shadow:none;
}

.page-id-371 .entry-header,
.page-id-371 .entry-title,
.page-id-371 .ast-page-title{
    display:none;
}

/* =====================================================
   PRINT MODE (A4 – FINAL & PROFESSIONAL)
===================================================== */
@media print{

    /* A4 exact size */
    @page{
        size:A4;
        margin:12mm 12mm 16mm 12mm;
    }

    /* Clean background */
    html, body{
        background:#fff !important;
        margin:0 !important;
        padding:0 !important;
    }

    /* ❌ Hide website + UI controls */
    header,
    footer,
    .site-header,
    .site-footer,
    .rb-action-bar,          /* Print button */
    .edu-checks,
    .skill-checks,
    .hobby-checks,
    input[type="file"],
    button,
    .rb-inline-hint{
        display:none !important;
    }

    /* Resume page only */
    .resume-page{
        width:100% !important;
        max-width:100% !important;
        margin:0 auto !important;
        padding:12mm !important;
        box-shadow:none !important;
        border:none !important;
    }

    /* Hide experience input boxes */
    #exp_wrapper textarea.exp_text{
        display:none !important;
    }

    /* Inputs → plain text look */
    input,
    textarea{
        border:none !important;
        background:transparent !important;
        box-shadow:none !important;
        outline:none !important;
        pointer-events:none !important;
        resize:none !important;
    }

    /* Safety: no accidental borders */
    *{
        box-shadow:none !important;
        outline:none !important;
    }
}

/* =====================================================
   RESUME HEADING – BG COLOR (FINAL GUARANTEED)
===================================================== */

.page-id-371 .rb-section > .rb-head{
    display:block !important;
    width:100% !important;

    background:#f3f3f3 !important;   /* ✅ heading bg */
    color:#000 !important;

    padding:10px 14px !important;
    margin:20px 0 8px !important;

    font-size:15px !important;
    font-weight:700 !important;

    border:none !important;
    border-radius:4px !important;
}

/* Content starts under heading */
.page-id-371 .rb-section > .rb-head + *{
    margin-left:14px !important;
    margin-top:6px !important;
}
/* =====================================================
   RESUME HEADING – BLACK BG (FINAL FORCE)
===================================================== */

.page-id-371 .rb-section > .rb-head{
    all: unset;                 /* 🔥 theme ka sab kuch reset */
    display:block !important;
    width:100% !important;

    background:#2d2d2e !important;  /* ✅ BLACK BG */
    color:#ffffff !important;       /* ✅ WHITE TEXT */

    padding:12px 16px !important;
    margin:22px 0 10px !important;

    font-size:15px !important;
    font-weight:700 !important;
    font-family:Arial, Helvetica, sans-serif !important;

    border-radius:4px !important;
}

/* Content exactly heading ke niche se start ho */
.page-id-371 .rb-section > .rb-head + *{
    margin-left:16px !important;
    margin-top:6px !important;
}
/* =====================================================
   EDUCATION – SMART TABLE
===================================================== */

.edu-table{
    width:100%;
    border-collapse:collapse;
    table-layout:fixed;
    margin-top:10px;
}

.edu-table th,
.edu-table td{
    border:1px solid #000;
    padding:6px;
    text-align:center;
    vertical-align:middle;
}

/* Header */
.edu-table th{
    background:#f2f2f2;
    font-weight:700;
    font-size:14px;
}

/* Small columns (Year, %) */
.edu-table .small-col{
    width:70px;
}

/* Inputs */
.edu-table input{
    width:100%;
    border:none;
    background:transparent;
    text-align:center;

    /* 🔥 AUTO FONT ADJUST */
    font-size:clamp(10px, 1.2vw, 14px);
}

/* Year & % more compact */
.edu-table .small-input{
    font-size:12px;
}

/* Add button */
.rb-add-btn{
    margin-top:10px;
    padding:6px 12px;
    font-size:13px;
    cursor:pointer;
}

/* Print clean */
@media print{
    .rb-add-btn,
    .rb-inline-hint{
        display:none !important;
    }
}
/* ===== PERSONAL DETAILS PERFECT ALIGNMENT (NO HTML CHANGE) ===== */

.personal-table{
    width:100%;
    border-collapse:collapse;
}

.personal-table td:first-child{
    width:220px;                 /* 🔥 sab labels same width */
    font-weight:600;
    position:relative;
    padding-right:14px;
}

/* Move colon to fixed position */
.personal-table td:first-child::after{
    content:":";
    position:absolute;
    right:6px;                   /* 🔥 colon ek straight line me */
    top:50%;
    transform:translateY(-50%);
}
/* =====================================================
   PRINT BUTTON – CENTER AT END OF FORM (SCREEN)
===================================================== */
#rb_print{
    display:block;
    margin:30px auto 10px;   /* 🔥 center */
    padding:10px 24px;

    font-size:14px;
    font-weight:600;
    cursor:pointer;

    background:#222;
    color:#fff;
    border:none;
    border-radius:4px;
}

#rb_print:hover{
    background:#000;
}
/* =====================================================
   SEO CONTENT SECTION – RESUME BUILDER PAGE
   PAGE ID: 371 (SAFE, NO CONFLICT)
===================================================== */

.page-id-371 .seo-section{
    max-width:900px;
    margin:40px auto 20px;
    padding:24px 28px;
    background:#ffffff;
    border-radius:8px;
    box-shadow:0 6px 20px rgba(0,0,0,.06);
    font-family:Arial, Helvetica, sans-serif;
}

/* MAIN SEO TITLE */
.page-id-371 .seo-section h1{
    font-size:26px;
    font-weight:800;
    color:#000;
    margin:0 0 16px;
    line-height:1.3;
}

/* SUB HEADINGS */
.page-id-371 .seo-section h2{
    font-size:20px;
    font-weight:700;
    margin:26px 0 10px;
    color:#000;
    border-left:4px solid #000;
    padding-left:10px;
}

/* FAQ QUESTIONS */
.page-id-371 .seo-section h3{
    font-size:17px;
    font-weight:700;
    margin:18px 0 6px;
    color:#111;
}

/* PARAGRAPH */
.page-id-371 .seo-section p{
    font-size:15.5px;
    line-height:1.8;
    color:#222;
    margin:0 0 12px;
}

/* LIST */
.page-id-371 .seo-section ul{
    margin:10px 0 18px 18px;
    padding:0;
}

.page-id-371 .seo-section ul li{
    font-size:15px;
    line-height:1.7;
    margin-bottom:6px;
    color:#222;
}

/* LINKS */
.page-id-371 .seo-section a{
    color:#003399;
    font-weight:700;
    text-decoration:none;
}

.page-id-371 .seo-section a:hover{
    text-decoration:underline;
}

/* =====================================================
   MOBILE OPTIMIZATION
===================================================== */
@media(max-width:768px){

    .page-id-371 .seo-section{
        margin:30px 12px 20px;
        padding:18px 16px;
    }

    .page-id-371 .seo-section h1{
        font-size:22px;
    }

    .page-id-371 .seo-section h2{
        font-size:18px;
    }

    .page-id-371 .seo-section p,
    .page-id-371 .seo-section ul li{
        font-size:14.5px;
    }
}
/* =====================================================
   TEMPLATE SELECTOR – TOP CENTER FIXED
===================================================== */

.rb-template-bar{
    max-width:100%;
    margin:0 auto 20px;
    padding:14px 10px;

    background:#ffffff;
    box-shadow:0 2px 10px rgba(0,0,0,.08);

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

    text-align:center;
}

/* Title */
.rb-template-title{
    font-size:16px;
    font-weight:700;
    margin-bottom:10px;
}

/* Buttons row */
.rb-template-actions{
    display:flex;
    gap:12px;
    justify-content:center;
}

/* Buttons */
.rb-template-btn{
    padding:6px 22px;
    border:1px solid #000;
    background:#fff;
    font-weight:600;
    cursor:pointer;
}

.rb-template-btn.active{
    background:#000;
    color:#fff;
}

/* Print / PDF me selector hide */
@media print{
    .rb-template-bar{
        display:none !important;
    }
}
/* =====================================================
   PRINT BUTTON – CENTER AT BOTTOM
===================================================== */

.rb-action-bar{
    text-align:center;
    margin:30px auto 20px;
}

#rb_print{
    display:inline-block;
    padding:10px 26px;
    font-size:14px;
    font-weight:600;

    background:#222;
    color:#fff;
    border:none;
    border-radius:4px;
    cursor:pointer;
}

#rb_print:hover{
    background:#000;
}

/* Print ke time hide */
@media print{
    .rb-action-bar{
        display:none !important;
    }
}
/* ================= PRINT FIX – CLASSIC RESUME ================= */
@media print {

    /* Hide everything */
    body * {
        visibility: hidden !important;
    }

    /* Show ONLY resume page */
    .resume-page,
    .resume-page * {
        visibility: visible !important;
    }

    /* Position resume correctly */
    .resume-page {
        position: absolute;
        left: 0;
        top: 0;
        margin: 0 !important;
        box-shadow: none !important;
        width: 210mm;
        min-height: 297mm;
    }

    /* Page setup */
    @page {
        size: A4;
        margin: 8mm;
    }
}


.seo-center-links{
    text-align:center;
    margin:20px 0;
    font-size:14px;
}