/* Advoke CV — Creative templates (creative-02 through creative-10) */

/* creative-02: Diagonal Accent */
.resume.tpl-creative-02 { padding: 0; }
.resume.tpl-creative-02 .resume-header { background: var(--accent); color: #FFFFFF; padding: 40px 40px 32px; border-bottom: none; margin-bottom: 24px; position: relative; overflow: hidden; clip-path: polygon(0 0, 100% 0, 100% 85%, 0 100%); }
.resume.tpl-creative-02 .resume-name { color: #FFFFFF; font-size: 26pt; }
.resume.tpl-creative-02 .resume-job-title { color: rgba(255,255,255,0.85); text-transform: uppercase; letter-spacing: 0.12em; font-size: 10pt; }
.resume.tpl-creative-02 .resume-contact { color: rgba(255,255,255,0.92); font-size: 9pt; margin-top: 12px; }
.resume.tpl-creative-02 .resume-contact li:not(:last-child)::after { color: rgba(255,255,255,0.5); }
.resume.tpl-creative-02 .resume-body { padding: 0 40px 40px; }
.resume.tpl-creative-02 .resume-section-title { color: var(--accent); border-bottom: 2px solid var(--accent); font-size: 10pt; }

/* creative-03: Two-Column Creative */
.resume.tpl-creative-03 { padding: 0; display: grid; grid-template-columns: 240px 1fr; min-height: 100%; }
.resume.tpl-creative-03 .resume-sidebar { background: color-mix(in srgb, var(--accent) 10%, white); padding: 40px 24px; font-size: 9pt; }
.resume.tpl-creative-03 .resume-sidebar .resume-name { font-size: 18pt; color: var(--accent); margin-bottom: 2px; }
.resume.tpl-creative-03 .resume-sidebar .resume-job-title { color: #374151; font-size: 9pt; margin-bottom: 20px; }
.resume.tpl-creative-03 .resume-main { padding: 40px 40px 40px 28px; }
.resume.tpl-creative-03 .resume-contact { flex-direction: column; gap: 4px; font-size: 8.5pt; color: #4B5563; }
.resume.tpl-creative-03 .resume-contact li:not(:last-child)::after { display: none; }
.resume.tpl-creative-03 .resume-sidebar .resume-section-title { color: var(--accent); font-size: 8.5pt; border-bottom-color: color-mix(in srgb, var(--accent) 30%, white); margin-top: 20px; }
.resume.tpl-creative-03 .resume-sidebar .resume-skills-list { flex-direction: column; gap: 2px 0; }
.resume.tpl-creative-03 .resume-sidebar .resume-skills-list li { background: transparent; border: none; padding: 1px 0; font-size: 8.5pt; }
.resume.tpl-creative-03 .resume-main .resume-section-title { color: var(--accent); border-bottom: 1px solid #E5E7EB; }

/* creative-04: Accent Sidebar */
.resume.tpl-creative-04 { padding: 0; display: grid; grid-template-columns: 220px 1fr; min-height: 100%; }
.resume.tpl-creative-04 .resume-sidebar { background: #F8FAFC; border-right: 3px solid var(--accent); padding: 36px 24px; font-size: 9pt; }
.resume.tpl-creative-04 .resume-sidebar .resume-name { font-size: 18pt; color: #111827; }
.resume.tpl-creative-04 .resume-sidebar .resume-job-title { color: var(--accent); font-size: 9pt; margin-bottom: 20px; }
.resume.tpl-creative-04 .resume-main { padding: 36px 36px 36px 28px; }
.resume.tpl-creative-04 .resume-contact { flex-direction: column; gap: 4px; font-size: 8.5pt; }
.resume.tpl-creative-04 .resume-contact li:not(:last-child)::after { display: none; }
.resume.tpl-creative-04 .resume-sidebar .resume-section-title { color: #111827; font-size: 8.5pt; border-bottom-color: #E5E7EB; margin-top: 18px; }
.resume.tpl-creative-04 .resume-sidebar .resume-skills-list li { background: transparent; border: none; padding: 1px 0; font-size: 8.5pt; }
.resume.tpl-creative-04 .resume-sidebar .resume-skills-list { flex-direction: column; gap: 2px 0; }
.resume.tpl-creative-04 .resume-main .resume-section-title { color: var(--accent); border-bottom: 1px solid #E5E7EB; }

/* creative-05: Card Creative */
.resume.tpl-creative-05 { padding: 40px; }
.resume.tpl-creative-05 .resume-header { padding-bottom: 16px; border-bottom: none; margin-bottom: 20px; background: color-mix(in srgb, var(--accent) 6%, white); border-radius: 8px; padding: 24px 24px 20px; }
.resume.tpl-creative-05 .resume-section { background: #F8FAFC; border-radius: 6px; padding: 16px 18px; margin-bottom: 12px; border-left: 4px solid var(--accent); }
.resume.tpl-creative-05 .resume-section-title { border-bottom: none; color: var(--accent); font-size: 10pt; }

/* creative-06: Magazine */
.resume.tpl-creative-06 .resume-header { border-bottom: 3px solid #111827; padding-bottom: 20px; text-align: center; }
.resume.tpl-creative-06 .resume-name { font-family: 'Source Serif', Georgia, serif; font-size: 32pt; font-weight: 400; letter-spacing: -0.01em; }
.resume.tpl-creative-06 .resume-job-title { text-transform: uppercase; letter-spacing: 0.3em; font-size: 9pt; color: #6B7280; margin-top: 8px; }
.resume.tpl-creative-06 .resume-contact { justify-content: center; font-size: 8.5pt; }
.resume.tpl-creative-06 .resume-section-title { font-family: 'Source Serif', Georgia, serif; text-transform: none; letter-spacing: 0; font-size: 14pt; border-bottom: 1px solid #111827; color: #111827; font-weight: 400; padding-bottom: 6px; }
.resume.tpl-creative-06 .resume-body { padding: 20px 8px 0; }

/* creative-07: Artistic Rule */
.resume.tpl-creative-07 .resume-header { border-bottom: 2px solid var(--accent); padding-bottom: 14px; }
.resume.tpl-creative-07 .resume-section-title { color: var(--accent); border-bottom: none; padding-bottom: 6px; position: relative; }
.resume.tpl-creative-07 .resume-section-title::after { content: ''; position: absolute; left: 0; bottom: 0; width: 40px; height: 2px; background: var(--accent); }
.resume.tpl-creative-07 .resume-skills-list li { background: color-mix(in srgb, var(--accent) 10%, white); border-color: color-mix(in srgb, var(--accent) 22%, white); color: var(--accent); }

/* creative-08: Bold Initial */
.resume.tpl-creative-08 { padding: 0; }
.resume.tpl-creative-08 .resume-header { background: color-mix(in srgb, var(--accent) 8%, white); padding: 40px 40px 32px; border-bottom: none; margin-bottom: 20px; }
.resume.tpl-creative-08 .resume-name { font-size: 30pt; color: var(--accent); font-weight: 800; letter-spacing: -0.03em; position: relative; padding-left: 42px; }
.resume.tpl-creative-08 .resume-name::before { content: attr(data-initial); position: absolute; left: 0; top: -4px; font-size: 46pt; line-height: 1; color: var(--accent); opacity: 0.35; }
.resume.tpl-creative-08 .resume-job-title { color: #374151; font-weight: 500; text-transform: uppercase; letter-spacing: 0.1em; font-size: 9.5pt; margin-top: 4px; }
.resume.tpl-creative-08 .resume-body { padding: 0 40px 40px; }
.resume.tpl-creative-08 .resume-section-title { color: var(--accent); border-bottom: 1px solid #E5E7EB; }

/* creative-09: Art Deco */
.resume.tpl-creative-09 .resume-header { text-align: center; padding-bottom: 20px; border-bottom: 3px double var(--accent); }
.resume.tpl-creative-09 .resume-name { font-family: 'Source Serif', Georgia, serif; text-transform: uppercase; letter-spacing: 0.15em; font-size: 22pt; }
.resume.tpl-creative-09 .resume-job-title { text-transform: uppercase; letter-spacing: 0.3em; font-size: 9pt; color: #6B7280; margin-top: 8px; }
.resume.tpl-creative-09 .resume-contact { justify-content: center; }
.resume.tpl-creative-09 .resume-section-title { text-transform: uppercase; letter-spacing: 0.2em; font-size: 9pt; text-align: center; color: var(--accent); border-bottom: 1px solid var(--accent); padding-bottom: 4px; }

/* creative-10: Playful Shapes */
.resume.tpl-creative-10 { padding: 0; }
.resume.tpl-creative-10 .resume-header { background: var(--accent); color: #FFFFFF; padding: 40px; border-radius: 0 0 40px 0; margin-bottom: 24px; position: relative; overflow: hidden; }
.resume.tpl-creative-10 .resume-header::before { content: ''; position: absolute; right: -30px; top: -30px; width: 140px; height: 140px; border-radius: 50%; background: rgba(255,255,255,0.12); }
.resume.tpl-creative-10 .resume-header::after { content: ''; position: absolute; right: 40px; top: 20px; width: 60px; height: 60px; border-radius: 50%; background: rgba(255,255,255,0.08); }
.resume.tpl-creative-10 .resume-name { color: #FFFFFF; font-size: 24pt; position: relative; z-index: 1; }
.resume.tpl-creative-10 .resume-job-title { color: rgba(255,255,255,0.9); position: relative; z-index: 1; text-transform: uppercase; letter-spacing: 0.1em; font-size: 9.5pt; }
.resume.tpl-creative-10 .resume-contact { color: rgba(255,255,255,0.92); font-size: 9pt; margin-top: 12px; position: relative; z-index: 1; }
.resume.tpl-creative-10 .resume-contact li:not(:last-child)::after { color: rgba(255,255,255,0.5); }
.resume.tpl-creative-10 .resume-body { padding: 0 40px 40px; }
.resume.tpl-creative-10 .resume-section-title { color: var(--accent); border-bottom: 2px solid color-mix(in srgb, var(--accent) 30%, white); }