/* =====================================================================
   RestoUp STANDART FORM BILESENI  (tek kaynak)
   Referans: landing hero formu (www.restoup.net/index.html hero karti).
   Degerler 2026-09-11'de canli sayfadan getComputedStyle ile olculdu:
   kart 22px radius / 28-30-23px padding / rgba(255,253,251,.96)
   alan 44px yukseklik / 12px radius / 1px #b9c6d3 / bg rgba(255,255,255,.82)
   odak halkasi 0 0 0 3px rgba(255,107,0,.12)
   CTA 999px pill / #ff5a1f / 50px / 0 12px 24px rgba(255,90,31,.24)

   KURAL: Tum basvuru formlari (index.html modal, panel-acilis-destegi.html,
   restoran-platform-buyutme.html) BU dosyadan beslenir. Sayfaya ozel form/input
   stili YAZILMAZ. style.css'te bu alanlari hedefleyen !important kurallari var;
   bu yuzden asagida gerekli yerlerde !important kullanilir (ID secici sayesinde
   esitlikte biz kazaniriz, dosya style.css'ten SONRA yuklenir).
   Degisiklikte ?v= cache-bust'ini artir.
   ===================================================================== */

:root{
  --ru-card-bg:rgba(255,253,251,.96);
  --ru-card-border:rgba(255,255,255,.76);
  --ru-card-radius:22px;
  --ru-card-pad:28px 30px 23px;
  --ru-card-shadow:0 24px 60px rgba(15,23,42,.22),inset 0 1px 0 #fff;
  --ru-field-bg:rgba(255,255,255,.82);
  --ru-field-border:#b9c6d3;
  --ru-field-radius:12px;
  --ru-field-h:44px;
  --ru-field-text:#142b49;
  --ru-field-placeholder:#7d8fa4;
  --ru-field-icon:#6d8198;
  --ru-field-gap:8px;
  --ru-title:#10233f;
  --ru-title-accent:#f04425;
  --ru-label:#61748b;
  --ru-muted:#61748b;
  --ru-accent:#ff6b00;
  --ru-cta-bg:#ff5a1f;
  --ru-cta-shadow:0 12px 24px rgba(255,90,31,.24);
  --ru-focus-ring:0 0 0 3px rgba(255,107,0,.12);
}

/* ---------- Kart kabugu (modal + ads shell) ---------- */
.ads-inline-form-shell,
#modal-overlay .modal{
  background:var(--ru-card-bg)!important;
  border:1px solid var(--ru-card-border)!important;
  border-radius:var(--ru-card-radius)!important;
  padding:var(--ru-card-pad)!important;
  box-shadow:var(--ru-card-shadow)!important;
}
.ads-inline-form-shell{scroll-margin-top:96px}
.ads-inline-form-shell h2,
#modal-overlay .modal h2{
  margin:0 0 10px!important;
  color:var(--ru-title)!important;
  font-size:2.2rem!important;
  font-weight:700!important;
  line-height:1.02!important;
  letter-spacing:-.055em!important;
}
.ads-inline-form-shell .modal-sub,
#modal-overlay .modal-sub{
  margin:0 0 18px!important;
  color:var(--ru-muted)!important;
  font-size:.88rem!important;
  font-weight:400!important;
  line-height:1.5!important;
  letter-spacing:0!important;
}

/* ---------- Alanlar ---------- */
#analysis-form .form-group{margin-bottom:var(--ru-field-gap)!important}
#analysis-form .ads-honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
#analysis-form .form-group label{
  display:block!important;
  margin:0 0 6px!important;
  color:var(--ru-label)!important;
  font-size:.72rem!important;
  font-weight:600!important;
  letter-spacing:.2px!important;
}
#analysis-form .form-group input,
#analysis-form .form-group select,
#analysis-form .form-group textarea{
  width:100%!important;
  min-height:var(--ru-field-h)!important;
  padding:0 14px!important;
  border:1px solid var(--ru-field-border)!important;
  border-radius:var(--ru-field-radius)!important;
  background-color:var(--ru-field-bg)!important;
  background-repeat:no-repeat!important;
  background-position:14px center!important;
  background-size:20px 20px!important;
  color:var(--ru-field-text)!important;
  font-family:inherit!important;
  font-size:.9rem!important;
  font-weight:400!important;
  box-shadow:none!important;
  transition:border-color .2s,box-shadow .2s;
}
#analysis-form .form-group textarea{min-height:92px!important;padding:12px 14px!important}
#analysis-form .form-optional-details .form-optional-fields textarea{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  min-height:92px!important;
  box-sizing:border-box!important;
  padding:12px 14px!important;
  border:1px solid var(--ru-field-border)!important;
  border-radius:var(--ru-field-radius)!important;
  background:var(--ru-field-bg)!important;
  color:var(--ru-field-text)!important;
  font:400 .9rem/1.5 inherit!important;
  resize:vertical;
}
#analysis-form .form-group input::placeholder,
#analysis-form .form-group textarea::placeholder{color:var(--ru-field-placeholder)!important;font-weight:400!important;opacity:1}
#analysis-form .form-group input:focus,
#analysis-form .form-group select:focus,
#analysis-form .form-group textarea:focus{
  border-color:var(--ru-accent)!important;
  background-color:var(--ru-field-bg)!important;
  outline:none!important;
  box-shadow:var(--ru-focus-ring)!important;
}
#analysis-form .form-group select{padding-right:34px!important}
#analysis-form .form-field-invalid,
#analysis-form .form-group.form-field-invalid input,
#analysis-form .form-group.form-field-invalid select,
#analysis-form .form-group.form-field-invalid textarea{
  border-color:#dc2626!important;
  box-shadow:0 0 0 3px rgba(220,38,38,.16)!important;
}

