/*
Theme Name: Most (Child Theme)
Theme URI: http://madsparrow.us/
Author: Mad Sparrow
Author URI: https://themeforest.net/user/madsparrow
Description: Most Creative Agency and Portfolio Theme – The theme is built to take advantage of the Full Site Editing features introduced in WordPress and Elementor plugin, which means that colors, typography, and the layout of every single page on your site can be customized to suit your vision. Whether you want to build a complex or incredibly simple website, you can do it quickly and intuitively through the bundled styles or dive into creation and full customization yourself.
Tags: one-column, two-columns, right-sidebar, custom-menu, post-formats, sticky-post, translation-ready, page transition
Version: 1.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: most
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready
Template: most
*/

/* Add your own modification from here
-------------------------------------------------------------- */

/*
====================================================================
  THEME: Most Child Theme - Pozitif Kurumsal Düzenlemeleri
  Author: Serkan Karakoyun
  Açıklama: Tüm özelleştirmeler düzenli, açıklamalı ve optimize edilmiştir.
====================================================================
*/

/*--------------------------------------------------------------
  1. GENEL TEMEL AYARLAR
--------------------------------------------------------------*/

/* Metin gradyanı efekti */
.gradient_animation_link2_link3 {
  background: linear-gradient(90deg, #172b60, #00a8ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
}

/* Blog yazılarında yazar, kategori, meta bilgilerini gizler */
.post-meta-footer, .post-header, .post-author__name,
.ms-rp--top, .rp-inner__footer, .post-category__list {
  display: none !important;
}

/* Blog görsellerinin orantılı görünmesini sağlar */
.media-wrapper img, .media-wrapper video {
  object-fit: contain !important;
}


/*--------------------------------------------------------------
  2. SABİT CHAT BUTONU (Sağ Alt Köşe)
--------------------------------------------------------------*/

/* Yuvarlak sabit buton genel stil */
.chat-fab {
  position: fixed;
  right: 18px;
  bottom: 18px;
  width: 56px;
  height: 56px;
  border: 0;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #172b60;
  color: #fff;
  box-shadow: 0 8px 24px rgba(0,0,0,.2);
  cursor: pointer;
  z-index: 99999;
  transition: transform .12s ease, filter .12s ease;
}

.chat-fab svg { fill: #fff; }
.chat-fab:hover { filter: brightness(1.05); transform: translateY(-1px); }
.chat-fab:active { transform: translateY(0); }

/* Klavye erişilebilirliği */
.chat-fab:focus {
  outline: 2px solid rgba(0,0,0,.35);
  outline-offset: 2px;
}

/* Görme engelliler için ekran okuyucu metni */
.sr-only {
  position: absolute !important;
  width: 1px; height: 1px;
  padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0,0,0,0);
  white-space: nowrap; border: 0;
}

/* Mobilde biraz küçültülmüş buton */
@media (max-width: 480px) {
  .chat-fab { right: 14px; bottom: 14px; width: 54px; height: 54px; }
}


/*--------------------------------------------------------------
  3. AI ROBOT GÖRSELLİ BUTON (Yeni Stil)
--------------------------------------------------------------*/

/* Sadece robot görseliyle sade yuvarlak buton */
.chat-fab.ai-plain {
  position: fixed;
  right: 18px;
  bottom: 18px;
  width: 42px;
  height: 42px;
  padding: 0;
  border: 0;
  background: transparent;
  border-radius: 50%;
  cursor: pointer;
  z-index: 99999;
  overflow: hidden;
  -webkit-tap-highlight-color: transparent;
}

/* Buton içindeki robot görseli */
.chat-fab.ai-plain .ai-avatar {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  border-radius: 50%;
  box-shadow: 0 8px 24px rgba(0,0,0,.25);
  outline: 2px solid #fff;
  outline-offset: -2px;
  transition: transform .18s ease, box-shadow .18s ease, outline-color .18s ease;
}

/* Hover/focus efekti */
.chat-fab.ai-plain:hover .ai-avatar,
.chat-fab.ai-plain:focus .ai-avatar {
  transform: scale(1.04);
  box-shadow: 0 12px 30px rgba(0,0,0,.34);
  outline-color: #dfe6ff;
}

/* Mobilde biraz küçültelim */
@media (max-width: 480px){
  .chat-fab.ai-plain {
    right: 12px;
    bottom: 50px;
    width: 42px;
    height: 42px;
  }
}


/*--------------------------------------------------------------
  4. POPUP (POPMAKE) PENCERESİ TASARIMI
--------------------------------------------------------------*/

/* Popup kutusu genel görünüm */
#pum-ef9adeb .pum-container {
  width: 500px !important;
  max-width: 92vw !important;
  height: auto !important;
  border-radius: 12px;
  box-shadow: 0 8px 20px rgba(0,0,0,.25);
  overflow: hidden;
  right: 18px !important;
  bottom: 18px !important;
}

