/* =========================================================================
   BERK HALI — iletisim.css
   Form HTML'i çekirdekten gelir; seçiciler sınıfa değil etikete yazıldı.
   ========================================================================= */

.bh-iletisim-kartlar { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 16px; margin-bottom: 40px; }
.bh-iletisim-kart {
   display: flex; flex-direction: column; gap: 4px; padding: 22px 20px;
   border: 1px solid var(--bh-cizgi); border-radius: var(--bh-yaricap); background: #fff; transition: box-shadow .2s;
}
a.bh-iletisim-kart:hover { box-shadow: var(--bh-golge); }
.bh-iletisim-kart .bh-ikon { width: 26px; height: 26px; margin-bottom: 8px; color: var(--bh-lacivert); }
.bh-iletisim-kart small { font-size: 11.5px; color: var(--bh-soluk); text-transform: uppercase; letter-spacing: .04em; }
.bh-iletisim-kart b { font-family: var(--bh-baslikFont); font-weight: 600; font-size: 15px; color: var(--bh-lacivert); overflow-wrap: anywhere; }

.bh-iletisim-duzen { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr); border: 1px solid var(--bh-cizgi); border-radius: var(--bh-yaricap); overflow: hidden; }
.bh-iletisim-bilgi {
   display: flex; flex-direction: column; align-items: flex-start; gap: 18px; padding: 40px 36px;
   background-color: var(--bh-petrol);
   background-image: radial-gradient(circle at 1px 1px, rgba(255, 255, 255, .07) 1px, transparent 0);
   background-size: 14px 14px; color: rgba(255, 255, 255, .82);
}
.bh-iletisim-bilgi h2 { color: #fff; font-size: 24px; font-weight: 800; text-transform: uppercase; }
.bh-iletisim-bilgi .bh-metin { color: rgba(255, 255, 255, .82); font-size: 14px; }
.bh-iletisim-bilgi .bh-dugme { margin-top: auto; }

/* Form */
.bh-form { padding: 36px; background: #fff; }
.bh-form h2 { font-size: 18px; font-weight: 700; margin-bottom: 20px; }
.bh-form form { display: grid; gap: 14px; }
.bh-form .form-row { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 14px; }
.bh-form .form-group { margin: 0; }
.bh-form .row { display: flex; flex-wrap: wrap; margin: 0 -7px; }
.bh-form [class*="col-"] { padding: 0 7px; margin-bottom: 14px; flex: 1 1 240px; max-width: 100%; }
.bh-form label { display: block; margin-bottom: 6px; font-size: 12.5px; font-weight: 500; color: var(--bh-lacivert); }
.bh-form input[type="text"],
.bh-form input[type="email"],
.bh-form input[type="tel"],
.bh-form input[type="number"],
.bh-form select,
.bh-form textarea {
   width: 100%; min-height: 46px; padding: 11px 14px; border: 1px solid #dcdfe3; border-radius: 6px;
   background: #fafbfc; font: inherit; font-size: 14px; color: var(--bh-lacivert); transition: border-color .2s, background .2s;
}
.bh-form textarea { min-height: 130px; resize: vertical; }
.bh-form input:focus, .bh-form select:focus, .bh-form textarea:focus { outline: none; border-color: var(--bh-lacivert); background: #fff; }
.bh-form button,
.bh-form input[type="submit"],
.bh-form .btn {
   display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 0 34px;
   border: 0; border-radius: 99px; background: var(--bh-koyu); color: #fff; cursor: pointer;
   font-family: var(--bh-baslikFont); font-weight: 700; font-size: 12.5px; text-transform: uppercase; letter-spacing: .03em;
}
.bh-form button:hover, .bh-form input[type="submit"]:hover, .bh-form .btn:hover { background: var(--bh-lacivert); }
.bh-form input[type="checkbox"] { width: 16px; height: 16px; margin-right: 6px; vertical-align: -3px; accent-color: var(--bh-lacivert); }
.bh-form img { display: inline-block; vertical-align: middle; border-radius: 4px; }
.bh-form .alert, .bh-form .hata, .bh-form .basarili { padding: 12px 16px; border-radius: 6px; font-size: 13.5px; margin-bottom: 14px; }
.bh-form .alert-danger, .bh-form .hata { background: #fdecea; color: #a4281b; }
.bh-form .alert-success, .bh-form .basarili { background: #e8f6ee; color: #146c3a; }

.bh-harita { line-height: 0; }
.bh-harita iframe { display: block; width: 100% !important; height: 420px !important; border: 0; filter: grayscale(.4); }

@media (max-width: 991px) {
   .bh-iletisim-duzen { grid-template-columns: 1fr; }
   .bh-iletisim-bilgi, .bh-form { padding: 28px 22px; }
}
@media (max-width: 599px) {
   .bh-harita iframe { height: 300px !important; }
}