/* ==========================================================================
   BMA Ship Management - Ozel stiller
   Tema dosyalarina (style.css / plugins.css) DOKUNMAYIN. Tema guncellenirse
   oradaki degisiklikler kaybolur. Her sey bu dosyaya yazilir.
   ========================================================================== */


/* --------------------------------------------------------------------------
   0. Spam korumasi - honeypot alani

   Formlardaki gizli tuzak alan. Gercek kullanici GORMEZ; ekran disina alinir.
   display:none yerine ekran disi konumlandirma kullaniyoruz cunku bazi botlar
   display:none alanlari atlar - biz atlamalarini istemiyoruz, doldurmalarini.
   -------------------------------------------------------------------------- */

.hp-field {
    position: absolute !important;
    left: -9999px !important;
    top: -9999px !important;
    width: 1px;
    height: 1px;
    overflow: hidden;
}


/* --------------------------------------------------------------------------
   1. Hero ve sayfa basligi okunabilirligi

   Temanin .bg-overlay'i rgba(0,0,0,.59) uzerine opacity:.5 uyguluyor; net
   karartma sadece ~%29. Acik renkli bir gorselin (or. beyaz gemi govdesi)
   uzerinde beyaz baslik okunmuyordu. Ustten-alta koyulasan bir gradyan
   ekliyoruz: gorsel gorunur kaliyor, metin okunuyor.
   -------------------------------------------------------------------------- */

/*
   Iki katmanli scrim:

   1) Radyal katman - dogrudan metnin arkasini karartir. Hero gorselinde geminin
      beyaz govdesi tam baslik bandina denk geliyordu (beyaz yazi, beyaz gemi);
      bu katman metni tasir, gorselin geri kalanini bogmadan.
   2) Dogrusal katman - ust menu ve alt kenar icin genel karartma.

   NOT: parallax arka plani bu elemanda DEGIL; tema JS'i .parallax-container adli
   bir cocuk div olusturup background'u oraya koyuyor ve scrolly eklentisi kaydirma
   boyunca onun background-position'ini surekli guncelliyor (bkz. functions.js:1710).
   Bu yuzden background-position'a asla dokunmuyoruz - parallax'i oldururdu.
*/
.fullscreen .bg-overlay,
#page-title .bg-overlay {
    background:
        radial-gradient(ellipse 55% 35% at 50% 50%,
            rgba(6, 22, 40, 0.88) 0%,
            rgba(6, 22, 40, 0.00) 75%),
        linear-gradient(180deg,
            rgba(6, 22, 40, 0.70) 0%,
            rgba(6, 22, 40, 0.42) 45%,
            rgba(6, 22, 40, 0.80) 100%);
    opacity: 1;
}

/* Metnin arkasinda ne olursa olsun kenarlari tutsun. */
.fullscreen .text-middle h2,
.fullscreen .text-middle h3,
.fullscreen .text-middle .lead,
#page-title .page-title h1,
#page-title .page-title span {
    text-shadow: 0 2px 18px rgba(0, 0, 0, 0.55);
}

.fullscreen .text-middle .lead {
    max-width: 620px;
    margin-left: auto;
    margin-right: auto;
}


/* --------------------------------------------------------------------------
   2. Bolum basliklarindaki alt cizgi

   .heading-text.heading-section h2:before "left: 0" ile konumlaniyor; ortalamak
   icin .text-center'in dogrudan .heading-text uzerinde olmasi gerekiyor
   (bkz. style.css:4369). Sarmalayici bir div'e verilirse cizgi solda kaliyordu.
   Asagidaki kural, .text-center ust katmanda olsa bile cizgiyi ortalar.
   -------------------------------------------------------------------------- */

.text-center .heading-text.heading-section h2:before {
    margin: 0 auto;
}

/*
   Uzun basliklarin dar sol etiket sutununa (col-lg-3) tasmasi.

   "Whistleblower" gibi uzun tek kelime veya "Ship Management" gibi iki kelimelik
   basliklar, 48px boyutunda ~255px'lik col-lg-3 sutununa sigmayip sagdaki metnin
   uzerine tasiyordu (yatay overflow). "Vision"/"Mission" kisa oldugu icin
   sorun cikmiyordu.

   Cozum: bu baslik sutunundaki h2/h4'u sutuna gore biraz kucult ve uzun kelime
   yine de tasarsa satira boldur - asla yan sutuna gecmesin.
*/
.heading-text.heading-section h2,
.heading-text.heading-section h4 {
    overflow-wrap: break-word;
    word-wrap: break-word;
    hyphens: auto;
}

@media (min-width: 992px) {
    .heading-text.heading-section h2 {
        font-size: 34px;
        line-height: 40px;
    }
}


/* --------------------------------------------------------------------------
   3. Koyu zeminli bolumlerde ikon kutulari
   -------------------------------------------------------------------------- */

/*
   Temanin .icon-box .icon i, glifi line-height ile dikey ortaliyor; kullandigimiz
   ikon fontunun glifleri bu yontemle daire icinde YUKARI kayiyordu (ikon tepede
   duruyordu). Flexbox ile kesin ortaliyoruz ve daireye koyu zemine yakisir,
   uzerine gelince dolan sade bir gorunum veriyoruz.
*/
.icon-box.light .icon i {
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;                                  /* line-height kaynakli kaymayi sifirla */
    color: #ffffff;
    background-color: rgba(255, 255, 255, 0.10);
    border: 1px solid rgba(255, 255, 255, 0.35);
    transition: background-color 0.2s, color 0.2s, border-color 0.2s;
}

.icon-box.light:hover .icon i {
    background-color: #ffffff;
    border-color: #ffffff;
    color: #17273f;
}

.icon-box.light h3 {
    color: #ffffff;
}

.icon-box.light p {
    color: rgba(255, 255, 255, 0.75);
}


/* --------------------------------------------------------------------------
   4. Footer
   -------------------------------------------------------------------------- */

#footer .widget-title {
    margin-bottom: 20px;
}

#footer address {
    margin-bottom: 15px;
    line-height: 1.8;
}


/* --------------------------------------------------------------------------
   5. Gemi kunyesi (orinda.php)

   Tema demosundan kopyalanan grid-item'larda
   style="position: left: 748.656px; top: 2648.91px;" gibi gecersiz satir ici
   stiller vardi (masonry demosunun artigi). Temizlendi; duzen artik burada.
   -------------------------------------------------------------------------- */

.vessel-card {
    background: #fff;
    border: 1px solid #eaeaea;
    border-radius: 4px;
    padding: 30px;
    height: 100%;
    margin-bottom: 30px;
}

.vessel-card .widget-title {
    margin-top: 0;
    margin-bottom: 18px;
    font-size: 18px;
}

.vessel-card ul.list-icon {
    margin-bottom: 0;
}


/* --------------------------------------------------------------------------
   6. Kucuk duzeltmeler
   -------------------------------------------------------------------------- */

/* Uzun kurumsal metinlerde satir araligini biraz acalim. */
section p {
    line-height: 1.8;
}

/* Mobilde CTA butonu saga yapisip kenardan tasmasin. */
@media (max-width: 991px) {
    .call-to-action .text-right {
        text-align: left !important;
        margin-top: 20px;
    }
}