/* Buludtelecom - styling for the online connection-request form pages.
   The original mirror never captured this file; this is a clean rebuild
   matching the Buludtelecom palette (purple #4a154b / orange #f18b1d). */

:root{ --bt-purple:#4a154b; --bt-purple-d:#3a103b; --bt-orange:#f18b1d; }

body{ font-family:Arial,Helvetica,sans-serif; background:#f4f4f7; color:#333; margin:0; }
a{ color:var(--bt-purple); }

.main{ max-width:760px; margin:0 auto; padding:24px 16px 60px; }
.header h1{
  font-size:20px; line-height:1.35; color:var(--bt-purple);
  border-bottom:3px solid var(--bt-orange); padding-bottom:14px; margin:8px 0 26px;
}
.header h1 .fa{ margin-right:8px; color:var(--bt-orange); }

/* --- shared form look --- */
#login-form{ background:#fff; border:1px solid #e3e3e8; border-radius:6px; padding:24px; }
.form-group{ margin-bottom:14px; }
.form-control{
  width:100%; box-sizing:border-box; padding:10px 12px; font-size:14px;
  border:1px solid #ccc; border-radius:4px; background:#fff;
}
.form-control:focus{ outline:none; border-color:var(--bt-purple); box-shadow:0 0 0 2px rgba(74,21,75,.12); }
select.form-control{ height:40px; }
textarea.form-control{ min-height:90px; resize:vertical; }

.help-block-error{ color:#c0392b; font-size:12px; margin:4px 0 0; min-height:1em; }
.field-required label:after, .required > label:after{ content:" *"; color:var(--bt-orange); }

.sekilUp{ display:block; margin:6px 0 14px; }
.sekilUp span{ display:block; font-size:12px; color:#777; margin-top:4px; }

/* captcha row */
#login-form img[src*="captcha"]{ vertical-align:middle; border:1px solid #ddd; border-radius:4px; }
.refresh-icon{ margin-left:8px; color:var(--bt-purple); cursor:pointer; }

/* submit */
.submit, button[type=submit], .register{
  display:inline-block; background:var(--bt-purple); color:#fff; border:0;
  padding:11px 26px; font-size:15px; border-radius:4px; cursor:pointer; margin-top:6px;
}
.submit:hover, button[type=submit]:hover, .register:hover{ background:var(--bt-purple-d); }
.register.disabled{ opacity:.5; pointer-events:none; }

/* --- the minimal "are you a subscriber / enter phone" cards --- */
#subscriber, #sub-yes, #sub-no{ max-width:420px; margin:40px auto; }
.login{ background:#fff; border:1px solid #e3e3e8; border-radius:6px; padding:26px; text-align:center; }
.login .legend, legend.legend{
  display:block; width:100%; font-size:15px; line-height:1.4; color:var(--bt-purple);
  font-weight:bold; border:0; margin-bottom:18px;
}
.login .input{ margin:14px 0; }
.login .input input.form-control{ text-align:center; }
.login .button{
  display:inline-block; margin:6px; padding:10px 22px; border-radius:4px;
  background:var(--bt-purple); color:#fff; text-decoration:none; font-size:14px;
}
.login .button.no, .login .button.right{ background:#888; }
.login .button:hover{ opacity:.9; }
.login .back{ display:inline-block; margin-top:14px; color:#888; }
.login .submit{ width:auto; }

.success{ background:#e7f6ec; color:#1c6b3c; border:1px solid #b6e0c4;
  padding:12px 16px; border-radius:4px; margin:14px 0; }

@media(max-width:560px){ .header h1{ font-size:17px; } #login-form{ padding:16px; } }

/* ===== Order form pages (optic / hosting / hosting-corp): body.reg-form ===== */
.reg-form .main{ max-width:1080px; padding-top:20px; }
.reg-form .header{ display:flex; align-items:center; gap:18px; flex-wrap:wrap;
  border-bottom:3px solid var(--bt-orange); padding-bottom:14px; margin-bottom:22px; }
.reg-form .header h1{ border:0; padding:0; margin:0; flex:1 1 300px; }
.reg-form .reg-home img{ display:block; height:46px; width:auto; }
.reg-form .reg-back{ font-size:14px; text-decoration:none; white-space:nowrap; }
.reg-form .reg-back .fa{ margin-right:6px; }

/* one white card holding both columns */
.reg-form .main > .row{ margin:0; }
.reg-form .main > .row > .col-md-1{ display:none; }
.reg-form .center, .reg-form .right{
  background:#fff; border:1px solid #e3e3e8; padding:24px; }
.reg-form #login-form{ background:none; border:0; padding:0; border-radius:0; }
@media(min-width:992px){
  .reg-form .main > .row{ display:flex; flex-wrap:wrap; align-items:stretch; }
  .reg-form .main > .row > .header{ flex:0 0 100%; width:100%; }
  .reg-form .main > .row::before, .reg-form .main > .row::after{ display:none; }   /* bootstrap clearfix pseudo-elements would become flex items */
  .reg-form .center, .reg-form .right{ width:50%; float:none; }
  .reg-form .center{ border-radius:8px 0 0 8px; border-right:0; }
  .reg-form .right{ border-radius:0 8px 8px 0; border-left:1px solid #eee; }
}
@media(max-width:991px){
  .reg-form .main > .row > .header{ width:100%; }
  .reg-form .center{ border-radius:8px 8px 0 0; border-bottom:0; }
  .reg-form .right{ border-radius:0 0 8px 8px; border-top:1px solid #eee; }
}

/* file upload */
.reg-form .sekilUp{ border:1px dashed #c9b6cc; border-radius:6px; padding:12px; background:#fbf9fc; cursor:pointer; }
.reg-form .sekilUp .form-group{ margin-bottom:6px; }

/* contract: compact scrollable box instead of a page-long text */
.reg-form .sozlesme-title{ margin:4px 0 6px; font-weight:bold; color:var(--bt-purple); font-size:14px; }
.reg-form .sozlesme-title .fa{ margin-right:6px; }
.reg-form .sozlesme{
  max-height:280px; overflow-y:auto; padding:14px 16px; margin:0 0 14px;
  background:#faf8fb; border:1px solid #e3dbe6; border-radius:6px;
  font-size:13px; line-height:1.55; color:#444; }
.reg-form .sozlesme b{ color:#222; }
.reg-form .sozlesme::-webkit-scrollbar{ width:8px; }
.reg-form .sozlesme::-webkit-scrollbar-thumb{ background:#cbb7ce; border-radius:4px; }

/* accept checkbox */
.reg-form .checkbox{ margin:0 0 16px; }
.reg-form .checkbox label{ display:flex; align-items:flex-start; gap:10px; padding:0; cursor:pointer; font-weight:bold; font-size:14px; line-height:1.4; }
.reg-form .checkbox input[type=checkbox]{ position:static; margin:1px 0 0; width:18px; height:18px; flex:0 0 18px; accent-color:var(--bt-purple); }
.reg-form .checkbox .check{ display:none; }

/* captcha + submit */
.reg-form .input{ margin-bottom:10px; }
.reg-form .input input{ width:100%; box-sizing:border-box; padding:10px 12px; border:1px solid #ccc; border-radius:4px; font-size:14px; }
.reg-form button.register{ width:100%; padding:13px 20px; font-size:16px; font-weight:bold; border-radius:6px; }
.reg-form button.register .fa{ margin-right:6px; }
.reg-form button.register.disabled{ opacity:.45; }