.elementor-11804 .elementor-element.elementor-element-792ee3db{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11804 .elementor-element.elementor-element-792ee3db:not(.elementor-motion-effects-element-type-background), .elementor-11804 .elementor-element.elementor-element-792ee3db > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-5bca002 );}.elementor-11804 .elementor-element.elementor-element-7838fd56{--display:flex;--min-height:1000px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--overlay-opacity:0.66;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:125px;--padding-bottom:120px;--padding-left:0px;--padding-right:0px;--z-index:0;}.elementor-11804 .elementor-element.elementor-element-7838fd56:not(.elementor-motion-effects-element-type-background), .elementor-11804 .elementor-element.elementor-element-7838fd56 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://i0.wp.com/opmmi.ph/wp-content/uploads/2025/06/Header-Teaser.png?fit=1536%2C975&ssl=1");background-position:bottom center;background-repeat:no-repeat;background-size:cover;}.elementor-11804 .elementor-element.elementor-element-7838fd56::before, .elementor-11804 .elementor-element.elementor-element-7838fd56 > .elementor-background-video-container::before, .elementor-11804 .elementor-element.elementor-element-7838fd56 > .e-con-inner > .elementor-background-video-container::before, .elementor-11804 .elementor-element.elementor-element-7838fd56 > .elementor-background-slideshow::before, .elementor-11804 .elementor-element.elementor-element-7838fd56 > .e-con-inner > .elementor-background-slideshow::before, .elementor-11804 .elementor-element.elementor-element-7838fd56 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-11804 .elementor-element.elementor-element-f3f6123 > .elementor-widget-container{margin:0px 0px 70px 0px;padding:0px 0px 0px 0px;}.elementor-11804 .elementor-element.elementor-element-f3f6123 img{width:40%;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-11804 .elementor-element.elementor-element-74fbbb2a > .elementor-widget-container{margin:0px 0px 30px 0px;padding:0px 0px 0px 0px;}.elementor-11804 .elementor-element.elementor-element-74fbbb2a{text-align:center;}.elementor-11804 .elementor-element.elementor-element-74fbbb2a .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:70px;font-weight:300;line-height:70px;-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#000;stroke:#000;color:#FFFFFF;}.elementor-11804 .elementor-element.elementor-element-44da715 > .elementor-widget-container{margin:0px 0px 45px 0px;padding:0px 170px 0px 170px;}.elementor-11804 .elementor-element.elementor-element-44da715{text-align:center;}.elementor-11804 .elementor-element.elementor-element-44da715 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:26px;font-weight:400;line-height:38px;-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#000;stroke:#000;color:#FFFFFF;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-11804 .elementor-element.elementor-element-ff581a6 .elementor-button{background-color:#61CE7000;font-family:"Poppins", Sans-serif;font-size:25px;font-weight:600;text-decoration:none;fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-radius:45px 45px 45px 45px;padding:20px 55px 20px 55px;}.elementor-11804 .elementor-element.elementor-element-ff581a6 .elementor-button:hover, .elementor-11804 .elementor-element.elementor-element-ff581a6 .elementor-button:focus{background-color:#FFFFFF;color:#000000;}.elementor-11804 .elementor-element.elementor-element-ff581a6 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-11804 .elementor-element.elementor-element-ff581a6 .elementor-button:hover svg, .elementor-11804 .elementor-element.elementor-element-ff581a6 .elementor-button:focus svg{fill:#000000;}.elementor-11804 .elementor-element.elementor-element-4a6d446{--display:flex;--min-height:0px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.74;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-11804 .elementor-element.elementor-element-4a6d446:not(.elementor-motion-effects-element-type-background), .elementor-11804 .elementor-element.elementor-element-4a6d446 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#2E2E2E;background-image:url("https://i0.wp.com/opmmi.ph/wp-content/uploads/2025/06/BG-lighting.webp?fit=1456%2C816&ssl=1");background-size:cover;}.elementor-11804 .elementor-element.elementor-element-4a6d446::before, .elementor-11804 .elementor-element.elementor-element-4a6d446 > .elementor-background-video-container::before, .elementor-11804 .elementor-element.elementor-element-4a6d446 > .e-con-inner > .elementor-background-video-container::before, .elementor-11804 .elementor-element.elementor-element-4a6d446 > .elementor-background-slideshow::before, .elementor-11804 .elementor-element.elementor-element-4a6d446 > .e-con-inner > .elementor-background-slideshow::before, .elementor-11804 .elementor-element.elementor-element-4a6d446 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-11804 .elementor-element.elementor-element-e976f99{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11804 .elementor-element.elementor-element-70a8f41{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-11804 .elementor-element.elementor-element-edf0882{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-11804 .elementor-element.elementor-element-edf0882:not(.elementor-motion-effects-element-type-background), .elementor-11804 .elementor-element.elementor-element-edf0882 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-11804 .elementor-element.elementor-element-f3d0ee7 > .elementor-widget-container{margin:0px 0px 35px 0px;padding:0px 0px 0px 0px;}.elementor-11804 .elementor-element.elementor-element-f3d0ee7{text-align:center;}.elementor-11804 .elementor-element.elementor-element-f3d0ee7 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:35px;font-weight:400;color:#000000;}.elementor-11804 .elementor-element.elementor-element-d0d0207 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 50px 0px 0px;}.elementor-11804 .elementor-element.elementor-element-d0d0207 .elementor-accordion .elementor-accordion-icon.elementor-accordion-icon-left{margin-right:5px;}.elementor-11804 .elementor-element.elementor-element-d0d0207 .elementor-accordion .elementor-accordion-icon.elementor-accordion-icon-right{margin-left:5px;}.elementor-11804 .elementor-element.elementor-element-d0d0207 .theplus-accordion-wrapper.elementor-accordion .elementor-tab-title .elementor-accordion-icon{font-size:20px;}.elementor-11804 .elementor-element.elementor-element-d0d0207 .theplus-accordion-wrapper.elementor-accordion .elementor-tab-title .elementor-accordion-icon svg{width:20px;height:20px;}.elementor-11804 .elementor-element.elementor-element-d0d0207 .elementor-accordion .elementor-tab-title .elementor-accordion-icon i:before{color:#191919;}.elementor-11804 .elementor-element.elementor-element-d0d0207 .elementor-accordion .elementor-tab-title .elementor-accordion-icon svg{fill:#191919;}.elementor-11804 .elementor-element.elementor-element-d0d0207 .elementor-accordion .elementor-tab-title.active .elementor-accordion-icon i:before{color:#000000;}.elementor-11804 .elementor-element.elementor-element-d0d0207 .elementor-accordion .elementor-tab-title.active .elementor-accordion-icon svg{fill:#000000;}.elementor-11804 .elementor-element.elementor-element-d0d0207 .theplus-accordion-wrapper .theplus-accordion-item .plus-accordion-header{font-size:20px;font-weight:700;color:#000000;border-style:solid;border-width:0px 0px 01px 0px;border-color:#2E2E2E;}.elementor-11804 .elementor-element.elementor-element-d0d0207 .theplus-accordion-wrapper .theplus-accordion-item .plus-accordion-header.active{color:#000000;}.elementor-11804 .elementor-element.elementor-element-d0d0207 .theplus-accordion-wrapper .theplus-accordion-item{margin-bottom:40px;}.elementor-11804 .elementor-element.elementor-element-d0d0207 .theplus-accordion-wrapper .theplus-accordion-item .plus-accordion-content{padding:20px 0px 5px 50px;margin:0px 0px 0px 0px;}.elementor-11804 .elementor-element.elementor-element-d0d0207 .theplus-accordion-wrapper .theplus-accordion-item .plus-accordion-content .plus-content-editor{font-size:16px;line-height:26px;}.elementor-11804 .elementor-element.elementor-element-d0d0207 .theplus-accordion-wrapper .theplus-accordion-item .plus-accordion-content .plus-content-editor,.elementor-11804 .elementor-element.elementor-element-d0d0207 .theplus-accordion-wrapper .theplus-accordion-item .plus-accordion-content .plus-content-editor p{color:#454545;}body.elementor-page-11804:not(.elementor-motion-effects-element-type-background), body.elementor-page-11804 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-11804 .elementor-element.elementor-element-e976f99{--width:100%;}}@media(max-width:1024px){.elementor-11804 .elementor-element.elementor-element-792ee3db{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-11804 .elementor-element.elementor-element-7838fd56{--min-height:700px;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:80px;--padding-bottom:100px;--padding-left:30px;--padding-right:30px;}.elementor-11804 .elementor-element.elementor-element-f3f6123 > .elementor-widget-container{margin:0px 0px 50px 0px;padding:0px 0px 0px 0px;}.elementor-11804 .elementor-element.elementor-element-74fbbb2a > .elementor-widget-container{margin:0px 0px 25px 0px;padding:0px 0px 0px 0px;}.elementor-11804 .elementor-element.elementor-element-74fbbb2a .elementor-heading-title{font-size:50px;line-height:50px;}.elementor-11804 .elementor-element.elementor-element-44da715 > .elementor-widget-container{margin:0px 0px 25px 0px;padding:0px 30px 0px 30px;}.elementor-11804 .elementor-element.elementor-element-44da715 .elementor-heading-title{font-size:25px;}.elementor-11804 .elementor-element.elementor-element-4a6d446{--padding-top:80px;--padding-bottom:80px;--padding-left:30px;--padding-right:30px;}.elementor-11804 .elementor-element.elementor-element-e976f99{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:15px;}.elementor-11804 .elementor-element.elementor-element-edf0882{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:20px;--padding-left:030px;--padding-right:30px;}}@media(max-width:767px){.elementor-11804 .elementor-element.elementor-element-792ee3db{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11804 .elementor-element.elementor-element-7838fd56{--min-height:670px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:70px;--padding-bottom:50px;--padding-left:10px;--padding-right:10px;}.elementor-11804 .elementor-element.elementor-element-f3f6123 > .elementor-widget-container{margin:0px 0px 35px 0px;}.elementor-11804 .elementor-element.elementor-element-f3f6123 img{width:75%;}.elementor-11804 .elementor-element.elementor-element-74fbbb2a > .elementor-widget-container{margin:0px 0px 15px 0px;padding:0px 30px 0px 30px;}.elementor-11804 .elementor-element.elementor-element-74fbbb2a .elementor-heading-title{font-size:35px;line-height:40px;}.elementor-11804 .elementor-element.elementor-element-44da715 > .elementor-widget-container{margin:0px 0px 10px 0px;padding:0px 40px 0px 40px;}.elementor-11804 .elementor-element.elementor-element-44da715 .elementor-heading-title{font-size:16px;line-height:23px;}.elementor-11804 .elementor-element.elementor-element-ff581a6 > .elementor-widget-container{margin:15px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-11804 .elementor-element.elementor-element-ff581a6 .elementor-button{font-size:22px;padding:18px 45px 18px 45px;}.elementor-11804 .elementor-element.elementor-element-4a6d446{--min-height:800px;--gap:20px 0px;--row-gap:20px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:80px;--padding-bottom:80px;--padding-left:30px;--padding-right:30px;}.elementor-11804 .elementor-element.elementor-element-e976f99{--justify-content:flex-start;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11804 .elementor-element.elementor-element-edf0882{--padding-top:50px;--padding-bottom:30px;--padding-left:20px;--padding-right:20px;}.elementor-11804 .elementor-element.elementor-element-f3d0ee7 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 20px 15px 20px;}.elementor-11804 .elementor-element.elementor-element-f3d0ee7 .elementor-heading-title{font-size:30px;line-height:35px;}.elementor-11804 .elementor-element.elementor-element-d0d0207 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-11804 .elementor-element.elementor-element-d0d0207 .theplus-accordion-wrapper .theplus-accordion-item .plus-accordion-header{font-size:18px;line-height:26px;}.elementor-11804 .elementor-element.elementor-element-d0d0207 .theplus-accordion-wrapper .theplus-accordion-item{margin-bottom:30px;}.elementor-11804 .elementor-element.elementor-element-d0d0207 .theplus-accordion-wrapper .theplus-accordion-item .plus-accordion-content{padding:20px 0px 5px 20px;}}/* Start custom CSS for html, class: .elementor-element-145ec5d *//* ✅ Force all [hidden] elements in the widget to stay hidden */
#opmmiAffiliateSignupWidget [hidden] { display: none !important; }