/* İçerik kenar boşlukları kaldırıldı */
#pum-ef9adeb .pum-content {
  padding: 0 !important;
  box-sizing: border-box;
}

/* CF7 formu sadeleştirme */
#pum-ef9adeb .wpcf7 form { margin: 0; }
#pum-ef9adeb .wpcf7 .wpcf7-not-valid-tip { font-size: 12px; }

/* Mobil uyumlu popup */
@media (max-width: 480px) {
  #pum-ef9adeb .pum-container {
    width: 92vw !important;
    max-width: 360px !important;
    right: 4vw !important;
    bottom: 10px !important;
    border-radius: 12px;
  }
}


/*--------------------------------------------------------------
  5. MESAJ PANELİ (OFFLINE CHAT) TASARIMI
--------------------------------------------------------------*/

/* Ana panel kutusu */
.offline-chat {
  width: 100%;
  background: #fff;
  border-radius: 14px;
  font-size: 14px;
  margin: 0 !important;
  padding: 0 !important;
}

/* Üst başlık alanı */
.offline-chat__header {
  position: relative !important;
  display: flex !important;
  align-items: center;
  justify-content: left;
  height: 50px !important;
  background: #172b60 !important;
  color: #fff !important;
  box-sizing: border-box;
  padding: 0 12px !important;
  margin: 0 !important;
}

/* Başlık (Pozitif Bot) + Görsel */
.offline-chat__title {
  font-weight: 600;
  font-size: 15px;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  margin: 0 auto;
  display: flex;
  align-items: center;
  gap: 8px;
}

/* Başlık yanındaki küçük robot görseli */
.offline-chat__title::before {
  content: "";
  display: inline-block;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-image: url('https://www.pozitifkurumsal.com/wp-content/themes/most-child/assets/ai-help-photo.jpg');
  background-size: cover;
  background-position: center;
  flex-shrink: 0;
}

/* Gövde içeriği */
.offline-chat__body {
  padding: 14px;
}

.offline-chat__intro {
  margin: 0 0 10px 0;
  color: #444;
  font-size: 13px;
}

/* Form alanları */
.offline-chat__label {
  display: block;
  margin-bottom: 10px;
  color: #222;
  font-weight: 500;
  font-size: 13px;
}

.offline-chat__input,
.offline-chat__select,
.offline-chat__textarea {
  width: 100%;
  margin-top: 6px;
  padding: 10px 12px;
  border: 1px solid #e2e2e2;
  border-radius: 10px;
  background: #fafafa;
  font-size: 14px;
  transition: border-color .15s ease, box-shadow .15s ease, background .15s ease;
  box-sizing: border-box;
}

.offline-chat__input:focus,
.offline-chat__select:focus,
.offline-chat__textarea:focus {
  outline: none;
  border-color: #172b60;
  box-shadow: 0 0 0 3px rgba(23,43,96,.15);
  background: #fff;
}

/* Mesaj alanı */
.offline-chat__textarea {
  min-height: 88px;
  max-height: 140px;
  resize: vertical;
}

/* Gönder butonu */
.offline-chat__actions {
  display: flex;
  justify-content: flex-end;
}

.offline-chat__submit {
  background: #172b60;
  color: #fff;
  border: 0;
  padding: 10px 14px;
  border-radius: 10px;
  cursor: pointer;
  font-weight: 600;
  transition: filter .15s ease, transform .1s ease;
}