/* Alan ikonlari (landing kartindaki ile ayni) — id bazli, markup degismez */
#analysis-form #form-name,
#analysis-form #form-surname{
  padding-left:44px!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236d8198' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='3.5'/%3E%3Cpath d='M5 20c.5-3.5 2.8-5.5 7-5.5s6.5 2 7 5.5'/%3E%3C/svg%3E")!important;
}
#analysis-form #form-phone{
  padding-left:44px!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236d8198' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.5 4.5h3l1.5 4-2 1.5a14 14 0 0 0 5 5l1.5-2 4 1.5v3c0 1-1 1.5-2 1.5C10 19 5 14 5 6.5c0-1 .5-2 1.5-2Z'/%3E%3C/svg%3E")!important;
}
#analysis-form #form-business-name{
  padding-left:44px!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236d8198' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20V7l8-3 8 3v13H4Z'/%3E%3Cpath d='M8 20v-5h8v5M8 9h.01M12 9h.01M16 9h.01'/%3E%3C/svg%3E")!important;
}
#analysis-form #form-city{
  padding-left:44px!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236d8198' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s7-6.3 7-11a7 7 0 1 0-14 0c0 4.7 7 11 7 11Z'/%3E%3Ccircle cx='12' cy='10' r='2.5'/%3E%3C/svg%3E")!important;
}
#analysis-form #form-email{
  padding-left:44px!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236d8198' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='m3 7 9 6 9-6'/%3E%3C/svg%3E")!important;
}

/* ---------- KVKK / onay satiri ---------- */
#analysis-form .form-group label.consent-check,
#analysis-form .consent-check{
  display:flex!important;
  align-items:flex-start!important;
  gap:10px!important;
  margin:2px 0 10px!important;
  color:var(--ru-muted)!important;
  font-size:.72rem!important;
  font-weight:500!important;
  line-height:1.45!important;
  letter-spacing:0!important;
  cursor:pointer;
}
#analysis-form .consent-check input[type="checkbox"]{
  width:18px!important;
  height:18px!important;
  min-width:18px!important;
  flex:0 0 18px!important;
  margin:2px 0 0!important;
  padding:0!important;
  border:0!important;
  background:none!important;
  box-shadow:none!important;
  accent-color:var(--ru-accent);
}
#analysis-form .consent-check a{color:var(--ru-title-accent)!important;font-weight:700!important;text-decoration:none}
#analysis-form .consent-check a:hover{text-decoration:underline}
#analysis-form .form-consent-group.form-field-invalid .consent-check{
  border:1px solid #dc2626!important;
  border-radius:var(--ru-field-radius)!important;
  padding:10px!important;
  color:#b91c1c!important;
}

/* ---------- Platform secenekleri ---------- */
#analysis-form .form-platform-options{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
#analysis-form .form-platform-options label{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  min-height:46px!important;
  padding:9px 12px!important;
  border:1px solid var(--ru-field-border)!important;
  border-radius:var(--ru-field-radius)!important;
  background:var(--ru-field-bg)!important;
  color:var(--ru-muted)!important;
  font-size:.78rem!important;
  font-weight:600!important;
  line-height:1.25!important;
  cursor:pointer;
}
#analysis-form .form-platform-options label:has(input:checked){
  border-color:var(--ru-accent)!important;
  box-shadow:var(--ru-focus-ring)!important;
  color:var(--ru-field-text)!important;
}
#analysis-form .form-platform-options input{
  width:18px!important;
  height:18px!important;
  min-width:18px!important;
  padding:0!important;
  accent-color:var(--ru-accent);
}