#opmmiAffiliateSignupWidget,
#opmmiAffiliateSignupWidget * {
  box-sizing: border-box;
}

#opmmiAffiliateSignupWidget {
  width: 100%;
}

/* Container */
#opmmiAffiliateSignupWidget .opmmi-aff-signup {
  width: 100%;
  max-width: 680px;
  margin: 0 auto;
  padding: 18px;
  border: 1px solid #e5e7eb;
  border-radius: 18px;
  background: #ffffff;
  box-shadow: 0 12px 30px rgba(0,0,0,0.06);
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

/* Headings */
#opmmiAffiliateSignupWidget .opmmi-aff-title {
  font-size: 18px;
  font-weight: 900;
  color: #111827;
  line-height: 1.2;
  margin: 0 0 6px 0;
}

#opmmiAffiliateSignupWidget .opmmi-aff-subtitle {
  font-size: 13px;
  color: #374151;
  line-height: 1.45;
  margin: 0 0 16px 0;
}

/* Form */
#opmmiAffiliateSignupWidget .opmmi-aff-form {
  margin: 0;
  padding: 0;
}

/* Rows/Cols */
#opmmiAffiliateSignupWidget .opmmi-aff-row {
  display: flex;
  gap: 12px;
  width: 100%;
}

#opmmiAffiliateSignupWidget .opmmi-aff-col {
  flex: 1 1 0;
  min-width: 0;
}

