/* ---- iletisim sayfasi: Elementor sutunlarini hizala ---- */
.fj-loc-cols .elementor-column.fj-loc-col > .elementor-widget-wrap{
  display:flex;flex-direction:column;height:100%}
/* adres blogu bosluğu yutar, boylece harita ve yol tarifi ayni hizada baslar */
.fj-loc-cols .fj-loc-col .elementor-widget-text-editor{flex:1 0 auto}
.fj-loc-cols .fj-loc-col .elementor-widget-google_maps{margin-top:auto}
/* harita ile yol tarifi butonu arasina bosluk */
.fj-loc-cols .fj-loc-col .elementor-widget-google_maps + .elementor-widget-button{margin-top:20px}
/* bina fotograflari esit yukseklikte */
.fj-loc-cols .fj-loc-photo img,
.fj-loc-cols .elementor-widget-image.fj-loc-photo img{
  display:block;width:100%;height:168px;object-fit:cover;object-position:center}
/* haritalar birebir ayni yukseklikte */
.fj-loc-cols .fj-loc-col .elementor-widget-google_maps .elementor-custom-embed,
.fj-loc-cols .fj-loc-col .elementor-widget-google_maps iframe{height:210px!important}
@media(max-width:1024px){
  .fj-loc-cols .fj-loc-photo img{height:150px}
}
@media(max-width:767px){
  .fj-loc-cols .elementor-column.fj-loc-col > .elementor-widget-wrap{height:auto}
  .fj-loc-cols .fj-loc-col .elementor-widget-text-editor{flex:0 0 auto}
  .fj-loc-cols .fj-loc-col .elementor-widget-google_maps{margin-top:0}
}

/* ---- [fj_locations] kisa kodu (ana sayfa) ---- */
.fj-loc{max-width:1400px;margin:0 auto;padding:0 20px;color:#222}
.fj-loc-h{margin:0 0 34px;font-size:32px;line-height:1.15;font-weight:700;color:#0d1933}
.fj-loc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:34px;align-items:stretch}
.fj-loc-card{display:flex;flex-direction:column;min-width:0}
.fj-loc-img{display:block;width:100%;height:190px;object-fit:cover;object-position:center;
  background:#eef0f4}
.fj-loc-name{margin:20px 0 12px!important;font-size:17px!important;line-height:1.3!important;
  font-weight:700!important;letter-spacing:1px!important;text-transform:uppercase!important;
  color:#191817!important}
.fj-loc-contact{margin:0 0 12px;font-size:15px;line-height:1.75}
.fj-loc-contact a{color:#191817;text-decoration:none;border-bottom:1px solid transparent}
.fj-loc-contact a:hover{border-bottom-color:currentColor}
.fj-loc-addr{margin:0 0 18px;font-size:15px;line-height:1.65;color:#555;flex:1 0 auto}
.fj-loc-map{margin:0 0 22px;line-height:0}
.fj-loc-map iframe{display:block;width:100%;height:210px;border:0}
.fj-loc-dir{margin-top:auto;align-self:flex-start;font-size:12px;letter-spacing:.09em;
  text-transform:uppercase;font-weight:700;color:#191817;text-decoration:none;
  border-bottom:1px solid currentColor;padding-bottom:3px}
.fj-loc-dir:hover{color:#2f4a8b}
@media(max-width:1024px){
  .fj-loc-grid{grid-template-columns:repeat(2,1fr);gap:26px}
  .fj-loc-h{font-size:26px}
}
@media(max-width:767px){
  .fj-loc-grid{grid-template-columns:1fr;gap:34px}
  .fj-loc-img{height:200px}
}


/* ---- footer adres bloğundaki bina fotograflari ---- */
.fj-ft-photo img{display:block;width:100%;height:148px;object-fit:cover;object-position:center;
  background:#1a1a1a}
.elementor-element-0683ca0 .elementor-column > .elementor-widget-wrap{
  display:flex;flex-direction:column;height:100%}
.elementor-element-0683ca0 .fj-office-addr{flex:1 0 auto}
@media(max-width:1024px){.fj-ft-photo img{height:130px}}
@media(max-width:767px){
  .fj-ft-photo img{height:170px}
  .elementor-element-0683ca0 .elementor-column > .elementor-widget-wrap{height:auto}
  .elementor-element-0683ca0 .fj-office-addr{flex:0 0 auto}
}

/* ---- WOMA "since 1962" bandindaki manometre gorseli ---- */
.fj-woma-gauge img{display:block;max-height:300px;width:auto;margin-left:auto}
@media(max-width:1024px){.fj-woma-gauge img{max-height:230px}}
@media(max-width:767px){.fj-woma-gauge img{max-height:260px;margin:0 auto}}

/* ---- esit yukseklikli kart satirlari: butonlar ayni hizada bitsin ---- */
/* klasik section/sutun yapisi: sutun zaten esit yukseklikte, sarmalayici esnetilir */
.fj-eqcards .elementor-column > .elementor-widget-wrap{
  display:flex;flex-direction:column;height:100%}
/* konteyner yapisinda kartlar align-items:stretch ile zaten esitlenir;
   height vermek stretch'i bozdugu icin sadece stretch'i garantiye aliyoruz */
.fj-eqcards.e-flex{align-items:stretch}
.fj-eqcards > .e-con{align-self:stretch}
/* buton en alta — Elementor'un widget margin'ini gecmek icin !important */
.fj-eqcards .elementor-widget-button{margin-top:auto!important}
@media(max-width:767px){
  .fj-eqcards .elementor-column > .elementor-widget-wrap{height:auto}
  .fj-eqcards .elementor-widget-button{margin-top:0!important}
}
