@import url("https://assets.mlcdn.com/fonts.css?version=1770645");

/* LOADER - Keep this as is */
.ml-form-embedSubmitLoad { display: inline-block; width: 20px; height: 20px; }
.g-recaptcha { transform: scale(1); transform-origin: 0 0; height: auto; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0; }
.ml-form-embedSubmitLoad:after { content: " "; display: block; width: 11px; height: 11px; margin: 1px; border-radius: 50%; border: 4px solid #fff; border-color: #000000 #000000 #000000 transparent; animation: ml-form-embedSubmitLoad 1.2s linear infinite; }
@keyframes ml-form-embedSubmitLoad { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }

/* Main Container - Removed width constraints so it fits your div */
.ml-subscribe-form-35857523.ml-form-embedContainer { 
    box-sizing: border-box; 
    display: table; 
    margin: 0 auto; 
    position: static; 
    width: 100% !important; 
}

/* Typography Reset */
.ml-subscribe-form-35857523.ml-form-embedContainer h4,
.ml-subscribe-form-35857523.ml-form-embedContainer p,
.ml-subscribe-form-35857523.ml-form-embedContainer span,
.ml-subscribe-form-35857523.ml-form-embedContainer button { 
    text-transform: none !important; 
    letter-spacing: normal !important; 
}

/* Wrapper - MADE TRANSPARENT & REMOVED PADDING */
.ml-subscribe-form-35857523.ml-form-embedContainer .ml-form-embedWrapper { 
    background-color: transparent !important; /* Key Change */
    border: none !important; 
    padding: 0 !important; /* Key Change */
    box-sizing: border-box; 
    display: inline-block !important; 
    margin: 0; 
    position: relative; 
    width: 100%;
}

/* Body - REMOVED PADDING */
.ml-subscribe-form-35857523.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody,
.ml-subscribe-form-35857523.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody { 
    padding: 0 !important; /* Key Change */
}

/* Inputs - Clean Style */
.ml-subscribe-form-35857523.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow { 
    margin: 0 0 10px 0; 
    width: 100%; 
}

.ml-subscribe-form-35857523.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input { 
    background-color: #ffffff !important; 
    color: #333333 !important; 
    border: 1px solid #cccccc !important; 
    border-radius: 4px !important; 
    font-family: 'Open Sans', Arial, Helvetica, sans-serif; 
    font-size: 14px !important; 
    height: auto; 
    line-height: 21px !important; 
    padding: 10px !important; 
    width: 100% !important; 
    box-sizing: border-box !important; 
}

/* Submit Button */
.ml-subscribe-form-35857523.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit { 
    margin: 10px 0 0 0; /* Slight margin top */
    float: left; 
    width: 100%; 
}

.ml-subscribe-form-35857523.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit button { 
    background-color: #EAE5C0 !important; 
    border: none !important; 
    border-radius: 25px !important; 
    color: #000000 !important; 
    cursor: pointer; 
    font-family: 'Open Sans', Arial, Helvetica, sans-serif !important; 
    font-size: 14px !important; 
    font-weight: 600 !important; /* Made slightly bolder */
    padding: 12px 20px !important; /* Better padding */
    width: 100% !important; 
    transition: background-color 0.2s ease;
}

.ml-subscribe-form-35857523.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit button:hover { 
    background-color: #ded8ab !important; 
}

/* Success Message */
.ml-subscribe-form-35857523.ml-form-embedContainer .ml-form-successContent {
    text-align: center;
    color: #333;
}

/* Errors */
.ml-error input { border-color: red !important; }

/* Mobile */
@media only screen and (max-width: 400px){
  .ml-form-embedWrapper.embedDefault, .ml-form-embedWrapper.embedPopup { width: 100%!important; }
}