/* Fields */
#opmmiAffiliateSignupWidget .opmmi-aff-field {
  margin: 0 0 14px 0;
}

#opmmiAffiliateSignupWidget .opmmi-aff-label {
  display: block;
  font-size: 13px;
  font-weight: 700;
  color: #111827;
  margin: 0 0 6px 0;
}

#opmmiAffiliateSignupWidget .opmmi-aff-input {
  width: 100%;
  display: block;
  padding: 12px 12px;
  border-radius: 12px;
  border: 1px solid #d1d5db;
  background: #ffffff;
  font-size: 14px;
  color: #111827;
  outline: none;
  transition: box-shadow 0.15s ease, border-color 0.15s ease, transform 0.15s ease;
}

#opmmiAffiliateSignupWidget .opmmi-aff-input::placeholder {
  color: #9ca3af;
}

#opmmiAffiliateSignupWidget .opmmi-aff-input:focus {
  border-color: #111827;
  box-shadow: 0 0 0 3px rgba(17,24,39,0.12);
}

#opmmiAffiliateSignupWidget .opmmi-aff-error {
  margin-top: 6px;
  font-size: 12px;
  font-weight: 600;
  color: #b91c1c;
  line-height: 1.35;
}

/* Actions */
#opmmiAffiliateSignupWidget .opmmi-aff-actions {
  display: flex;
  gap: 10px;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 6px;
}

