/* Only applied to single posts in category market-reviews. */
.bma-article { position:relative; }
.bma-article:not(.bma-unlocked) .bma-article-body {
  max-height:250px; overflow:hidden; pointer-events:none; user-select:none;
  -webkit-mask-image:linear-gradient(to bottom,#000 5%,#000 30%,transparent 100%);
  mask-image:linear-gradient(to bottom,#000 5%,#000 30%,transparent 100%);
}
.bma-article.bma-unlocked .bma-article-body { max-height:none; overflow:visible; pointer-events:auto; user-select:auto; -webkit-mask-image:none; mask-image:none; }
.bma-read-more { display:none; text-align:center; padding:20px 16px 28px; margin:0 auto 24px; border-bottom:1px solid #dbe5ed; color:#334b60; }
.bma-article:not(.bma-unlocked) .bma-read-more { display:block; }
.bma-read-more p { margin:0 0 14px; }
.bma-button { background:#f4a93c; border:0; border-radius:9px; color:#2a1a02; padding:13px 25px; font-size:16px; font-weight:700; cursor:pointer; }
.bma-button:hover,.bma-button:focus-visible { background:#e8962a; color:#2a1a02; }
.bma-modal { display:none; position:fixed; inset:0; z-index:2147483000; padding:18px; box-sizing:border-box; align-items:center; justify-content:center; }
.bma-modal.is-open { display:flex; }
.bma-modal * { box-sizing:border-box; }
.bma-backdrop { position:absolute; inset:0; background:rgba(5,20,33,.78); backdrop-filter:blur(4px); }
.bma-dialog { position:relative; width:min(100%,720px); max-height:min(88vh,900px); overflow:auto; overscroll-behavior:contain; background:#fff; color:#14212e; border-radius:18px; box-shadow:0 28px 75px rgba(0,0,0,.35); padding:28px 34px 34px; text-align:right; direction:rtl; }
.bma-dialog-heading { background:#0e2236; color:white; margin:-28px -34px 24px; padding:32px 34px 25px; border-radius:18px 18px 0 0; }
.bma-kicker { color:#53c5b8; font-size:13px; font-weight:700; }
.bma-dialog-heading h2 { color:white; font-weight:800; font-size:clamp(23px,3vw,30px); line-height:1.35; margin:10px 0; }
.bma-dialog-heading p { color:#d5e2eb; font-size:15px; line-height:1.65; margin:0; }
.bma-close { position:absolute; inset-inline-end:14px; top:14px; z-index:2; width:34px; height:34px; border:1px solid #8194a3; background:rgba(255,255,255,.13); color:#fff; border-radius:50%; font-size:27px; line-height:26px; cursor:pointer; padding:0; }
.bma-close:hover,.bma-close:focus-visible { background:#24445f; color:white; }
.bma-form .ff-btn-submit { background:#f4a93c !important; color:#2a1a02 !important; border-radius:8px !important; font-weight:700 !important; }
.bma-form .ff-btn-submit:hover { background:#e8962a !important; }
.bma-form .ff-el-form-control { max-width:100%; }
.bma-error { color:#a12; font-weight:700; }
body.bma-no-scroll { overflow:hidden !important; }
@media(max-width:600px){ .bma-modal { padding:8px; } .bma-dialog { width:100%; max-height:94dvh; padding:20px 18px 24px; border-radius:13px; } .bma-dialog-heading { margin:-20px -18px 18px; padding:27px 18px 20px; border-radius:13px 13px 0 0; } .bma-close { inset-inline-end:10px; top:10px; } }

/* v1.1 — Original BTech landing-page inspired treatment, modal only. */
.bma-modal .bma-dialog {
  width:min(100%,700px); max-height:min(91vh,950px); max-height:min(91dvh,950px);
  border-radius:22px; padding:30px 32px 34px; background:#fff;
  box-shadow:0 25px 85px rgba(0,0,0,.38); font-family:Heebo,Rubik,Arial,sans-serif;
}
.bma-modal .bma-dialog-heading {
  background:transparent; color:#14212e; margin:0 0 24px;
  padding:0 38px 20px 0; border-radius:0; border-bottom:1px solid #dde5ec;
}
.bma-modal .bma-kicker {color:#0f8f84; font-size:12px; font-weight:700;letter-spacing:.02em;}
.bma-modal .bma-dialog-heading h2 {color:#14212e; font-size:clamp(25px,3vw,30px);font-weight:800;line-height:1.3;margin:8px 0;}
.bma-modal .bma-dialog-heading p {color:#4d5d6c; font-size:15px;line-height:1.65;max-width:515px;}
.bma-modal .bma-close {inset-inline-end:20px; top:19px; background:#f4f7f9;border:1px solid #dde5ec;color:#4d5d6c; width:34px;height:34px;line-height:27px;}
.bma-modal .bma-close:hover,.bma-modal .bma-close:focus-visible {background:#e3f3f1;color:#0e2236;border-color:#0f8f84;}
.bma-modal .bma-form #fluentform_12 {--btech-blue:#0f8f84;--btech-navy:#0e2236;--btech-text:#14212e;--btech-border:#dce5ec;--btech-light:#e3f3f1;color:#14212e;text-align:right;direction:rtl;font-family:inherit;}
.bma-modal .bma-form #fluentform_12 .ff-el-group {margin-bottom:16px;}
.bma-modal .bma-form #fluentform_12 .ff-el-input--label,.bma-modal .bma-form #fluentform_12 .ff-el-input--label label {font-size:14px;font-weight:700;color:#14212e;line-height:1.5;}
.bma-modal .bma-form #fluentform_12 :is(input[type="text"],input[type="email"],input[type="tel"],input[type="number"],select,textarea) {background:#fff;border:1px solid #dbe4eb;border-radius:10px;font-size:15px;color:#14212e;min-height:44px;padding:10px 13px;box-shadow:none;max-width:100%;width:100%;}
.bma-modal .bma-form #fluentform_12 textarea {min-height:95px;}
.bma-modal .bma-form #fluentform_12 :is(input[type="text"],input[type="email"],input[type="tel"],input[type="number"],select,textarea):focus {border-color:#0f8f84;outline:0;box-shadow:0 0 0 3px rgba(15,143,132,.13);}
.bma-modal .bma-form #fluentform_12 :is(input[type="checkbox"],input[type="radio"]) {accent-color:#0f8f84;}
.bma-modal .bma-form #fluentform_12 :is(.ff-el-form-check-label,.ff-el-help-message) {color:#4d5d6c;}
.bma-modal .bma-form #fluentform_12 .ff-el-group:has([name="requested_value[]"]),
.bma-modal .bma-form #fluentform_12 .ff-el-group:has([name="areas_of_interest[]"]),
.bma-modal .bma-form #fluentform_12 .ff-el-group:has([name="market_changes[]"]) {border-top:1px solid #e2e9ee;padding-top:19px;margin-top:21px;margin-bottom:20px;}
.bma-modal .bma-form #fluentform_12 .ff-el-group:has([name="requested_value[]"]) .ff-el-input--label label,
.bma-modal .bma-form #fluentform_12 .ff-el-group:has([name="areas_of_interest[]"]) .ff-el-input--label label,
.bma-modal .bma-form #fluentform_12 .ff-el-group:has([name="market_changes[]"]) .ff-el-input--label label {font-size:17px;color:#0e2236;margin-bottom:13px;}
.bma-modal .bma-form #fluentform_12 .ff-el-group:has([name="requested_value[]"]) .ff-el-form-check,
.bma-modal .bma-form #fluentform_12 .ff-el-group:has([name="areas_of_interest[]"]) .ff-el-form-check,
.bma-modal .bma-form #fluentform_12 .ff-el-group:has([name="market_changes[]"]) .ff-el-form-check {display:inline-flex;align-items:flex-start;max-width:100%;margin:0 0 8px 7px;border:1px solid #dce5ec;border-radius:20px;padding:7px 12px;background:#f7f9fa;vertical-align:top;transition:background .15s,border-color .15s;}
.bma-modal .bma-form #fluentform_12 .ff-el-group:has([name="requested_value[]"]) .ff-el-form-check:has(input:checked),
.bma-modal .bma-form #fluentform_12 .ff-el-group:has([name="areas_of_interest[]"]) .ff-el-form-check:has(input:checked),
.bma-modal .bma-form #fluentform_12 .ff-el-group:has([name="market_changes[]"]) .ff-el-form-check:has(input:checked) {background:#e3f3f1;border-color:#0f8f84;}
.bma-modal .bma-form #fluentform_12 .ff-el-group:has([name="requested_value[]"]) .ff-el-form-check label,
.bma-modal .bma-form #fluentform_12 .ff-el-group:has([name="areas_of_interest[]"]) .ff-el-form-check label,
.bma-modal .bma-form #fluentform_12 .ff-el-group:has([name="market_changes[]"]) .ff-el-form-check label {font-size:13px;line-height:1.5;cursor:pointer;}
.bma-modal .bma-form #fluentform_12 .ff-btn-submit {display:block;width:100%;min-height:49px;background:#f4a93c !important;color:#2a1a02 !important;border:0 !important;border-radius:10px !important;font-size:17px !important;font-weight:800 !important;box-shadow:none !important;transition:background .15s;}
.bma-modal .bma-form #fluentform_12 .ff-btn-submit:hover {background:#e8962a !important;}
.bma-modal .bma-form #fluentform_12 .ff-el-is-error .ff-el-form-control {border-color:#c73535;}
.bma-modal .bma-form #fluentform_12 .ff-el-input--content {max-width:100%;}
@media(max-width:600px){
 .bma-modal .bma-dialog {padding:22px 18px 25px;border-radius:15px;max-height:94dvh;}
 .bma-modal .bma-dialog-heading {padding:0 28px 18px 0;margin-bottom:18px;}
 .bma-modal .bma-close {top:14px;inset-inline-end:12px;}
 .bma-modal .bma-form #fluentform_12 .ff-el-group:has([name="requested_value[]"]) .ff-el-form-check,
 .bma-modal .bma-form #fluentform_12 .ff-el-group:has([name="areas_of_interest[]"]) .ff-el-form-check,
 .bma-modal .bma-form #fluentform_12 .ff-el-group:has([name="market_changes[]"]) .ff-el-form-check {display:flex;margin-left:0;width:100%;border-radius:10px;}
}

/* v1.2: Keep the visible rounded dialog shell separate from scrolling content.
   Scroll stays inside form; the modal border-radius is never clipped by a scrollbar. */
.bma-modal .bma-dialog {
  display:flex;
  flex-direction:column;
  overflow:hidden;
  max-height:min(91dvh,950px);
  min-height:0;
}
.bma-modal .bma-dialog-heading { flex:0 0 auto; }
.bma-modal .bma-form {
  flex:1 1 auto;
  min-height:0;
  overflow-x:hidden;
  overflow-y:auto;
  overscroll-behavior:contain;
  padding-inline:3px 9px;
  scrollbar-width:thin;
  scrollbar-color:#c6d2dc transparent;
}
.bma-modal .bma-form::-webkit-scrollbar {width:7px;}
.bma-modal .bma-form::-webkit-scrollbar-thumb {background:#c6d2dc;border-radius:20px;}
.bma-modal .bma-form::-webkit-scrollbar-track {background:transparent;}
@media(max-width:600px){
  .bma-modal .bma-dialog {max-height:94dvh;}
  .bma-modal .bma-form {padding-inline:2px 5px;}
}
