/**
 * erkmekanik.com — siteye ozel ek stiller
 *
 * Devralinan styles.css / mediaquery.css SABLON dosyalaridir ve
 * DOKUNULMADI (tasarim birebir korunsun diye). Burada yalnizca eski
 * tasarimda KARSILIGI OLMAYAN ogeler bicimlendirilir:
 *   - iletisim formunun sonuc kutusu, guvenlik kodu satiri, bal kupu alani
 *   - referans listesinde icerigi olmayan (tiklanamayan) satir
 *   - proje galerisinde proje adi basligi
 *   - alt bilgideki olu baglanti yerine gecen duz metin
 *   - uretici imzasi (common::sign) kutusu
 *   - iletisim haritasi iframe'i
 */

/* --- iletisim formu: sonuc kutusu -------------------------------------
   Kutu GONDER butonunun ALTINDA duruyor (formun ustunde degil): ziyaretci
   butona bastiktan sonra mesaji aradigi yerde gorsun diye. Once ustteydi ve
   butondan 649 px yukarida beliriyordu -> "hic tepki yok" izlenimi.

   ⚠ float/clear SART: devralinan styles.css:6878
   `.contactForm .form-group { float: left; width: 100% }` ile butun form
   alanlari float'li. Duz bir blok olarak birakilirsa kutu float akisinin
   DISINDA kalir, DOM'da en altta olmasina ragmen formun TEPESINE cizilir ve
   433 px yuksekliginde yayilir (olculdu). Ayni desenle float'lanip
   clear:both veriliyor.                                                      */
.form-message {
    display: none;
    float: left;
    clear: both;
    width: 100%;
    margin: 15px 0 0;
    padding: 10px 14px;
    font-size: 13px;
    line-height: 1.5;
    border-radius: 2px;
}
.form-message.ok {
    color: #1b5e20;
    background: rgba(232, 245, 233, .95);
    border: 1px solid #a5d6a7;
}
.form-message.error {
    color: #b71c1c;
    background: rgba(255, 235, 238, .95);
    border: 1px solid #ef9a9a;
}
.contactForm .form-group.has-error .form-control {
    border-color: #e53935;
}

/* --- iletisim formu: guvenlik kodu satiri ----------------------------- */
.captcha-row {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}
.captcha-row #captcha-image {
    display: block;
    height: 40px;
    width: 120px;
    background: #fff;
    border-radius: 2px;
}
.captcha-row #captcha-reload {
    color: #fff;
    font-size: 16px;
    line-height: 1;
    opacity: .8;
}
.captcha-row #captcha-reload:hover {
    opacity: 1;
}
.captcha-row #captcha {
    flex: 1 1 140px;
    min-width: 140px;
    width: auto;
}

/* --- bal kupu: gercek ziyaretci gormez, ekran okuyucu da okumaz -------- */
.hp-field {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    white-space: nowrap;
}

/* --- referans listesi: icerigi olmayan kayit --------------------------
   Eski sayfada bu satirlar da baglanti gorunumundeydi ama tiklayinca sag
   taraf BOS aciliyordu. Artik <a> degil <span>; bu yuzden ortak
   styles.css:4157 `list-items ul li a { color:#fff }` kurali uygulanmiyordu
   ve satirlar <li>'nin mavi renginde (#087cb3) kalip arka planda
   OKUNMUYORDU (ekran goruntusuyle yakalandi). Renk birebir tekrarlaniyor;
   tek fark imlecin el olmamasi.                                            */
.list-items ul li.plain > span {
    display: block;
    cursor: default;
    color: #fff;
}

/* --- proje galerisi: proje adi basligi -------------------------------- */
.gallery-group-title {
    clear: both;
    padding: 10px 15px 0;
}
.gallery-group-title h3 {
    margin: 20px 0 10px;
    font-size: 18px;
    font-weight: 300;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #fff;
}

/* --- alt bilgi: baglanti olmayan baslik satiri ------------------------
   Ikinci sutun (OTEL ve IS MERKEZLERI / HASTANE ... ) eski kaynakta dort
   OLU baglantiydi (href="#"). Metin korundu ama artik <a> degil <span>;
   bu yuzden ortak styles.css'teki `foot-list-left ul li a` (14px, beyaz)
   ve `a:before` (FontAwesome "\f101" madde isareti) kurallari uygulanmiyor
   ve sutun digerinden farkli gorunuyordu. Ikisi de birebir tekrarlaniyor.  */
.foot-list-left ul li .foot-plain {
    display: inline-block;
    cursor: default;
    font-size: 14px;
    color: #fff;
    margin: 0;
    padding: 0;
}
.foot-list-left ul li .foot-plain:before {
    content: "\f101";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    padding-right: 5px;
    color: #fff;
}

/* --- alt bilgi: telefon baglantisi ayni satirda kalsin ----------------
   Ortak styles.css'te `footer .top-foot a { display: block }` var
   (satir 1274). Eski alt bilgide o sutundaki TEK baglanti e-postaydi ve
   kendi <p>'sinde yalniz duruyordu, bu yuzden fark edilmiyordu. Telefon
   artik tel: baglantisi oldugu icin "T:" yazisindan sonra ALT SATIRA
   dusuyordu; satir ici yapiliyor. Olculdu: display=block, width=262.5px.  */
.foot-list-right p a[href^="tel:"] {
    display: inline;
}

/* --- alt bilgi: uretici imzasi (common::sign) ------------------------- */
/* Logo 60x25 px yayinlaniyor; genisligini BUYUTME (bulaniklasir).         */
.by-logo #ucxfooter img {
    width: 60px;
    height: auto;
}

/* --- iletisim haritasi ------------------------------------------------ */
.contactMap iframe {
    display: block;
    width: 100%;
    border: 0;
}

/* --- erisilebilirlik: klavyeyle gezinirken odak gorunsun -------------- */
a:focus-visible,
button:focus-visible,
.form-control:focus-visible,
[role="button"]:focus-visible {
    outline: 2px solid #0579b1;
    outline-offset: 2px;
}

/* --- iletisim: harita altindaki Google Haritalar baglantisi ----------- */
.contactMap .map-link {
    margin: 10px 0 0;
    text-align: center;
}
.contactMap .map-link a {
    font-size: 13px;
    color: #fff;
    opacity: .85;
}
.contactMap .map-link a:hover {
    opacity: 1;
    text-decoration: underline;
}

/* --- ic sayfa arka plani: USTTEKI BEYAZ BANT duzeltmesi ----------------
   Devralinan styles.css:1226 `#subpage-bg` kuralinda `background-size`
   TANIMSIZ (varsayilan `auto`). Gorsel dogal boyutunda ortalanip
   no-repeat ciziliyor; slayt kareleri 1480x800 oldugu icin 900 px'lik bir
   pencerede altta ve ustte ~50'ser piksel BOS kaliyor ve sayfa beyazi
   goruluyor -> ustte beyaz bant, beyaz logo da onun uzerinde kayboluyor.
   Ekran uzadikca bant buyuyor (1080 px'te ~140 px).
   Ayni dosyadaki `#main-bg` (ana sayfa) ve `.blur` kurallarinda
   `background-size: cover` ZATEN VAR; yalniz bu kuralda unutulmus.
   Olculdu: y=0..38 arasi tam beyaz (255,255,255), tum genislik boyunca.    */
#subpage-bg {
    background-size: cover;
}