#opmmiAffiliateSignupWidget .opmmi-aff-actions-left,
#opmmiAffiliateSignupWidget .opmmi-aff-actions-right {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  align-items: center;
}

/* Buttons (base) */
#opmmiAffiliateSignupWidget .opmmi-aff-btn {
  appearance: none;
  -webkit-appearance: none;
  border: 1px solid transparent;
  border-radius: 12px;
  padding: 20px 25px;
  font-size: 14px;
  font-weight: 800;
  line-height: 1;
  cursor: pointer;
  user-select: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  transition: transform 0.15s ease, box-shadow 0.15s ease, background 0.15s ease, border-color 0.15s ease, opacity 0.15s ease;
}

#opmmiAffiliateSignupWidget .opmmi-aff-btn:disabled {
  cursor: not-allowed;
  opacity: 0.6;
  transform: none !important;
}

#opmmiAffiliateSignupWidget .opmmi-aff-btn:not(:disabled):hover {
  transform: translateY(-1px);
  box-shadow: 0 10px 18px rgba(0,0,0,0.08);
}

/* Button variants */
#opmmiAffiliateSignupWidget .opmmi-aff-btn-submit,
#opmmiAffiliateSignupWidget .opmmi-aff-btn-okay,
#opmmiAffiliateSignupWidget .opmmi-aff-btn-modal-agree {
  background: #111827;
  color: #ffffff;
}