.offline-chat__submit:hover { filter: brightness(1.05); }
.offline-chat__submit:active { transform: translateY(1px); }

/* Mobil uyum */
@media (max-width: 480px) {
  .offline-chat { width: 100%; border-radius: 0; }
}


/*--------------------------------------------------------------
  6. FORM TASARIMLARI (İletişim & Kariyer)
--------------------------------------------------------------*/

/* İletişim formu genel yapı */
.form-style-1 {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
  font-family: inherit;
}

/* Satır kolon düzeni */
.columns_wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin-bottom: 20px;
}

.column-1_2 { flex: 1 1 calc(50% - 10px); }
.column-1_1 { flex: 1 1 100%; }

/* Form alanları */
.style-line input[type="text"],
.style-line input[type="email"],
.style-line input[type="tel"],
.style-line textarea {
  width: 100%;
  padding: 12px 14px 12px 44px;
  border: 1px solid #e2e2e2;
  border-radius: 8px;
  font-size: 14px;
  transition: border-color .2s ease, box-shadow .2s ease;
  background-color: #fff;
}

.style-line input:focus,
.style-line textarea:focus {
  outline: none;
  border-color: #172b60;
  box-shadow: 0 0 0 3px rgba(23,43,96,.15);
}

/* Textarea özel ayar */
.style-line textarea {
  min-height: 120px;
  resize: vertical;
}

/* Gönder butonu */
input[type="submit"] {
  background-color: #172b60;
  color: #fff;
  border: none;
  border-radius: 8px;
  padding: 12px 26px;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  transition: background-color .2s ease, transform .1s ease;
}

input[type="submit"]:hover {
  background-color: #1e3a8a;
}

input[type="submit"]:active {
  transform: translateY(1px);
}

/* Gizlilik onayı */
.wpcf7-acceptance {
  font-size: 13px;
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: 10px;
}

.wpcf7-acceptance a {
  color: #172b60;
  text-decoration: underline;
}

/* İkon alanları */
.style-line {
  position: relative;
  display: block;
}

.style-line::before {
  content: "";
  position: absolute;
  left: 14px;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background-size: contain;
  background-repeat: no-repeat;
  opacity: 0.5;
}

/* İkon tipleri */
.icon-name::before { background-image: url('https://cdn-icons-png.flaticon.com/512/1077/1077063.png'); }
.icon-email::before { background-image: url('https://cdn-icons-png.flaticon.com/512/732/732200.png'); }
.icon-phone::before { background-image: url('https://cdn-icons-png.flaticon.com/512/724/724664.png'); }
.icon-subject::before { background-image: url('https://cdn-icons-png.flaticon.com/512/1827/1827272.png'); }
.icon-textarea::before { background-image: url('https://cdn-icons-png.flaticon.com/512/1087/1087840.png'); }

/* Mobil form uyumu */
@media (max-width: 768px) {
  .column-1_2 { flex: 1 1 100%; }
  .style-line input, .style-line textarea { padding-left: 40px; }
}

/* Kariyer formu tasarımı */
.career-form {
  max-width: 600px;
  margin: 0 auto;
  background: #fff;
  padding: 40px;
  border-radius: 16px;
  box-shadow: 0 8px 28px rgba(0,0,0,0.1);
  color: #172b60;
  position: relative;
  z-index: 10;
  font-family: "Poppins", sans-serif;
}

/* Alan etiketleri */
.career-form label {
  display: block;
  font-weight: 600;
  margin-bottom: 6px;
  color: #172b60;
}

/* Alan görünümleri */
.career-form input[type="text"],
.career-form input[type="email"],
.career-form input[type="tel"],
.career-form select,
.career-form input[type="file"] {
  width: 100%;
  padding: 12px 16px;
  border: 1px solid #ccc;
  border-radius: 8px;
  background: #f9f9f9;
  color: #172b60;
  font-size: 15px;
  transition: all .2s ease;
}

/* CV yükleme özel */
.career-form input[type="file"] {
  border: 2px dashed #ccc;
  cursor: pointer;
}

