/* Payment page only: preserve the existing navigation and all checkout behavior. */
/* Keep total and action readable in all three existing checkout forms. */
body #root .ifcs-payment-bar {background:#0962e8!important;color:#fff!important;}
body #root .ifcs-payment-bar > :is(.ifcs-payment-total,.dup-total) {color:#fff!important;background:transparent!important;font-size:24px!important;line-height:1.3!important;font-weight:750!important;}
body #root .ifcs-payment-bar > button[type="submit"] {background:#fff!important;background-image:none!important;color:#064cb8!important;border:2px solid #fff!important;min-height:50px!important;min-width:110px!important;font-size:18px!important;font-weight:750!important;box-shadow:none!important;}
body #root .ifcs-payment-bar > button[type="submit"]:hover:not(:disabled) {background:#edf4ff!important;color:#043c93!important;}
main:has(.ifcs-payment-layout) {
  width:100%!important; max-width:none!important; margin:0!important;
  padding:150px 32px 76px!important; min-height:100vh;
  background-color:#03142e!important;
  background-image:linear-gradient(90deg,rgba(0,11,29,.2),rgba(0,12,30,.16) 40%,rgba(0,11,29,.58)),url('/wp-content/mu-plugins/ifcs-hostgator-production/frontend/assets/ifcs-payment-global-20260922.jpg')!important;
  background-position:center top!important; background-size:cover!important; background-repeat:no-repeat!important;
}
.ifcs-payment-layout {display:grid;grid-template-columns:minmax(180px,.9fr) minmax(500px,1.9fr) minmax(230px,.95fr);gap:clamp(24px,3vw,52px);max-width:1500px;margin:0 auto;align-items:start;font-family:Inter,system-ui,sans-serif;}
.ifcs-payment-layout * {box-sizing:border-box;}
.ifcs-payment-icon {width:28px;height:28px;flex:none;}
.ifcs-payment-story {color:#fff;padding:36px 8px 0;text-shadow:0 2px 16px #001027;}
.ifcs-payment-eyebrow {font-size:13px!important;font-weight:600;letter-spacing:.18em;text-transform:uppercase;line-height:1.8;max-width:190px;margin:0!important;}
.ifcs-payment-eyebrow::after {content:'';display:block;width:42px;height:3px;background:#f2bb49;margin-top:22px;}
.ifcs-payment-story h2 {font-size:clamp(30px,3.3vw,50px);font-weight:750;line-height:1.12;letter-spacing:-.025em;margin:220px 0 20px;color:#fff;}
.ifcs-payment-story h2 span {display:block;color:#f9c458;margin-top:8px;}
.ifcs-payment-story-copy {font-size:16px;line-height:1.6;color:#e1e9f5;margin:0 0 44px;}
.ifcs-payment-story ul {display:grid;gap:25px;list-style:none;padding:0;margin:0;}
.ifcs-payment-story li {display:flex;align-items:center;gap:16px;font-size:14px;line-height:1.5;}
.ifcs-payment-story .ifcs-payment-icon {color:#f6c04f;width:32px;height:32px;}
.ifcs-payment-card {min-width:0;background:linear-gradient(145deg,#fff,#f7f9fd);border:1px solid #d7e0ed;border-top:4px solid #d2a846;border-radius:21px;padding:30px;box-shadow:0 14px 60px #00102880,0 0 28px #6fa2e133;color:#142c54;}
.ifcs-payment-intro {margin-bottom:24px;}
.ifcs-payment-kicker {display:flex;align-items:center;justify-content:flex-end;gap:7px;margin:0 0 8px;font-size:12px;font-weight:600;color:#294875;}
.ifcs-payment-kicker .ifcs-payment-icon {color:#ab761a;width:18px;height:18px;}
.ifcs-payment-intro h1 {font-size:clamp(27px,2.5vw,36px);line-height:1.15;letter-spacing:-.03em;font-weight:750;color:#082455;margin:0 0 5px;}
.ifcs-payment-subtitle {margin:0 0 10px;font-size:19px;line-height:1.4;color:#926516;font-weight:650;}
.ifcs-payment-description {font-size:14px;line-height:1.65;color:#52637e;margin:0;}
.ifcs-payment-layout .ifcs-payment-panel {padding:0!important;border:0!important;background:transparent!important;min-width:0;}
.ifcs-payment-layout .ifcs-checkout-content {color:#142c54;}
.ifcs-payment-layout .ifcs-checkout-content > h2:first-child {display:none;}
.ifcs-payment-layout .ifcs-payment-details {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;}
.ifcs-payment-layout .ifcs-payment-details > label:not(.ifcs-payment-agreement) {font-size:12px;line-height:1.45;font-weight:650;color:#142c54;letter-spacing:0;text-transform:none;margin:0;}
.ifcs-payment-layout .ifcs-payment-details > label:has([name="nameOnDocuments"]),
.ifcs-payment-layout .ifcs-payment-details > label:has([name="ifcsId"]),
.ifcs-payment-layout .ifcs-payment-details > label:has([name="service"]),
.ifcs-payment-layout .ifcs-payment-details > label:has([name="purpose"]),
.ifcs-payment-layout .ifcs-payment-details > label:has([name="amount"]) {grid-column:1/-1;}
.ifcs-payment-layout .ifcs-payment-details .ifcs-field-hint {display:block;margin-top:6px;font-weight:400;font-size:12px;line-height:1.5;color:#52637e;}
.ifcs-payment-layout .ifcs-payment-details input:not([type="checkbox"]),
.ifcs-payment-layout .ifcs-payment-details select {background:#f3f6fa!important;border:1px solid #cdd8e8!important;border-radius:8px!important;padding:11px 12px;min-height:44px;color:#203958;font-size:14px;line-height:1.35;}
.ifcs-payment-layout .ifcs-payment-details input::placeholder {color:#738299;}
.ifcs-payment-layout .ifcs-payment-details [aria-invalid="true"] {border-color:#b44242!important;}
.ifcs-payment-layout .ifcs-payment-details :is(input,select):focus-visible {outline:2px solid #2366ce;outline-offset:2px;}
.ifcs-payment-layout .ifcs-payment-card-area {padding-top:0;margin-top:5px;border-top:1px solid #dce4ef;}
.ifcs-payment-layout .ifcs-secure-card-fields {border:0;padding-top:0;gap:14px!important;margin:20px 0 4px;}
.ifcs-payment-layout .ifcs-secure-card-fields > h2 {font-size:15px;font-weight:700;text-transform:none;letter-spacing:0;color:#142c54;line-height:1.4;margin:0 0 2px;}
.ifcs-payment-layout .ifcs-secure-card-fields > .ifcs-card-field {font-size:12px;line-height:1.45;color:#142c54;letter-spacing:0;text-transform:none;font-weight:650;gap:6px;}
.ifcs-payment-layout .ifcs-payment-details .ifcs-payment-agreement {font-size:12px;line-height:1.65;gap:8px;margin:0;}
.ifcs-payment-layout .ifcs-payment-agreement input[type="checkbox"] {margin:2px 0 0;accent-color:#1262df;}
.ifcs-payment-layout .ifcs-payment-details [role="status"]:empty {display:none;}
.ifcs-payment-layout .ifcs-payment-details [role="status"] {font-size:14px;line-height:1.55;margin:0;}
.ifcs-payment-layout .ifcs-payment-captcha {min-width:0;margin:0;}
.ifcs-payment-layout .ifcs-payment-captcha iframe {width:auto;min-height:0;}
.ifcs-payment-layout .ifcs-checkout-content .ifcs-service-summary {font-size:13px;margin:0!important;padding:12px 14px!important;background:#edf3fc!important;border-color:#dce6f5!important;}
.ifcs-payment-layout .ifcs-payment-bar {gap:12px;background:#0962e8;border-radius:10px;padding:14px 16px;margin:4px 0 0;box-shadow:0 5px 16px #0d5bd32b;}
.ifcs-payment-layout .ifcs-payment-bar > .ifcs-payment-total {font-size:17px;flex:1 1 140px;margin:0!important;background:transparent!important;color:#fff!important;}
.ifcs-payment-layout .ifcs-payment-details .ifcs-payment-bar > button[type="submit"] {font-size:16px!important;border-radius:7px!important;min-height:46px!important;min-width:110px!important;padding:10px 22px!important;}
.ifcs-payment-guidance {color:#f2f6ff;padding-top:34px;}
.ifcs-payment-assurance {display:flex;gap:14px;background:#02142ee8;border:1px solid #29517b;border-radius:16px;padding:22px 18px;box-shadow:0 8px 24px #00122b40;}
.ifcs-payment-assurance > .ifcs-payment-icon {width:42px;height:42px;color:#f6bf45;}
.ifcs-payment-assurance h2 {font-size:15px;line-height:1.5;letter-spacing:.06em;text-transform:uppercase;color:#f7c250;margin:0 0 8px;font-weight:650;}
.ifcs-payment-assurance p,.ifcs-payment-guidance li p,.ifcs-payment-help p {font-size:13px;line-height:1.7;margin:0;color:#d8e4f5;}
.ifcs-payment-guidance > ul {display:grid;gap:30px;list-style:none;padding:0;margin:36px 0;}
.ifcs-payment-guidance li {display:flex;gap:15px;align-items:flex-start;padding:0;}
.ifcs-payment-guidance li > .ifcs-payment-icon {box-sizing:content-box;width:23px;height:23px;padding:10px;border:1px solid #7291b1;border-radius:50%;color:#ffc957;background:#19365ae6;}
.ifcs-payment-guidance h3 {font-size:15px;font-weight:650;line-height:1.5;margin:0 0 5px;color:#fff;}
.ifcs-payment-help {background:#02142ef0;border:1px solid #29517b;border-radius:16px;padding:22px;}
.ifcs-payment-help h2 {font-size:16px;font-weight:650;line-height:1.5;color:#f7c250;margin:0 0 8px;}
.ifcs-payment-help a {display:inline-block;color:#fff;font-size:13px;line-height:1.6;text-decoration:underline;text-underline-offset:4px;margin-top:14px;overflow-wrap:anywhere;}
.ifcs-payment-signoff {text-align:center;margin-top:40px;}
.ifcs-payment-signoff .ifcs-payment-icon {width:48px;height:48px;color:#f7c250;margin:auto;}
.ifcs-payment-signoff p {font-size:12px;letter-spacing:.15em;line-height:1.9;text-transform:uppercase;color:#fff;margin:16px 0;}
@media(max-width:1199px) {
  main:has(.ifcs-payment-layout) {padding-left:24px!important;padding-right:24px!important;}
  .ifcs-payment-layout {grid-template-columns:minmax(180px,1fr) minmax(480px,2fr);max-width:1040px;gap:28px;}
  .ifcs-payment-guidance {grid-column:2;padding:0;}
  .ifcs-payment-guidance > ul {gap:20px;margin:24px 0;}
  .ifcs-payment-signoff {display:none;}
}
@media(max-width:799px) {
  main:has(.ifcs-payment-layout) {padding:138px 18px 44px!important;background-size:auto 1000px!important;background-position:left top!important;}
  .ifcs-payment-layout {grid-template-columns:minmax(0,1fr);max-width:620px;gap:25px;}
  .ifcs-payment-story {padding:0 4px;}
  .ifcs-payment-eyebrow {max-width:none;font-size:10px!important;}
  .ifcs-payment-eyebrow::after {display:none;}
  .ifcs-payment-story h2 {font-size:28px;line-height:1.2;margin:12px 0 0;}
  .ifcs-payment-story h2 span {display:inline;margin:0 0 0 8px;}
  .ifcs-payment-story-copy,.ifcs-payment-story ul {display:none;}
  .ifcs-payment-card {padding:24px 20px;border-radius:16px;}
  .ifcs-payment-guidance {grid-column:1;}
  .ifcs-payment-assurance {align-items:center;}
}
@media(max-width:420px) {
  main:has(.ifcs-payment-layout) {padding-left:10px!important;padding-right:10px!important;}
  .ifcs-payment-card {padding:20px 14px;}
  .ifcs-payment-layout .ifcs-payment-details {grid-template-columns:minmax(0,1fr);}
  .ifcs-payment-layout .ifcs-payment-bar > button[type="submit"] {width:100%!important;}
}

/* Duplicate reports uses the same visual language; delivery logic stays in its original component. */
.dup-page.ifcs-duplicate-design {display:grid;grid-template-columns:minmax(190px,.9fr) minmax(500px,1.9fr) minmax(220px,.95fr);gap:clamp(24px,3vw,52px);align-items:start;padding:150px max(24px,calc((100vw - 1500px)/2)) 76px!important;margin:0!important;min-height:100vh;background:#03142e linear-gradient(90deg,#00102720,#00102740 55%,#001027b0) no-repeat center top;background-image:linear-gradient(90deg,#00102720,#00102740 55%,#001027b0),url('/wp-content/mu-plugins/ifcs-hostgator-production/frontend/assets/ifcs-payment-global-20260922.jpg');background-size:cover;}
.ifcs-duplicate-design .dup-hero {position:relative!important;display:block!important;min-height:0!important;height:auto!important;background:none!important;margin:0!important;padding:90px 6px 0!important;}
.ifcs-duplicate-design .dup-hero::before,.ifcs-duplicate-design .dup-hero::after,.ifcs-duplicate-design .dup-banner {display:none!important;}
.ifcs-duplicate-design .dup-hero > div {padding:0!important;margin:0!important;max-width:none!important;}
.ifcs-duplicate-design .dup-hero .dup-eyebrow {text-transform:uppercase;letter-spacing:.18em;font-size:12px;color:#f6c04f;font-weight:650;}
.ifcs-duplicate-design .dup-hero h1 {font-size:clamp(32px,3.2vw,49px);font-weight:750;line-height:1.1;letter-spacing:-.025em;color:#f7c250;margin:20px 0 24px;text-shadow:0 3px 24px #001027;}
.ifcs-duplicate-design .dup-hero p:last-child {font-size:16px;line-height:1.8;color:#f1f5fc;max-width:330px;text-shadow:0 2px 14px #001027;}
.ifcs-duplicate-design .dup-layout {width:100%;max-width:none;margin:0;padding:28px!important;min-width:0;border:1px solid #d7e0ed;border-top:4px solid #d2a846;border-radius:21px;background:linear-gradient(145deg,#fff,#f7f9fd);box-shadow:0 14px 60px #00102880,0 0 28px #6fa2e133;}
.ifcs-duplicate-design .dup-application {background:transparent;}
.ifcs-duplicate-design .ifcs-duplicate-intro {margin:0 0 24px;}
.ifcs-duplicate-design .ifcs-duplicate-intro h2 {font-size:27px;line-height:1.2;letter-spacing:-.025em;text-transform:none;font-weight:750;color:#082455;margin:0 0 8px;}
.ifcs-duplicate-design .ifcs-duplicate-intro p {font-size:13px;line-height:1.65;color:#52637e;margin:0;}
.ifcs-duplicate-design .dup-application section {background:transparent;border-bottom:1px solid #dce4ef;padding:0 0 22px;margin:0 0 22px;}
.ifcs-duplicate-design .dup-application h2 {font-size:12px;line-height:1.5;font-weight:700;letter-spacing:.07em;color:#142c54;margin:0 0 13px;}
.ifcs-duplicate-design .dup-application .ifcs-duplicate-intro h2 {font-size:27px;line-height:1.2;letter-spacing:-.025em;margin:0 0 8px;}
.ifcs-duplicate-design .dup-grid {gap:14px;}
.ifcs-duplicate-design .dup-grid:has(>.dup-choice) {grid-template-columns:repeat(2,minmax(0,1fr));}
.ifcs-duplicate-design .dup-choice {padding:12px 10px;gap:9px;border-color:#d5dfed;background:#f4f7fc;border-radius:8px;}
.ifcs-duplicate-design .dup-choice:has(input:checked) {background:#edf4ff;border-color:#4282f0;}
.ifcs-duplicate-design .dup-choice strong {font-size:12px;line-height:1.4;color:#142c54;}
.ifcs-duplicate-design .dup-choice small {font-size:11px;line-height:1.5;color:#586b87;}
.ifcs-duplicate-design .dup-field,.ifcs-duplicate-design .ifcs-card-field {font-size:12px!important;line-height:1.5!important;font-weight:650!important;letter-spacing:0!important;text-transform:none!important;color:#142c54!important;gap:6px;}
.ifcs-duplicate-design .dup-field input,.ifcs-duplicate-design .ifcs-secure-card-fields input,.ifcs-duplicate-design .ifcs-secure-card-fields select {font-size:14px!important;background:#f3f6fa!important;border:1px solid #cdd8e8;border-radius:8px!important;min-height:44px;height:auto;padding:11px 12px;}
.ifcs-duplicate-design .dup-email {gap:8px;grid-template-columns:minmax(0,1fr) auto;margin:16px 0 12px;}
.ifcs-duplicate-design .dup-remove {font-size:12px;min-height:44px;padding:8px 10px;border-color:#dfb2b2;border-radius:7px;background:#fff;}
.ifcs-duplicate-design .dup-add {font-size:12px;min-height:38px;border-color:#cdd8e8;border-radius:7px;color:#29466b;}
.ifcs-duplicate-design .dup-application .ifcs-service-summary {background:#edf3fc!important;padding:14px!important;border:1px solid #dce6f5!important;border-radius:8px;}
.ifcs-duplicate-design .ifcs-order-summary h2 {text-transform:none;letter-spacing:0;margin:0 0 8px;}
.ifcs-duplicate-design .ifcs-order-summary li {font-size:13px;gap:12px;}
.ifcs-duplicate-design .dup-application .ifcs-secure-card-fields {margin:0 0 20px;border-top:0;padding:0 0 20px;gap:14px;}
.ifcs-duplicate-design .dup-agreements {gap:12px;padding-bottom:18px;}
.ifcs-duplicate-design .dup-agreement {font-size:12px;line-height:1.7;gap:9px;}
.ifcs-duplicate-design input[type=checkbox],.ifcs-duplicate-design input[type=radio] {width:16px;height:16px;flex:0 0 16px;accent-color:#0962e8;}
.ifcs-duplicate-design .ifcs-payment-bar {margin:18px 0 14px;border-radius:10px;background:#0962e8;padding:14px 16px;gap:12px;}
.ifcs-duplicate-design .ifcs-payment-bar .dup-total {font-size:17px;background:transparent!important;margin:0;padding:0!important;}
.ifcs-duplicate-design .ifcs-payment-bar button[type=submit] {min-height:46px!important;min-width:110px!important;font-size:16px!important;padding:10px 22px!important;border-radius:7px!important;}
.ifcs-duplicate-design .dup-payment-actions {font-size:13px;line-height:1.6;}
.ifcs-duplicate-design .ifcs-payment-guidance {padding-top:90px;}
.ifcs-duplicate-design .ifcs-payment-guidance h2 {color:#f7c250;font-size:15px;margin:0 0 8px;}
.ifcs-duplicate-design .ifcs-payment-help a {color:#fff;}
@media(max-width:1199px) {
  .dup-page.ifcs-duplicate-design {grid-template-columns:minmax(180px,1fr) minmax(480px,2fr);gap:28px;padding-left:24px!important;padding-right:24px!important;}
  .ifcs-duplicate-design .ifcs-payment-guidance {grid-column:2;padding-top:0;}
}
@media(max-width:799px) {
  .dup-page.ifcs-duplicate-design {grid-template-columns:minmax(0,1fr);padding:138px 18px 44px!important;gap:24px;background-size:auto 1000px;background-position:left top;background-repeat:no-repeat;}
  .ifcs-duplicate-design .dup-hero {padding:0!important;max-width:620px;justify-self:center;width:100%;}
  .ifcs-duplicate-design .dup-hero h1 {font-size:30px;margin:10px 0 12px;}
  .ifcs-duplicate-design .dup-hero p:last-child {font-size:14px;max-width:none;}
  .ifcs-duplicate-design .dup-layout {max-width:620px;justify-self:center;padding:24px 20px!important;border-radius:16px;}
  .ifcs-duplicate-design .ifcs-payment-guidance {grid-column:1;max-width:620px;justify-self:center;}
}
@media(max-width:420px) {
  .dup-page.ifcs-duplicate-design {padding-left:10px!important;padding-right:10px!important;}
  .ifcs-duplicate-design .dup-layout {padding:20px 14px!important;}
  .ifcs-duplicate-design .dup-grid:has(>.dup-choice) {grid-template-columns:minmax(0,1fr);}
  .ifcs-duplicate-design .dup-email {grid-template-columns:minmax(0,1fr);}
}
@media(max-width:799px) {
  .ifcs-payment-layout .ifcs-payment-details input:not([type="checkbox"]),
  .ifcs-payment-layout .ifcs-payment-details select,
  .ifcs-duplicate-design .dup-field input,
  .ifcs-duplicate-design .ifcs-secure-card-fields input,
  .ifcs-duplicate-design .ifcs-secure-card-fields select {font-size:16px!important;}
}
@media(max-width:359px) {
  .ifcs-payment-layout .ifcs-recaptcha,
  .ifcs-duplicate-design .ifcs-recaptcha {transform:scale(.87);transform-origin:left top;min-height:68px;}
}