#opmmiAffiliateSignupWidget .opmmi-aff-btn-submit:not(:disabled):hover,
#opmmiAffiliateSignupWidget .opmmi-aff-btn-okay:not(:disabled):hover,
#opmmiAffiliateSignupWidget .opmmi-aff-btn-modal-agree:not(:disabled):hover {
  background: #0b1220;
}

#opmmiAffiliateSignupWidget .opmmi-aff-btn-cancel,
#opmmiAffiliateSignupWidget .opmmi-aff-btn-terms,
#opmmiAffiliateSignupWidget .opmmi-aff-btn-modal-cancel {
  background: #ffffff;
  color: #111827;
  border-color: #d1d5db;
}

#opmmiAffiliateSignupWidget .opmmi-aff-btn-copy {
  background: #16a34a;
  color: #ffffff;
}

#opmmiAffiliateSignupWidget .opmmi-aff-btn-copy:not(:disabled):hover {
  background: #12833b;
}

/* Error banner */
#opmmiAffiliateSignupWidget .opmmi-aff-banner-error {
  margin-top: 12px;
  padding: 10px 12px;
  border-radius: 12px;
  border: 1px solid #fecaca;
  background: #fef2f2;
  color: #991b1b;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.4;
}

/* Spinner (shared) */
#opmmiAffiliateSignupWidget .opmmi-aff-spinner,
#opmmiAffiliateSignupWidget .opmmi-aff-gen-spinner {
  width: 28px;
  height: 28px;
  border-radius: 999px;
  border: 3px solid rgba(17,24,39,0.25);
  border-top-color: #111827;
  display: block;
  margin: 0 auto 12px auto;
  animation: opmmiAffSpin 0.8s linear infinite;
}

@keyframes opmmiAffSpin {
  to { transform: rotate(360deg); }
}

/* Clipboard temp input (hidden but selectable) */
#opmmiAffiliateSignupWidget .opmmi-aff-clipboard-temp {
  position: absolute;
  left: -9999px;
  top: 0;
  opacity: 0;
}

/* Overlay / Modal (Terms) */
#opmmiAffiliateSignupWidget .opmmi-aff-overlay {
  position: fixed;
  inset: 0;
  z-index: 999999;
  background: rgba(17,24,39,0.55);
  padding: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
}

#opmmiAffiliateSignupWidget .opmmi-aff-modal {
  width: 100%;
  max-width: 760px;
  border-radius: 18px;
  border: 1px solid rgba(229,231,235,0.9);
  background: #ffffff;
  box-shadow: 0 22px 50px rgba(0,0,0,0.22);
  overflow: hidden;
}

#opmmiAffiliateSignupWidget .opmmi-aff-modal-header {
  padding: 14px 16px;
  border-bottom: 1px solid #e5e7eb;
}

#opmmiAffiliateSignupWidget .opmmi-aff-modal-title {
  font-size: 15px;
  font-weight: 900;
  color: #111827;
}

#opmmiAffiliateSignupWidget .opmmi-aff-modal-body {
  padding: 16px;
  max-height: 55vh;
  overflow: auto;
}

#opmmiAffiliateSignupWidget .opmmi-aff-terms-text {
  white-space: pre-wrap;
  font-size: 14px;
  line-height: 1.55;
  color: #111827;
}

#opmmiAffiliateSignupWidget .opmmi-aff-modal-footer {
  padding: 14px 16px;
  border-top: 1px solid #e5e7eb;
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  flex-wrap: wrap;
}