.career-form input[type="file"]:hover {
  border-color: #172b60;
}

/* Gönder butonu (Contact Form 7 + career form) */
.career-form input[type="submit"],
.wpcf7-submit {
  display: block !important;       /* görünmezse bunu garanti eder */
  width: 100% !important;          /* tam genişlik */
  background: #172b60 !important;  /* lacivert arka plan */
  color: #fff !important;          /* beyaz yazı */
  border: none !important;
  border-radius: 8px !important;
  padding: 14px 0 !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
  transition: background-color .3s ease, transform .1s ease;
  position: relative !important;   /* stacking fix */
  z-index: 999 !important;         /* altta kalma sorununa çözüm */
  opacity: 1 !important;           /* gizlenme ihtimaline karşı */
  visibility: visible !important;  /* görünürlük garanti */
  box-sizing: border-box;
}

/* Hover (üzerine gelince kırmızıya dönüşsün) */
.career-form input[type="submit"]:hover,
.wpcf7-submit:hover {
  background: #e84e35 !important;
}

/* Aktif tıklama efekti (hafif basılmış görünüm) */
.career-form input[type="submit"]:active,
.wpcf7-submit:active {
  transform: translateY(1px);
}

/* Submit satırı (buton alanı) hizalaması */
.form-row.submit-row {
  display: block !important;
  margin-top: 20px !important;
  text-align: center;
}


/* Mobilde form iç boşluğu azalt */
@media (max-width: 768px) {
  .career-form { padding: 24px; }
}


.pum-theme-3353 .pum-container, .pum-theme-default-theme .pum-container {padding-top: 0 !important; padding-left:0 !important; padding-right:0 !important;}

.pum-theme-3353 .pum-content + .pum-close, .pum-theme-default-theme .pum-content + .pum-close {line-height:34px !important;}


/* === Select alanını inputlarla aynı stile getir === */
.form-style-1 select,
.style-line select,
.wpcf7 select {
  width: 100%;
  padding: 12px 14px 12px 24px;  /* ikonla hizalı */
  border: 1px solid #e2e2e2;
  border-radius: 8px;
  font-size: 14px;
  color: #212529;
  background-color: #fff;
  box-sizing: border-box;
  appearance: none;              /* tarayıcı varsayılan oku gizle */
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url("data:image/svg+xml;utf8,<svg fill='gray' height='12' viewBox='0 0 24 24' width='12' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/></svg>");
  background-repeat: no-repeat;
  background-position: right 14px center;
  background-size: 14px;
  transition: border-color .2s ease, box-shadow .2s ease;
}

.form-style-1 select:focus,
.style-line select:focus,
.wpcf7 select:focus {
  outline: none;
  border-color: #172b60;
  box-shadow: 0 0 0 3px rgba(23, 43, 96, 0.15);
}

/* Mobilde okunabilirliği koru */
@media (max-width: 768px) {
  .form-style-1 select,
  .style-line select {
    padding-left: 40px;
  }
}

/* === FORM ALANLARI VE LABEL GÖRÜNÜMÜ === */
.career-form .form-row {
  margin-bottom: 18px; /* satırlar arası boşluk */
}

/* Label tasarımı (daha yumuşak görünüm) */
.career-form label {
  display: block;
  font-weight: 500;           /* çok kalın değil */
  font-size: 14px;            /* daha ince, zarif font */
  color: #172b60;             /* kurumsal lacivert */
  margin-bottom: 6px;         /* label ile input arası nefes */
  line-height: 1.4;           /* metin yüksekliği dengeli */
}

/* Input, select ve textarea genel stili */
.career-form input[type="text"],
.career-form input[type="email"],
.career-form input[type="tel"],
.career-form select,
.career-form input[type="file"],
.career-form textarea {
  width: 100% !important;
  padding: 12px 14px !important;
  border: 1px solid #ccc !important;
  border-radius: 8px !important;
  font-size: 14px !important;
  background: #f9f9f9 !important;
  color: #172b60 !important;
  transition: all .2s ease !important;
  box-sizing: border-box !important;
}

