/* =========================================
   10 UNIQUE PREMIUM RESUME STYLES
   ========================================= */

/* GLOBAL RESET */
.resume-body { position: relative; z-index: 1; height: 100%; font-family: 'Inter', 'Segoe UI', Arial, sans-serif; color: #333; text-align: left; background: white; line-height: 1.6; min-height: 297mm; box-sizing: border-box; }
.resume-section-title { font-size: 16px; font-weight: 700; text-transform: uppercase; margin-bottom: 15px; border-bottom: 2px solid #083c5d; padding-bottom: 5px; color: #083c5d; }

/* -----------------------------------------
   TPL-1: MODERN SIDEBAR (Blue & Polished)
   ----------------------------------------- */
.tpl-1 .resume-content { display: grid; grid-template-columns: 32% 68%; min-height: 297mm; }
.tpl-1 .sidebar { background: #083c5d; color: white; padding: 40px 25px; display: flex; flex-direction: column; gap: 30px; }
.tpl-1 .main-content { padding: 50px 40px; }
.tpl-1 .sidebar h1 { font-size: 28px; margin-bottom: 5px; color: white; line-height: 1.2; }
.tpl-1 .sidebar-section h4 { color: #0aa3d1; margin-bottom: 12px; font-size: 15px; text-transform: uppercase; border-bottom: 1px solid rgba(255,255,255,0.2); padding-bottom: 5px; }

/* -----------------------------------------
   TPL-2: CLASSIC ACADEMIC (Formal Serif)
   ----------------------------------------- */
.tpl-2 { padding: 60px; font-family: 'Georgia', serif; }
.tpl-2 .header { text-align: center; border-bottom: 1px solid #333; padding-bottom: 30px; margin-bottom: 40px; }
.tpl-2 h1 { font-size: 38px; color: #1a1a1a; letter-spacing: 2px; text-transform: uppercase; }
.tpl-2 .resume-section-title { font-variant: small-caps; border-bottom: 1px solid #999; color: #444; font-size: 18px; }

/* -----------------------------------------
   TPL-3: CREATIVE INDIGO (Modern Gradient)
   ----------------------------------------- */
.tpl-3 .header { background: linear-gradient(135deg, #4338ca, #6366f1); color: white; padding: 60px 50px; text-align: center; }
.tpl-3 .resume-body-inner { padding: 50px; }
.tpl-3 h1 { font-size: 42px; margin-bottom: 10px; font-weight: 800; }
.tpl-3 .resume-section-title { color: #4338ca; border-left: 6px solid #4338ca; padding-left: 15px; border-bottom: none; }

/* -----------------------------------------
   TPL-4: ULTRA MINIMALIST (Clean & Grayscale)
   ----------------------------------------- */
.tpl-4 { padding: 60px; background: #fff; }
.tpl-4 .header { margin-bottom: 40px; }
.tpl-4 h1 { font-weight: 300; letter-spacing: 6px; text-transform: uppercase; font-size: 34px; color: #000; }
.tpl-4 .resume-section-title { text-transform: uppercase; letter-spacing: 3px; font-weight: 600; font-size: 14px; color: #888; border-bottom: 1px solid #eee; }

/* -----------------------------------------
   TPL-5: EXECUTIVE BORDER (Navy Structured)
   ----------------------------------------- */
.tpl-5 { padding: 0; border: 20px solid #1e293b; }
.tpl-5 .header { background: #f8fafc; padding: 40px; text-align: left; border-bottom: 1px solid #e2e8f0; }
.tpl-5 .resume-body-inner { padding: 40px; }
.tpl-5 .resume-section-title { background: #1e293b; color: #fff; padding: 8px 20px; border-radius: 4px; border-bottom: none; }

/* -----------------------------------------
   TPL-6: MODERN EMERALD (Split Emerald)
   ----------------------------------------- */
.tpl-6 { padding: 50px; }
.tpl-6 .header { margin-bottom: 40px; border-left: 12px solid #10b981; padding-left: 25px; }
.tpl-6 .resume-section-title { color: #10b981; font-size: 18px; border-bottom: 2px solid #ecfdf5; }
.tpl-6 h1 { color: #064e3b; font-size: 36px; }

/* -----------------------------------------
   TPL-7: TECH PROFESSIONAL (Sleek Monospace)
   ----------------------------------------- */
.tpl-7 { padding: 50px; background: #fafafa; }
.tpl-7 .header { border-bottom: 3px solid #3b82f6; padding-bottom: 20px; margin-bottom: 40px; }
.tpl-7 h1 { font-family: 'Courier New', monospace; font-weight: 900; color: #1e40af; }
.tpl-7 .resume-section-title { font-family: 'Courier New', monospace; background: #dbeafe; color: #1e40af; padding: 5px 15px; border: none; }

/* -----------------------------------------
   TPL-8: ROYAL GOLD (Elegant & Luxe)
   ----------------------------------------- */
.tpl-8 { padding: 50px; background: #fffaf0; }
.tpl-8 .header { text-align: center; margin-bottom: 40px; }
.tpl-8 h1 { color: #b8860b; font-family: 'Times New Roman', serif; font-size: 45px; }
.tpl-8 .resume-section-title { color: #b8860b; border-bottom: 1px solid #b8860b; text-align: center; }

/* -----------------------------------------
   TPL-9: BOLD GEOMETRIC (Modern Impact)
   ----------------------------------------- */
.tpl-9 .header { background: #111827; color: white; padding: 70px 50px; clip-path: polygon(0 0, 100% 0, 100% 85%, 0 100%); }
.tpl-9 .resume-body-inner { padding: 40px 50px; }
.tpl-9 .resume-section-title { color: #f43f5e; border-bottom: 3px solid #f43f5e; font-size: 19px; }

/* -----------------------------------------
   TPL-10: HIGH-DENSITY CORPORATE (Sleek Gray)
   ----------------------------------------- */
.tpl-10 { padding: 40px; background: #fff; }
.tpl-10 .header { display: flex; justify-content: space-between; align-items: center; border-bottom: 4px solid #475569; padding-bottom: 15px; margin-bottom: 30px; }
.tpl-10 h1 { font-size: 30px; color: #1e293b; }
.tpl-10 .resume-section-title { background: #f1f5f9; color: #475569; padding: 5px 15px; border-left: 5px solid #475569; border-bottom: none; }