/* ---------- Butonlar ---------- */
#analysis-form .btn-primary,
#analysis-form .form-actions .btn-primary,
#analysis-form .form-step > .btn-primary,
#modal-overlay .modal .btn-primary{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  width:100%!important;
  min-height:50px!important;
  margin:4px 0 0!important;
  padding:14px 32px!important;
  border:0!important;
  border-radius:999px!important;
  background:var(--ru-cta-bg)!important;
  color:#fff!important;
  font-family:inherit!important;
  font-size:1rem!important;
  font-weight:700!important;
  letter-spacing:0!important;
  text-align:center!important;
  cursor:pointer!important;
  box-shadow:var(--ru-cta-shadow)!important;
  transition:transform .2s,box-shadow .2s;
}
#analysis-form .btn-primary:hover,
#modal-overlay .modal .btn-primary:hover{
  background:var(--ru-cta-bg)!important;
  transform:translateY(-1px);
  box-shadow:0 16px 30px rgba(255,90,31,.3)!important;
}
#analysis-form .btn-ghost,
#analysis-form .form-actions .btn-ghost{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:50px!important;
  margin:0!important;
  padding:14px 24px!important;
  border:1px solid var(--ru-field-border)!important;
  border-radius:999px!important;
  background:transparent!important;
  color:var(--ru-muted)!important;
  font-family:inherit!important;
  font-size:1rem!important;
  font-weight:600!important;
  cursor:pointer!important;
  box-shadow:none!important;
  transition:background .2s,color .2s;
}
#analysis-form .btn-ghost:hover,
#analysis-form .form-actions .btn-ghost:hover{
  background:rgba(20,43,73,.04)!important;
  color:var(--ru-field-text)!important;
  border-color:var(--ru-field-border)!important;
  transform:none!important;
}
#analysis-form .form-actions{
  display:flex!important;
  gap:10px!important;
  margin-top:16px!important;
  grid-template-columns:none!important;
}
#analysis-form .form-actions .btn-primary{flex:2;margin-top:0!important}
#analysis-form .form-actions .btn-ghost{flex:1}

/* ---------- Adim gostergesi (cok adimli formlar) ---------- */
.ads-inline-form-shell .progress-step{
  background:rgba(20,43,73,.08)!important;
  border:0!important;
  height:6px!important;
  border-radius:100px!important;
  font-size:0!important;
}
.ads-inline-form-shell .progress-step.active{background:linear-gradient(135deg,var(--ru-accent),#ff8a3d)!important;box-shadow:0 2px 8px rgba(255,107,0,.25)!important}
.ads-inline-form-shell .progress-step.completed{background:#22c55e!important}
.ads-inline-form-shell .modal-progress{gap:6px!important;margin-bottom:22px!important}

/* ---------- Form ici metin/uyari ---------- */
#analysis-form .landing-form-error{
  margin:0 0 12px!important;
  padding:10px 12px!important;
  border:1px solid #dc2626!important;
  border-radius:var(--ru-field-radius)!important;
  background:rgba(220,38,38,.06)!important;
  color:#b91c1c!important;
  font-size:.78rem!important;
  line-height:1.4!important;
}
#analysis-form .form-divider-label{color:var(--ru-label)!important;font-size:.72rem!important;font-weight:700!important;letter-spacing:.2px!important;margin-bottom:10px!important}
#analysis-form .form-row{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important}
#analysis-form .form-step h3{color:var(--ru-title)!important;font-size:1.1rem!important;font-weight:700!important;margin:0 0 8px!important}
#analysis-form .form-step p{color:var(--ru-muted)!important;font-size:.82rem!important;line-height:1.5!important}

/* Public service pages: use the same single-step flow as the landing card. */
.ads-main-style .ads-inline-form-shell .hero-option2-form-kicker{
  margin:0 0 10px!important;
  color:var(--ru-accent)!important;
  font-size:.75rem!important;
  font-weight:900!important;
  letter-spacing:.2em!important;
  line-height:1.3!important;
  text-align:left!important;
}
.ads-main-style .ads-inline-form-shell .form-logo{display:none!important}
.ads-main-style .ads-inline-form-shell #analysis-form .form-row{
  grid-template-columns:1fr!important;
  gap:0!important;
}
.ads-main-style .ads-inline-form-shell #analysis-form #step-1 .form-group>label:not(.consent-check){
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}
.ads-main-style .ads-inline-form-shell #analysis-form #step-1 .form-group{margin-bottom:8px!important}

@media (max-width:640px){
  .ads-inline-form-shell,
  #modal-overlay .modal{padding:22px 18px 20px!important}
  .ads-inline-form-shell h2,
  #modal-overlay .modal h2{font-size:1.85rem!important}
  #analysis-form .form-row{grid-template-columns:1fr!important;gap:8px!important}
  #analysis-form .form-platform-options{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}
  #analysis-form .form-platform-options label{min-height:44px!important;padding:8px 10px!important;font-size:.72rem!important}
  #analysis-form .form-actions{display:grid!important;grid-template-columns:1fr 1.55fr!important;gap:8px!important}
}