/* Voryai CV maker (/cv) */
.cv-hero{padding-bottom:20px}
.cv-wrap{padding-bottom:30px}
.cv-switch{display:none}
.cv-grid{display:grid;grid-template-columns:minmax(0,440px) minmax(0,1fr);gap:18px;align-items:start}
.cv-form{padding:16px;display:flex;flex-direction:column;gap:14px}
.cv-set{border:0;margin:0;padding:0 0 14px;border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:12px;min-width:0}
.cv-set:last-of-type{border-bottom:0}
.cv-set legend{font:700 1rem var(--f-display);margin-bottom:10px;padding:0}
.cv-set legend small{font:400 .8rem var(--f-body);color:var(--mu)}
.cv-cols{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.cv-cols .vp-field:not(.cv-half){grid-column:auto}
.cv-lab{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
.cv-lab small{text-transform:none;letter-spacing:0;font-weight:400}
.cv-ai{border:1px solid rgba(47,123,255,.5);background:rgba(47,123,255,.14);color:#9DBDFF;border-radius:999px;padding:5px 11px;font:600 .76rem var(--f-body);text-transform:none;letter-spacing:0;cursor:pointer;display:inline-flex;align-items:center;gap:6px}
.cv-ai:hover{background:rgba(47,123,255,.24)}
.cv-ai:disabled{opacity:.7;cursor:wait}
.cv-form textarea.ct-in{resize:vertical;min-height:60px;font:inherit;line-height:1.45}
.cv-tpls{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.cv-tpls button{display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px 4px;border:1px solid var(--line2);border-radius:12px;background:rgba(255,255,255,.03);color:var(--tx);font:600 .78rem var(--f-body);cursor:pointer}
.cv-tpls button[aria-pressed="true"]{border-color:#6E83FF;background:rgba(110,131,255,.14);box-shadow:0 0 0 1px #6E83FF}
.cv-tpl-ico{width:38px;height:48px;border-radius:4px;background:#fff;position:relative;overflow:hidden;display:block}
.cv-tpl-ico i{position:absolute;display:block;background:#C9D1E0;border-radius:1px}
.cv-ti-modern i:nth-child(1){left:0;top:0;bottom:0;width:13px;background:#2F7BFF}.cv-ti-modern i:nth-child(2){left:17px;top:7px;width:17px;height:3px;background:#1F2A44}.cv-ti-modern i:nth-child(3){left:17px;top:14px;width:15px;height:20px}
.cv-ti-classic i:nth-child(1){left:9px;top:6px;width:20px;height:3px;background:#1F2A44}.cv-ti-classic i:nth-child(2){left:5px;top:13px;width:28px;height:1px;background:#1F2A44}.cv-ti-classic i:nth-child(3){left:5px;top:18px;width:28px;height:22px}
.cv-ti-minimal i:nth-child(1){left:5px;top:6px;width:16px;height:3px;background:#1F2A44}.cv-ti-minimal i:nth-child(2){left:5px;top:13px;width:8px;height:2px;background:#2F7BFF}.cv-ti-minimal i:nth-child(3){left:5px;top:19px;width:28px;height:20px}
.cv-ti-bold i:nth-child(1){left:0;top:0;right:0;height:13px;background:#2F7BFF}.cv-ti-bold i:nth-child(2){left:5px;top:5px;width:16px;height:3px;background:#fff}.cv-ti-bold i:nth-child(3){left:5px;top:18px;width:28px;height:22px}
.cv-colors{display:flex;gap:8px;flex-wrap:wrap}
.cv-colors button{width:30px;height:30px;border-radius:50%;background:var(--sw);border:2px solid transparent;cursor:pointer;box-shadow:inset 0 0 0 2px rgba(255,255,255,.15)}
.cv-colors button[aria-pressed="true"]{border-color:#fff;box-shadow:0 0 0 2px var(--sw)}
.cv-photo-row{display:flex;gap:12px;align-items:flex-start}
.cv-photo-row .cv-cols{flex:1;grid-template-columns:1fr}
.cv-photo{flex:none;width:86px;height:86px;border-radius:50%;border:1.5px dashed var(--line2);display:grid;place-items:center;cursor:pointer;overflow:hidden;background:rgba(0,0,0,.25);text-align:center;font-size:.8rem;color:var(--mu)}
.cv-photo img{width:100%;height:100%;object-fit:cover}
.cv-photo small{display:block;font-size:.7rem}
.cv-list{display:flex;flex-direction:column;gap:10px}
.cv-item{border:1px solid var(--line);border-radius:14px;padding:12px;background:rgba(0,0,0,.2);display:flex;flex-direction:column;gap:10px}
.cv-item-h{display:flex;justify-content:space-between;align-items:center}
.cv-item-h b{font-size:.88rem}
.cv-item-h button{background:none;border:1px solid var(--line2);color:var(--mu);border-radius:8px;width:30px;height:28px;margin-left:4px;cursor:pointer}
.cv-item-h button:hover{color:var(--tx)}
.cv-saved{margin:0;color:var(--mu);font-size:.8rem;text-align:center}
.cv-side{position:sticky;top:76px;display:flex;flex-direction:column;gap:10px;min-width:0}
.cv-bar{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.cv-bar .vp-seg{min-width:220px}
#cvDl{background:linear-gradient(120deg,#2F7BFF,#4F6BFF);box-shadow:0 8px 26px -10px rgba(47,123,255,.8)}
.cv-stage{border-radius:14px;border:1px solid var(--line);background:#2A2E37;padding:0;overflow:hidden}
.cv-scale{transform-origin:top left;width:794px}
.cv-note{margin:0;color:var(--mu);font-size:.84rem;text-align:center}
.cv-note b{color:var(--tx)}
.cv-modal{position:fixed;inset:0;z-index:80;background:rgba(0,0,0,.6);display:grid;place-items:center;padding:16px}
.cv-modal-in{width:min(420px,100%);padding:20px;background:#14161D;display:flex;flex-direction:column;gap:10px}
.cv-modal-in h3{margin:0 0 4px;font-size:1.15rem}
.cv-modal-in p{margin:0;color:var(--mu)}
.cv-opt{display:flex;flex-direction:column;gap:3px;text-align:left;padding:14px;border-radius:14px;border:1px solid var(--line2);background:rgba(255,255,255,.04);color:var(--tx);cursor:pointer;font:inherit}
.cv-opt small{color:var(--mu)}
.cv-opt-best{border:2px solid #6E83FF;background:rgba(47,123,255,.12)}
.cv-opt:disabled{opacity:.6}
.cv-tip{font-size:.85rem}

/* ---------- the CV page itself (A4, 794 × 1123 px) ---------- */
.cvd{--c:#2F7BFF;position:relative;width:794px;min-height:1123px;background:#fff;color:#1E2430;font:400 13.4px/1.5 Inter,"Noto Sans Arabic",system-ui,sans-serif;box-sizing:border-box;padding:46px 52px;overflow:hidden;
  background-image:repeating-linear-gradient(to bottom,transparent 0 1122px,#c7ccd6 1122px 1123px);-webkit-print-color-adjust:exact;print-color-adjust:exact}
.cvd[dir="rtl"]{font-family:"Noto Sans Arabic",Inter,system-ui,sans-serif;line-height:1.7}
.cvd *{box-sizing:border-box}
.cvd h1,.cvd h2,.cvd h3{background:none!important;-webkit-background-clip:border-box!important;background-clip:border-box!important;-webkit-text-fill-color:currentColor!important;text-shadow:none!important}
.cvd h1{margin:0;font:700 31px/1.15 Inter,"Noto Sans Arabic",sans-serif;letter-spacing:-.01em;color:#111827!important}
.cvd .cv-role{margin:4px 0 0;font-size:15.5px;font-weight:600;color:var(--c)}
.cvd h2{margin:0 0 9px;font:700 12.5px/1.2 Inter,"Noto Sans Arabic",sans-serif;text-transform:uppercase;letter-spacing:.11em;color:var(--c)}
.cvd[dir="rtl"] h2{letter-spacing:0;font-size:14.5px}
.cvd .cvs{margin-top:20px;break-inside:avoid-page}
.cvd p{margin:0 0 6px}
.cvd ul{margin:4px 0 0;padding-inline-start:18px}
.cvd li{margin:0 0 3px}
.cvd .cvi{margin-bottom:12px;break-inside:avoid}
.cvd .cvi-h{display:flex;justify-content:space-between;gap:12px;align-items:baseline}
.cvd .cvi-h b{font-size:14.2px;color:#111827}
.cvd .cvi-h span{display:block;color:#4B5565;font-weight:500}
.cvd time{flex:none;color:#6B7385;font-size:12.4px;white-space:nowrap}
.cvd .cv-ph{width:112px;height:112px;border-radius:50%;object-fit:cover;display:block}
.cvd .cv-tags{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.cvd .cv-tags li{margin:0;padding:3px 10px;border-radius:999px;background:color-mix(in srgb,var(--c) 11%,#fff);color:#1E2430;font-size:12.4px}
.cvd .cv-plain{list-style:none;padding:0}
.cvd .cv-line{display:flex;flex-wrap:wrap;gap:4px 16px;margin:10px 0 0;color:#4B5565;font-size:12.6px}
.cvd .cv-2{display:grid;grid-template-columns:1.4fr 1fr;gap:24px}
.cvd .cv-empty{color:#9AA1AE;font-style:italic}

/* modern: colored side column */
.cvd.cv-modern{display:grid;grid-template-columns:250px 1fr;padding:0}
.cv-modern .cva{background:var(--c);color:#fff;padding:40px 26px;min-height:1123px}
.cv-modern .cva h2{color:#fff;opacity:.92}
.cv-modern .cva .cv-ph{margin:0 auto 6px;border:4px solid rgba(255,255,255,.35)}
.cv-modern .cva .cv-tags li{background:rgba(255,255,255,.18);color:#fff}
.cv-modern .cv-contact li{display:flex;gap:9px;align-items:flex-start;word-break:break-word;margin-bottom:7px;font-size:12.6px}
.cv-modern .cv-contact i{font-style:normal;opacity:.85;width:16px;flex:none;text-align:center}
.cv-modern .cvm{padding:46px 40px}
.cv-modern .cvh{padding-bottom:16px;border-bottom:3px solid var(--c)}
.cv-modern.cv-isletter{display:block;padding:56px 64px}
/* classic: centered, serif headings, rules */
.cv-classic .cvh{text-align:center;padding-bottom:16px;border-bottom:2px solid #1E2430}
.cv-classic .cvh .cv-ph{margin:0 auto 12px;width:96px;height:96px}
.cv-classic .cv-line{justify-content:center}
.cv-classic h1{font-family:"Playfair Display",Georgia,serif;font-size:34px}
.cv-classic h2{color:#1E2430;border-bottom:1px solid #C7CCD6;padding-bottom:5px}
.cv-classic .cv-role{color:#4B5565}
.cv-classic .cv-tags li{background:none;border:1px solid #C7CCD6;border-radius:4px}
/* minimal: lots of white, small accent */
.cv-minimal{padding:56px 64px}
.cv-minimal .cvh{display:grid;grid-template-columns:auto 1fr;column-gap:20px;align-items:center}
.cv-minimal .cvh .cv-line{grid-column:1/-1}
.cv-minimal .cvh:not(:has(.cv-ph)){display:block}
.cv-minimal .cv-ph{width:84px;height:84px}
.cv-minimal h2{color:#111827;display:flex;align-items:center;gap:10px}
.cv-minimal h2::before{content:"";width:18px;height:3px;border-radius:2px;background:var(--c)}
/* bold: full color band at the top */
.cv-bold{padding:0 0 40px}
.cv-bold .cvh{background:var(--c);color:#fff;padding:40px 52px 30px;display:grid;grid-template-columns:auto 1fr;column-gap:22px;align-items:center}
.cv-bold .cvh:not(:has(.cv-ph)){display:block}
.cv-bold .cvh .cv-line{grid-column:1/-1;color:rgba(255,255,255,.9)}
.cv-bold .cvh h1,.cv-bold .cvh .cv-role{color:#fff!important}
.cv-bold .cv-ph{border:4px solid rgba(255,255,255,.4);width:100px;height:100px}
.cv-bold > .cvs,.cv-bold > .cv-2,.cv-bold > .cv-letter{margin-left:52px;margin-right:52px}
.cv-bold > .cv-2 .cvs{margin-left:0;margin-right:0}
/* cover letter */
.cvd .cv-letter{margin-top:30px;font-size:14px;line-height:1.7}
.cvd .cv-letter p{margin:0 0 14px}
.cvd .cv-date{color:#6B7385}
.cv-modern.cv-isletter .cvh{padding-bottom:16px;border-bottom:3px solid var(--c)}
/* free download: a light repeated mark */
.cvd.wm::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:5;opacity:.09;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='200'%3E%3Ctext x='150' y='110' font-family='Arial' font-size='22' font-weight='700' fill='%23000' text-anchor='middle' transform='rotate(-28 150 100)'%3Evoryai.com%3C/text%3E%3C/svg%3E") repeat}
.cvd.wm::before{content:"Made with " attr(data-mark);position:absolute;bottom:12px;inset-inline-end:16px;z-index:6;font:600 10.5px Inter,sans-serif;color:#8B93A3}

/* ---------- phone ---------- */
@media (max-width:980px){
  .cv-grid{grid-template-columns:1fr}
  .cv-switch{display:flex;gap:4px;padding:3px;margin:0 0 12px;background:rgba(0,0,0,.35);border:1px solid var(--line);border-radius:12px;position:sticky;top:66px;z-index:6;backdrop-filter:blur(10px)}
  .cv-switch button{flex:1;border:0;background:none;color:var(--mu);font:600 .92rem var(--f-body);padding:10px;border-radius:9px;cursor:pointer}
  .cv-switch button[aria-selected="true"]{background:var(--card2);color:var(--tx)}
  .cv-side{position:static;display:none}
  .cv-show-view .cv-side{display:flex}
  .cv-show-view .cv-form{display:none}
}
@media (max-width:420px){ .cv-cols{grid-template-columns:1fr} .cv-cols .cv-half{grid-column:auto} .cv-tpls{grid-template-columns:repeat(2,1fr)} }

/* ---------- print: only the CV, on A4 ---------- */
#cvPrint{display:none}
@media print{
  @page{size:A4;margin:0}
  html,body{background:#fff!important;margin:0!important;padding:0!important}
  body.cv-printing > :not(#cvPrint){display:none!important}
  body.cv-printing #cvPrint{display:block!important}
  #cvPrint .cvd{background-image:none!important;width:210mm;min-height:297mm;margin:0}
  #cvPrint .cv-modern .cva{min-height:297mm}
}
.cv-hs{font-size:.84rem;color:#9DBDFF;text-decoration:none;margin-top:-4px}.cv-hs:hover{text-decoration:underline}