/*
* PRI EUC Form
*/

.pri-ef-wrapper {
    padding: 2em !important;
    border: 1px solid var(--dark-pri-blue) !important;
    border-radius: 5px !important;
    background-color: var(--lightest-gray) !important;
}
.pri-required {
    color:var(--pink);
    font-size:0.7em;
}
/* Disabled "Next" buttons (UI cue only; JS checks aria-disabled) */
#pri-ef .pri-button.is-disabled {
  opacity: 0.7;
  cursor: not-allowed;
}

/* Highlight missing inputs after a blocked navigation attempt */
#pri-ef .ef-error {
  border-color: var(--pink) !important;
}
#pri-ef section {
    display: flex;
    flex-flow: column nowrap;
    row-gap: 1.5em;
}
#pri-ef .section-heading {
    font-weight: 700;
    color: var(--dark-pri-blue);
    padding: 8px 0;
    border-top: 3px solid var(--dark-pri-blue);
    border-bottom: 3px solid var(--dark-pri-blue);
    padding-left: 5px;
    font-size:24px;
}
#pri-ef .text-notice {
    margin-left: .6em;
}
#pri-ef .ef-field {
    display:flex;
    flex-flow:column nowrap;
    row-gap:0.5em;
}
#pri-ef .ef-field.last-field {
    margin-bottom:2em;
}
#pri-ef .ef-field label {
    margin: 0;
    color: var(--dark-pri-blue);
    font-weight: 700;
    font-size: 1.1em;
}
#pri-ef select,
#pri-ef input[type="text"],
#pri-ef textarea,
#pri-ef input[type="email"] {
    border:1px solid var(--mid-blue-1);
    border-radius:5px;
    margin-left:1em;
    padding:0.4em 0.6em;
}
#pri-ef input[type="text"],
#pri-ef select,
#pri-ef input[type="email"] {
    height:40px;
}
#pri-ef textarea[placeholder] {
    font-style:italic;
}
.euc-compliance-statement-wrapper {
    max-height: 380px;
    margin-left: 1.5em;
    font-size: .9em;
    overflow-y: auto;
    border: 1px solid var(--mid-blue-1);
    padding: 1em;
    background-color: var(--white);
    border-radius: 5px;
    box-shadow: 0 12px 18px -6px rgb(0 0 0 / .3);
    margin-bottom:1em;
}
.euc-compliance-statement .title {
    font-weight: 700;
    color: var(--mid-blue-1);
    font-size: 1.1em;
}
.euc-compliance-statement-wrapper ol.pri-list {
    line-height: 1.3em;
    list-style-position: outside;
    margin-left: 3%;
    width: auto;
    padding-bottom: 1em;
    list-style-type: decimal;
}
#pri-ef .pri-fieldset {
    border: 1px solid var(--mid-blue-1);
    box-shadow: 0 12px 18px -6px rgb(0 0 0 / .3);
    padding: 1em;
    border-radius: 5px;
    background-color: var(--white);
}
#pri-ef .pri-fieldset legend {
    margin: 0;
    color: var(--dark-pri-blue);
    font-weight: 700;
    font-size: 1.1em;
}
#pri-ef .pri-fieldset .content {
    color: var(--mid-blue-1);
}
.pri-field-row {
    display:flex;
    flex-flow:row nowrap;
    align-items:center;
    column-gap:1em;
}
.pri-field-row.checkbox {
    padding:1em 0;
    justify-self:center;
}
#pri-ef .button-right {
    text-align:right;
}
#pri-ef .button-left {
    text-align:left;
    padding:1em 0;
}
#pri-ef .ef-nav.button-group {
    display:flex;
    flex-flow:row nowrap;
    align-items:center;
    justify-content:space-between;
    padding:1em 0;
}
.ef-field .radio-options {
    display:flex;
    flex-flow:column nowrap;
    margin-left:1em;
    row-gap:2em;
}
.ef-field input[type="radio"] {
    margin:0;
    padding:0;
}
.ef-field .option {
    display:flex;
    flex-flow:row nowrap;
    column-gap:1em;
    align-items:center;
    white-space:nowrap;
}
.two-column {
    display:flex;
    flex-flow:row nowrap;
    column-gap:2em;
}
.two-column .ef-field {
    flex-grow:1;
}
#pri-ef .signature-wrap {
    display:flex;
    flex-flow:row nowrap;
    column-gap:2em;
    margin-top:10px;
    margin-left:2em;
}
#pri-ef .signature-line {
    display: flex;
    flex-flow: row nowrap;
    width: 100%;l
}
#pri-ef .digital-signature {
    font-size:2em;
    font-family:Satisfy, Caveat;
    color:var(--dark-pri-blue);
    border-bottom:2px solid var(--mid-blue-1);
    padding:0 0.5em;
    width:100%;
    flex-grow:1;
    margin-top: 9px;
}
#pri-ef .signature-stamp {
    font-size:0.8em;
    display:flex;
    flex-flow:row nowrap;
    justify-self:flex-end;
    justify-content:flex-end;
    font-style:italic;
    margin-bottom:2em;
}
#pri-ef .address-fields {
    margin-left:2em;
    display:flex;
    flex-flow:column nowrap;
    row-gap:1em;
}
#pri-ef .address-fields .ef-field label {
    font-size:1em;
    font-weight:700;
    color:var(--mid-blue-1);
}
#pri-ef .pri-reseller-wrap {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    column-gap: 2em;
}
#pri-ef .pri-reseller-select-wrap {
    display: flex;
    flex-flow: row nowrap;
    column-gap: 2em;
    justify-content: space-between;
}
#pri-ef .pri-reseller-select-left {
    display: flex;
    flex-flow: column nowrap;
    row-gap: 0.5em;
}
#pri-ef .pri-reseller-logo,
#pri-ef .pri-reseller-logo img {
    min-width:150px;
}
#pri-ef .pri-reseller-logo:hover,
#pri-ef .pri-reseller-logo img:hover {
    transform: var(--scale_105);
    cursor: pointer;
    opacity: .8;
    transition: var(--transition-all-ease-slow);
}

