/* /contacts/ formu — kaynak contacts.html <head> .cf-* stilleri (import sırasında düşmüştü). */
/* Not: `.cf-service-*` genel dropdown stilleri artık paylaşımlı `mtr-forms.css`'te (4 form sayfası). */

.cf-branch-toggle{display:flex;gap:8px;margin-top:16px}
.cf-branch-btn{padding:8px 18px;border-radius:100px;border:1px solid var(--color-border, #f3f4f6);background:var(--color-gray-50, #f9fafb);font-family:'Inter',sans-serif;font-size:13px;font-weight:600;color:var(--color-text-muted, #6b7280);cursor:pointer;transition:background-color .15s ease, color .15s ease, border-color .15s ease}
.cf-branch-btn:hover{border-color:var(--color-primary, #5b7a12)}
.cf-branch-btn.is-active{background:var(--color-primary, #5b7a12);border-color:var(--color-primary, #5b7a12);color:#fff}

/* Form içine enjekte edilen ZORUNLU şube seçici — "Hizmet seçin" açılır menüsüyle (.cf-service-*)
   birebir aynı tasarım, tam genişlik. "Ad Soyad"dan önce. */
.cf-form-branch{display:block;width:100%;margin:0 0 20px}
.cf-form-branch .cf-service-pick{width:100%}
.cf-form-branch .cf-service-toggle{width:100%}
.cf-form-branch-label{display:block;font-family:'Inter',sans-serif;font-size:13px;font-weight:600;color:var(--color-black,#000);margin:0 0 6px}
.cf-form-branch-label::after{content:' *';color:var(--color-primary, #5b7a12)}
.cf-form-branch .cf-service-toggle.cf-invalid{outline:2px solid var(--color-error, #a6021a);outline-offset:1px;background:#fff}
