/*
 * Modern Gulf — Reference design 2
 * A4 portrait, two-column layout with 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-modern{
  width:210mm;
  max-width:210mm;
  min-height:297mm;
  height:auto;
  background:#fff;
  color:#132238;
  display:grid;
  grid-template-columns:34% 66%;
  font-family:Arial,Helvetica,sans-serif;
  box-shadow:0 10px 35px rgba(0,0,0,.18);
  margin:0 auto;
  box-sizing:border-box;
  overflow:visible;
}

.modern-sidebar{
  background:linear-gradient(180deg,#0b3457 0%,#0b456f 100%) !important;
  color:#fff;
  padding:8mm 5mm 14mm;
  box-sizing:border-box;
  overflow:visible;
}

.modern-sidebar>.gjs-photo{
  width:38mm;
  height:47mm;
  margin:0 auto 7mm;
  border:1.2mm solid #fff;
  border-radius:5mm;
  box-sizing:border-box;
}

.modern-sidebar .gjs-section{
  margin-bottom:5.5mm;
  overflow:visible;
}

.modern-sidebar .gjs-section-title{
  border-bottom:1px solid rgba(255,255,255,.35);
  padding-bottom:2mm;
  box-sizing:border-box;
}

.modern-sidebar .gjs-section-title h2{
  font-size:12px;
  color:#fff;
}

.modern-sidebar .gjs-title-icon{
  background:#1c7fba !important;
  color:#fff;
  width:25px;
  height:25px;
  border-radius:50%;
}

.modern-sidebar .gjs-row{
  font-size:9px;
  border-color:rgba(255,255,255,.2);
  padding:4px 0;
}

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

.modern-main{
  background:#fff !important;
  position:relative;
  padding-bottom:8mm;
  box-sizing:border-box;
  overflow:visible;
}

.modern-header{
  height:auto;
  min-height:46mm;
  position:relative;
  padding:7mm 8mm 4mm;
  display:grid;
  grid-template-columns:1fr;
  gap:2.5mm;
  overflow:hidden;
  box-sizing:border-box;
}

.modern-head-copy{
  position:relative;
  z-index:2;
}

.modern-head-copy h1{
  margin:0;
  color:#0f3155;
  font-size:23px;
  line-height:1.05;
  word-break:break-word;
}

.modern-job{
  margin-top:2mm;
  font-size:12px;
  color:#0f4c78;
  font-weight:700;
}

.modern-job strong{
  background:#1d77ae !important;
  color:#fff;
  border-radius:5px;
  padding:1.5mm 3.5mm;
  display:inline-block;
}

.modern-head-copy .gjs-contact{
  font-size:10px;
  margin-top:3.5mm;
}

.modern-header>.gjs-skyline{
  position:absolute;
  right:0;
  bottom:0;
  width:100%;
  height:28mm;
  color:#1e83bf !important;
  opacity:.9;
}

.modern-main>.gjs-section{
  margin:2mm 8mm 5mm;
  box-sizing:border-box;
  overflow:visible;
}

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

.modern-main .gjs-title-icon{
  background:#1477ad !important;
  color:#fff;
  border-radius:50%;
}

.modern-main .gjs-section-title h2{
  color:#102f4e;
  font-size:13px;
}

.modern-main .gjs-exp-item:before{
  background:#1477ad !important;
}

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

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

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


/* =========================================================
    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-modern,
  .rsb-resume-modern *{
    visibility:visible!important;
  }

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

  .modern-sidebar{
    background:linear-gradient(180deg,#0b3457 0%,#0b456f 100%)!important;
    color:#fff!important;
    padding:8mm 5mm 14mm!important;
    box-sizing:border-box!important;
    overflow:visible!important;
  }

  .modern-sidebar>.gjs-photo{
    width:38mm!important;
    height:47mm!important;
    margin:0 auto 7mm!important;
    border:1.2mm solid #fff!important;
    border-radius:5mm!important;
  }

  .modern-sidebar .gjs-section{
    margin-bottom:5.5mm!important;
    break-inside:avoid!important;
    page-break-inside:avoid!important;
  }

  .modern-sidebar .gjs-section-title{
    border-bottom:1px solid rgba(255,255,255,.35)!important;
    padding-bottom:2mm!important;
  }

  .modern-sidebar .gjs-title-icon{
    background:#1c7fba!important;
    color:#fff!important;
  }

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

  .modern-main{
    background:#fff!important;
    position:relative!important;
    padding-bottom:8mm!important;
    box-sizing:border-box!important;
    overflow:visible!important;
  }

  .modern-header{
    height:auto!important;
    min-height:46mm!important;
    position:relative!important;
    padding:7mm 8mm 4mm!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:2.5mm!important;
    box-sizing:border-box!important;

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

  .modern-job strong{
    background:#1d77ae!important;
    color:#fff!important;
  }

  .modern-header>.gjs-skyline{
    position:absolute!important;
    right:0!important;
    bottom:0!important;
    width:100%!important;
    height:28mm!important;
    color:#1e83bf!important;
    opacity:.9!important;
  }

  .modern-main>.gjs-section{
    margin:2mm 8mm 5mm!important;
    box-sizing:border-box!important;
    break-inside:auto!important;
    page-break-inside:auto!important;
  }

  .modern-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;
  }

  .modern-main .gjs-title-icon{
    background:#1477ad!important;
    color:#fff!important;
  }

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

  .modern-main .gjs-exp-item:before{
    background:#1477ad!important;
  }

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

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

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

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

  .rsb-resume-modern,
  .modern-sidebar,
  .modern-main{
    overflow:visible!important;
  }
}