/* =========================================================
   Bigger native checkbox (no custom drawing)
   ========================================================= */

/* Scale factor you can tweak (1.0 = normal size) */
#pri-ef {
  --cb-scale: 1.6; /* try 1.5–2.0 as you like */
}

/* Signature row and fieldsets both use checkbox+label pairs */
#pri-ef input[type="checkbox"], #pri-ef input[type="radio"] {
  /* Keep the default look, just recolor and scale visual size */
  appearance: checkbox;
  -webkit-appearance: checkbox; /* Safari */
  accent-color: var(--mid-blue-1);

  /* Baseline metrics (layout box remains ~1em) */
  width: 1em;
  height: 1em;
  display: inline-block;
  vertical-align: middle;
  line-height: 1;

  /* Visually scale the control without reflowing layout */
  transform: scale(var(--cb-scale));
  transform-origin: left center;

  /* Small margin so the scaled box doesn't crowd the label */
  margin-right: calc((var(--cb-scale) - 1) * 0.5em);

  /* Prevent theme hover/focus/transform effects from fighting us */
  outline: none;
}

/* Make sure the checkbox+label align nicely in your rows */
#pri-ef .signature-wrap .option,
#pri-ef .pri-field-row.checkbox {
  display: flex;
  flex-flow:row nowrap;
  align-items: center;
  gap: 0.6em;
}

/* Optional: slightly larger label text next to bigger control */
#pri-ef .signature-wrap .option label,
#pri-ef .pri-field-row.checkbox label {
  line-height: 1.2;
  margin: 0;
}

/* Fallback for older Safari/legacy engines that ignore transform on form controls */
@supports not (accent-color: red) {
  #pri-ef input[type="checkbox"] {
    zoom: var(--cb-scale); /* last-resort fallback */
  }
}
.reseller_company_name {
    font-weight:700;
    color:var(--mid-blue-1);
}