/* Bioekran CTA Form v1.0.1
 * Design copied 1:1 from the original Bioekran Bootstrap 3 prototype.
 * Author: rtsasuk
 * https://t.me/rtsasuk
 */

.bioekran-cta-module {
  --bio-cta-navy:#082a55;
  --bio-cta-navy-2:#0b3f76;
  --bio-cta-blue:#087fc5;
  --bio-cta-yellow:#ffc515;

  padding:64px 0;
  margin:0;
  background:#fff;
  font-family:Inter,Segoe UI,Arial,sans-serif;
  line-height:1.55;
  box-sizing:border-box;
}

.bioekran-cta-module *,
.bioekran-cta-module *:before,
.bioekran-cta-module *:after {
  box-sizing:border-box;
}

/* Exact prototype container:
   .container { max-width:1470px; padding-left/right:24px } */
.bioekran-cta-module .bioekran-cta-container {
  width:auto;
  max-width:1470px;
  margin:0 auto;
  padding-left:24px;
  padding-right:24px;
}

/* Original .cta-wrap */
.bioekran-cta-module .cta-wrap {
  position:relative;
  overflow:hidden;
  padding:54px 58px;
  border-radius:34px;
  background:linear-gradient(120deg,#072a55 0%,#075d96 68%,#087fc5 100%);
}

.bioekran-cta-module .cta-wrap:before {
  content:"";
  position:absolute;
  width:330px;
  height:330px;
  right:-80px;
  top:-120px;
  border:60px solid rgba(255,255,255,.07);
  border-radius:50%;
}

/* Bootstrap 3 adapter from the original prototype.
   No extra 27px padding — only standard Bootstrap gutters. */
.bioekran-cta-module .bioekran-cta-grid {
  position:relative;
  z-index:2;
  display:flex !important;
  flex-wrap:wrap;
  align-items:center;
  gap:0 !important;
  margin-left:-15px;
  margin-right:-15px;
}

.bioekran-cta-module .bioekran-cta-copy,
.bioekran-cta-module .bioekran-cta-form-col {
  /* Bootstrap col-* already provides 15px horizontal padding */
  position:relative;
}

/* Original eyebrow */
.bioekran-cta-module .eyebrow {
  display:inline-flex;
  align-items:center;
  gap:9px;
  margin-bottom:15px;
  color:#8bd8fa;
  font-size:13px;
  line-height:1.55;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.bioekran-cta-module .eyebrow:before {
  content:"";
  width:28px;
  height:3px;
  border-radius:3px;
  background:var(--bio-cta-yellow);
  flex:0 0 auto;
}

.bioekran-cta-module h2 {
  margin:0;
  color:#fff;
  font-family:Inter,Segoe UI,Arial,sans-serif;
  font-size:clamp(32px,3.3vw,50px);
  line-height:1.12;
  font-weight:700;
  letter-spacing:-.03em;
}

.bioekran-cta-module .bioekran-cta-copy > p {
  margin:17px 0 0;
  color:#fff;
  opacity:.78;
  font-size:14px;
  line-height:1.55;
}

/* Exact original .quick-form layout,
   but using .bioekran-cta-form so old common.js cannot intercept it. */
.bioekran-cta-module .bioekran-cta-form {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  margin:0;
}

.bioekran-cta-module .bioekran-cta-field {
  min-width:0;
}

.bioekran-cta-module .bioekran-cta-field-full,
.bioekran-cta-module .bioekran-cta-submit,
.bioekran-cta-module .form-note,
.bioekran-cta-module .bioekran-cta-result {
  grid-column:1 / -1;
}

.bioekran-cta-module .bioekran-cta-form input.form-control,
.bioekran-cta-module .bioekran-cta-form textarea.form-control {
  display:block;
  width:100%;
  height:auto;
  min-height:52px;
  margin:0;
  padding:12px 15px;
  border:1px solid rgba(255,255,255,.22);
  border-radius:13px;
  outline:none;
  background:rgba(255,255,255,.10);
  box-shadow:none;
  color:#fff;
  font-family:inherit;
  font-size:14px;
  line-height:1.42857143;
}

.bioekran-cta-module .bioekran-cta-form input.form-control::placeholder,
.bioekran-cta-module .bioekran-cta-form textarea.form-control::placeholder {
  color:rgba(255,255,255,.68);
  opacity:1;
}

.bioekran-cta-module .bioekran-cta-form textarea.form-control {
  width:100%;
  height:120px;
  min-height:120px;
  resize:vertical;
}

.bioekran-cta-module .bioekran-cta-form input.form-control:focus,
.bioekran-cta-module .bioekran-cta-form textarea.form-control:focus {
  border-color:rgba(255,255,255,.42);
  box-shadow:none;
}

/* Validation is additional functionality but visually unobtrusive */
.bioekran-cta-module .bioekran-cta-field.has-error .form-control {
  border-color:#ff9a9a !important;
}

.bioekran-cta-module .bioekran-cta-field-error {
  display:none;
  margin:4px 3px 0;
  color:#ffd6d6;
  font-size:11px;
  line-height:1.35;
}

.bioekran-cta-module .bioekran-cta-field.has-error .bioekran-cta-field-error {
  display:block;
}

/* Original .btn + .btn-yellow */
.bioekran-cta-module .btn.btn-yellow,
.bioekran-cta-module .bioekran-cta-submit {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  width:100%;
  min-height:54px;
  margin:0;
  padding:0 24px;
  border:1px solid transparent;
  border-radius:14px;
  background:var(--bio-cta-yellow);
  box-shadow:0 14px 30px rgba(255,197,21,.26);
  color:#102842;
  font-family:inherit;
  font-size:14px;
  line-height:1.42857143;
  font-weight:800;
  text-decoration:none;
  cursor:pointer;
  transition:.25s ease;
}

.bioekran-cta-module .btn.btn-yellow:hover,
.bioekran-cta-module .btn.btn-yellow:focus {
  transform:translateY(-2px);
  color:#102842;
  text-decoration:none;
}

.bioekran-cta-module .bioekran-cta-submit[disabled] {
  opacity:.65;
  transform:none;
  cursor:wait;
}

/* Original .form-note */
.bioekran-cta-module .form-note {
  display:block;
  margin:0;
  color:rgba(255,255,255,.60);
  font-size:12px;
  line-height:1.55;
  text-align:center;
}

.bioekran-cta-module .bioekran-cta-result {
  display:none;
  margin:0;
  padding:10px 12px;
  border-radius:10px;
  font-size:12px;
  line-height:1.4;
  text-align:center;
}

.bioekran-cta-module .bioekran-cta-result.success {
  display:block;
  background:rgba(83,207,145,.14);
  color:#e4fff1;
}

.bioekran-cta-module .bioekran-cta-result.error {
  display:block;
  background:rgba(255,91,91,.14);
  color:#ffe1e1;
}

.bioekran-cta-module .bioekran-cta-honeypot {
  position:absolute !important;
  left:-10000px !important;
  width:1px !important;
  height:1px !important;
  overflow:hidden !important;
}

/* Original Bootstrap breakpoint behavior */
@media (max-width:991px) {
  .bioekran-cta-module .bioekran-cta-copy {
    margin-bottom:36px;
  }
}

@media (max-width:767px) {
  .bioekran-cta-module .bioekran-cta-container {
    padding-left:14px;
    padding-right:14px;
  }
}

@media (max-width:680px) {
  .bioekran-cta-module {
    padding:48px 0;
  }

  .bioekran-cta-module .cta-wrap {
    padding:38px 22px;
    border-radius:24px;
  }

  .bioekran-cta-module .bioekran-cta-form {
    grid-template-columns:1fr;
  }

  .bioekran-cta-module .bioekran-cta-field-full,
  .bioekran-cta-module .bioekran-cta-submit,
  .bioekran-cta-module .form-note,
  .bioekran-cta-module .bioekran-cta-result {
    grid-column:auto;
  }
}