/* ============================
   NEW: Generating modal overlay
   (matches JS classes)
============================ */
#opmmiAffiliateSignupWidget .opmmi-aff-gen-overlay {
  position: fixed;
  inset: 0;
  z-index: 999999;
  background: rgba(17,24,39,0.55);
  padding: 18px;

  display: flex;
  align-items: center;      /* ✅ center vertically */
  justify-content: center;  /* center horizontally */
}

#opmmiAffiliateSignupWidget .opmmi-aff-gen-modal {
  width: 100%;
  max-width: 520px;
  border-radius: 18px;
  border: 1px solid rgba(229,231,235,0.9);
  background: #ffffff;
  box-shadow: 0 22px 50px rgba(0,0,0,0.22);
  padding: 24px;

  display: flex;                 /* ✅ */
  flex-direction: column;        /* ✅ */
  align-items: center;           /* ✅ center horizontally */
  justify-content: center;       /* ✅ center vertically */
  text-align: center;
}

#opmmiAffiliateSignupWidget .opmmi-aff-gen-text {
  margin-top: 12px;
  font-size: 14px;
  font-weight: 800;
  color: #111827;
}

/* ============================
   NEW: Success modal overlay
   (matches JS classes)
============================ */
#opmmiAffiliateSignupWidget .opmmi-aff-success-overlay {
  position: fixed;
  inset: 0;
  z-index: 999999;
  background: rgba(17,24,39,0.55);
  padding: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
}

#opmmiAffiliateSignupWidget .opmmi-aff-success-modal {
  width: 100%;
  max-width: 560px;
  border-radius: 18px;
  border: 1px solid rgba(229,231,235,0.9);
  background: #ffffff;
  box-shadow: 0 22px 50px rgba(0,0,0,0.22);
  padding: 18px 18px;
  text-align: center;
}

#opmmiAffiliateSignupWidget .opmmi-aff-success-msg {
  font-size: 14px;
  font-weight: 800;
  color: #111827;
  margin-bottom: 8px;
}

#opmmiAffiliateSignupWidget .opmmi-aff-coupon {
  font-size: 18px;
  font-weight: 900;
  color: #16a34a;
  margin-bottom: 12px;
  text-align: center;
}

#opmmiAffiliateSignupWidget .opmmi-aff-success-actions {
  display: flex;
  gap: 10px;
  justify-content: center;
  flex-wrap: wrap;
}

#opmmiAffiliateSignupWidget .opmmi-aff-copied {
  margin-top: 10px;
  font-size: 13px;
  font-weight: 900;
  color: #16a34a;
}

/* ============================
   Remove/neutralize old inline loading block (if any leftover markup exists)
   This prevents confusion if an old widget instance still has .opmmi-aff-loading
============================ */
#opmmiAffiliateSignupWidget .opmmi-aff-loading {
  display: none !important;
}

/* Responsive */
@media (max-width: 640px) {
  #opmmiAffiliateSignupWidget .opmmi-aff-signup {
    padding: 14px;
    border-radius: 16px;
  }

  #opmmiAffiliateSignupWidget .opmmi-aff-row {
    flex-direction: column;
    gap: 0;
  }

  /* Stack action buttons vertically */
  #opmmiAffiliateSignupWidget .opmmi-aff-actions {
    flex-direction: column;
    align-items: stretch;
  }

  #opmmiAffiliateSignupWidget .opmmi-aff-actions-left,
  #opmmiAffiliateSignupWidget .opmmi-aff-actions-right {
    width: 100%;
    display: flex;
    flex-direction: column;
  }

  /* Generate Code button FIRST */
  #opmmiAffiliateSignupWidget .opmmi-aff-actions-right {
    order: 1;
  }

  /* Cancel button BELOW */
  #opmmiAffiliateSignupWidget .opmmi-aff-actions-left {
    order: 2;
  }

  #opmmiAffiliateSignupWidget .opmmi-aff-btn {
    width: 100%;
  }

  #opmmiAffiliateSignupWidget .opmmi-aff-modal-body {
    max-height: 62vh;
  }
}/* End custom CSS */