/*
 * Creative Sidebar — reference design 3
 * A4 portrait, two-column layout with creative sidebar and modern elements.
 */

/* Force print color printing */
*, *:before, *:after {
  -webkit-print-color-adjust: exact !important;
  print-color-adjust: exact !important;
  color-adjust: exact !important;
}

.rsb-resume-creative{
  width:210mm;
  max-width:210mm;
  min-height:297mm;
  height:auto;
  display:grid;
  grid-template-columns:34% 66%;
  background:#fff;
  font-family:Arial,Helvetica,sans-serif;
  color:#132238;
  box-shadow:0 10px 35px rgba(0,0,0,.18);
  margin:0 auto;
  box-sizing:border-box;
  overflow:visible;
}

.creative-sidebar{
  background:linear-gradient(180deg,#062d4d,#073c65) !important;
  color:#fff;
  padding:7mm 5mm 14mm;
  position:relative;
  overflow:hidden;
  box-sizing:border-box;
}

.creative-sidebar:after{
  content:"";
  position:absolute;
  left:-12mm;
  right:-12mm;
  bottom:-17mm;
  height:35mm;
  background:#1684c4 !important;
  transform:rotate(-7deg);
  opacity:.95;
}

.creative-profile{
  text-align:center;
  margin-bottom:5mm;
  position:relative;
  z-index:2;
}

.creative-photo{
  width:39mm;
  height:39mm;
  margin:0 auto 4mm;
  border:1.2mm solid #fff;
  border-radius:50%;
  box-shadow:0 2px 10px rgba(0,0,0,.2);
  box-sizing:border-box;
}

.creative-profile h1{
  font-size:19px;
  line-height:1.08;
  text-transform:uppercase;
  margin:0;
  word-break:break-word;
}

.creative-job{
  font-size:11px;
  margin-top:2mm;
  color:#d8efff;
}

.creative-sidebar .gjs-section{
  margin-bottom:5mm;
  position:relative;
  z-index:2;
  overflow:visible;
}

.creative-sidebar .gjs-section-title{
  background:#0d74b2 !important;
  padding:2mm 3mm;
  border-radius:5mm;
  box-sizing:border-box;
}

.creative-sidebar .gjs-section-title h2{
  font-size:11.5px;
  color:#fff;
  text-transform:uppercase;
}

.creative-sidebar .gjs-title-icon{
  background:transparent;
  color:#fff;
  width:24px;
  height:24px;
}

.creative-sidebar .gjs-row{
  font-size:8.9px;
  border-color:rgba(255,255,255,.24);
  padding:4px 0;
}

.creative-sidebar .gjs-row span,
.creative-sidebar .gjs-row strong,
.creative-sidebar .gjs-row b{
  color:#fff;
}

/* Contact details forced to pure white */
.creative-sidebar .gjs-contact,
.creative-sidebar .gjs-contact span,
.creative-sidebar .gjs-contact a,
.creative-sidebar .gjs-contact p,
.creative-sidebar .gjs-contact strong{
  color:#fff !important;
}

.creative-sidebar .gjs-contact{
  display:block;
  font-size:9.5px;
  line-height:2.1;
}

.creative-sidebar .gjs-contact>span,
.creative-sidebar .gjs-contact>a{
  display:flex!important;
}

.creative-sidebar .gjs-contact .gjs-icon{
  stroke:#fff !important;
  fill:#fff !important;
  color:#fff !important;
}

.creative-sidebar .gjs-skill-bar>div span{
  font-size:9px;
}

.creative-sidebar .gjs-skill-bar em{
  color:#d6e7f4;
}

.creative-sidebar .gjs-skill-bar>i{
  background:rgba(255,255,255,.35) !important;
}

.creative-sidebar .gjs-skill-bar b{
  background:#8ed7f6 !important;
}

.creative-main{
  padding:8mm 8mm 10mm;
  background:#fff !important;
  box-sizing:border-box;
  overflow:visible;
}

.creative-main>.gjs-section{
  margin-bottom:5mm;
  overflow:visible;
}

.creative-main .gjs-section-title{
  background:linear-gradient(90deg,#d9edf8,#fff) !important;
  padding:2.5mm 3mm;
  border-radius:5mm;
  box-sizing:border-box;
}

.creative-main .gjs-title-icon{
  background:#0d70aa !important;
  color:#fff;
  border-radius:7px;
}

.creative-main .gjs-section-title h2{
  color:#0d2f50;
  font-size:13px;
  text-transform:uppercase;
}

.creative-main .gjs-exp-item:before{
  background:#0d70aa !important;
}

.creative-main .gjs-dates{
  background:#e3f0f8 !important;
  border-radius:7px;
  padding:4px 7px;
}

.creative-main .gjs-table-wrap th{
  background:#eaf3f8 !important;
}

.creative-main .gjs-signature{
  margin-top:6mm;
}

.creative-meta-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:5mm;
}

.creative-meta-grid .gjs-section{
  min-width:0;
}

.creative-meta-grid .gjs-row{
  font-size:9px;
}

.creative-meta-grid .gjs-section-title h2{
  font-size:11.5px;
}


/* =========================================================
    PRINT / SAVE PDF FIXES
========================================================= */

@media print{

  @page{
    size:A4 portrait;
    margin:0;
  }

  html,
  body{
    width:210mm!important;
    min-width:210mm!important;
    margin:0!important;
    padding:0!important;
    background:#fff!important;
  }

  body{
    overflow:visible!important;
  }

  body > *{
    visibility:hidden!important;
  }

  .rsb-resume-creative,
  .rsb-resume-creative *{
    visibility:visible!important;
  }

  .rsb-resume-creative{
    width:210mm!important;
    max-width:210mm!important;
    min-width:210mm!important;
    min-height:297mm!important;
    height:auto!important;
    display:grid!important;
    grid-template-columns:34% 66%!important;
    background:#fff!important;
    box-shadow:none!important;
    margin:0!important;
    padding:0!important;
    box-sizing:border-box!important;
    overflow:visible!important;
  }

  .creative-sidebar{
    background:linear-gradient(180deg,#062d4d,#073c65)!important;
    color:#fff!important;
    padding:7mm 5mm 14mm!important;
    position:relative!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }

  .creative-sidebar:after{
    content:""!important;
    position:absolute!important;
    left:-12mm!important;
    right:-12mm!important;
    bottom:-17mm!important;
    height:35mm!important;
    background:#1684c4!important;
    transform:rotate(-7deg)!important;
    opacity:.95!important;
  }

  .creative-profile{
    text-align:center!important;
    margin-bottom:5mm!important;
    position:relative!important;
    z-index:2!important;
  }

  .creative-photo{
    width:39mm!important;
    height:39mm!important;
    margin:0 auto 4mm!important;
    border:1.2mm solid #fff!important;
    border-radius:50%!important;
    box-shadow:none!important;
  }

  .creative-sidebar .gjs-section{
    margin-bottom:5mm!important;
    position:relative!important;
    z-index:2!important;
    break-inside:avoid!important;
    page-break-inside:avoid!important;
  }

  .creative-sidebar .gjs-section-title{
    background:#0d74b2!important;
    padding:2mm 3mm!important;
    border-radius:5mm!important;
  }

  .creative-sidebar .gjs-row span,
  .creative-sidebar .gjs-row strong,
  .creative-sidebar .gjs-row b{
    color:#fff!important;
  }

  .creative-sidebar .gjs-contact,
  .creative-sidebar .gjs-contact span,
  .creative-sidebar .gjs-contact a,
  .creative-sidebar .gjs-contact p,
  .creative-sidebar .gjs-contact strong{
    color:#fff !important;
  }

  .creative-sidebar .gjs-contact .gjs-icon{
    stroke:#fff !important;
    fill:#fff !important;
    color:#fff !important;
  }

  .creative-sidebar .gjs-skill-bar>i{
    background:rgba(255,255,255,.35)!important;
  }

  .creative-sidebar .gjs-skill-bar b{
    background:#8ed7f6!important;
  }

  .creative-main{
    padding:8mm 8mm 10mm!important;
    background:#fff!important;
    box-sizing:border-box!important;
    overflow:visible!important;
  }

  .creative-main>.gjs-section{
    margin-bottom:5mm!important;
    break-inside:auto!important;
    page-break-inside:auto!important;
  }

  .creative-main .gjs-section-title{
    background:linear-gradient(90deg,#d9edf8,#fff)!important;
    padding:2.5mm 3mm!important;
    border-radius:5mm!important;

    break-after:avoid!important;
    page-break-after:avoid!important;
  }

  .creative-main .gjs-title-icon{
    background:#0d70aa!important;
    color:#fff!important;
  }

  .creative-main .gjs-exp-item{
    break-inside:avoid!important;
    page-break-inside:avoid!important;
  }

  .creative-main .gjs-exp-item:before{
    background:#0d70aa!important;
  }

  .creative-main .gjs-dates{
    background:#e3f0f8!important;
    border-radius:7px!important;
    padding:4px 7px!important;
  }

  .creative-main .gjs-table-wrap{
    break-inside:avoid!important;
    page-break-inside:avoid!important;
  }

  .creative-main .gjs-table-wrap th{
    background:#eaf3f8!important;
  }

  .creative-main .gjs-signature{
    margin-top:6mm!important;
    break-inside:avoid!important;
    page-break-inside:avoid!important;
  }

  .creative-meta-grid{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:5mm!important;
  }
}