/* Hover ve focus durumlarında ince vurgu */
.career-form input:focus,
.career-form select:focus,
.career-form textarea:focus {
  outline: none !important;
  border-color: #172b60 !important;
  box-shadow: 0 0 0 2px rgba(23,43,96,0.15) !important;
  background: #fff !important;
}

/* Placeholder metinler de görünür ama soluk */
.career-form ::placeholder {
  color: #999;
  opacity: 1;
}

/* Select (pozisyon) uyumlu hale gelsin */
.career-form select {
  appearance: none; /* tarayıcı varsayılan stilini kaldırır */
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: #f9f9f9;
  color: #172b60;
  font-size: 14px;
  background-image: url("data:image/svg+xml;utf8,<svg fill='%23172b60' height='16' viewBox='0 0 24 24' width='16' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/></svg>");
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 16px;
  padding-right: 36px !important;
}

/* Dosya yükleme alanı */
.career-form input[type="file"] {
  border: 2px dashed #ccc !important;
  background: #f9f9f9 !important;
  cursor: pointer !important;
}

/* Dosya yükleme hover efekti */
.career-form input[type="file"]:hover {
  border-color: #172b60 !important;
}

/* Gönder butonu zaten hazır, sadece araya boşluk */
.form-row.submit-row {
  margin-top: 24px !important;
}

.elementor-782 .elementor-element.elementor-element-dc20e9d .ms-sc--desc {    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.7);}
.elementor-782 .elementor-element.elementor-element-f41e1de .ms-sc--desc {    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);}

@media only screen and (max-width: 1024px) {
	.main-header__layout .main-header__inner .main-header__logo {padding-bottom: 30px !important;}
	

/* Tüm formlarda hatalı alan çerçevesi */
.form-field-error,
.wpcf7-form .wpcf7-not-valid {
  border-color: #e53935 !important;
  box-shadow: 0 0 0 1px rgba(229, 57, 53, .25);
  background-color: #fffafa;
}

/* Bizim JS ile eklenen hata mesajı */
.form-field-error-message {
  font-size: 12px;
  color: #e53935;
  margin-top: 4px;
}

	
	@media (max-width: 767px) {
    
    /* Tüm Slaytların Ana Kutusunu Hedefle */
    .elementor-element-04fb881 .swiper-slide .ms-cont__inner {
        
        display: flex !important;
        flex-direction: column !important; 
        
        /* İçeriğin yayılacağı alanı maksimum yapıyoruz */
        height: 85vh !important; 
        justify-content: flex-start !important;

        /* --- BAŞLIK AYARI (YUKARI ALMAK İÇİN) --- */
        /* Bu değeri küçülttükçe başlık daha YUKARI çıkar */
        /* Örn: 15vh yerine 10vh yaptık */
        padding-top: 15vh !important; 
    }

    /* Açıklama Metni (Arayı açan eleman) */
    .elementor-element-04fb881 .swiper-slide .ms-sc--desc {
        
        /* Ortayı otomatik açan kod */
        margin-top: auto !important; 
        
        /* --- ALT YAZI AYARI (AŞAĞI ALMAK İÇİN) --- */
        /* Bu değeri küçülttükçe yazı daha AŞAĞI iner */
        /* Örn: 10vh yerine 5vh yaptık */
        margin-bottom: 3vh !important; 
    }
		.ms-slider--cont .btn-wrap {margin-top: 0 !important;}
}
	
	/* Sadece mobil cihazlar için (örneğin 768px ve altı) */
@media (max-width: 768px) {

  /* JavaScript tarafından eklenen inline 'width' ve 'height' değerlerini
    geçersiz kılmak (override) için !important kullanıyoruz.
  */
  .video-background video,
  video#mp4-4093 {
    
    /* Videonun genişliğini ve yüksekliğini %100 yaparak 
       ebeveyn container'ı (.video-background) doldurmasını sağlıyoruz. */
    width: 100% !important;
    height: 100% !important;
    
    /* Bu, sihirli dokunuştur. 
      Videonun en-boy oranını koruyarak %100'lük alanı 
      (background-size: cover gibi) kaplamasını sağlar.
    */
    object-fit: cover;
  }
}