/*
Theme Name: TheGem Child
Description: Multi-Purpose Wordpress Theme
Author: Codex Themes.
Theme URI: http://codex-themes.com/thegem/
Author URI: http://codex-themes.com/thegem/
Template: thegem
Version: 1.0
Tags: one-column, two-columns, left-sidebar, right-sidebar, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, featured-images, flexible-header, full-width-template, theme-options, translation-ready, dark, light
License: GNU General Public License
License URI: license.txt
*/

/* ==========================================================================
   Smart Portal - Responsive Fixes
   Son guncelleme: 2026-02-27 v1.7.0

   Sabit Selector'lar:
   - #sp-header, .sp-main-nav, .sp-header-right
   - sr7-module[data-alias="slider-1"]
   - #sp-clients, #sp-intro, #sp-tabs, #sp-testimonials, #sp-faq
   - #sp-footer, #sp-bottombar
   - Sayfa izolasyonu: body.page-id-614

   Breakpoint Stratejisi:
   - 1400px: Ilk mudahale (%125 scaling)
   - 1300px: Agresif mudahale (1280px / %150 scaling)
   - 1200px: Temanin kendi tablet gecisi, biz dokunmuyoruz
   ========================================================================== */


/* #region A - GLOBAL KURALLAR (Tum sayfalar) ============================== */

/* #region A.0 - Genel Koruma */
html, body {
  overflow-x: hidden !important;
}
/* #endregion A.0 */


/* #region A.1 - Header / Navbar */
/*
   #sp-header        -> Header row
   .sp-main-nav      -> Orta nav (Anasayfa...Iletisim)
   .sp-header-right  -> Sag kolon (Search + Sisteme Giris)
*/
@media (max-width: 1400px) {
  /* Logo kucult */
  #sp-header .site-logo img,
  #sp-header a[title="Homepage"] img {
    max-width: 160px !important;
    height: auto !important;
  }

  /* Menu item font ve spacing (sadece desktop nav, overlay haric) */
  .sp-main-nav .overlay-menu-wrapper .overlay-menu-table .nav-menu > li > a {
    font-size: 14px !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  .sp-main-nav .overlay-menu-wrapper .overlay-menu-table .nav-menu > li {
    margin-left: 2px !important;
    margin-right: 2px !important;
  }

  /* Sag kolon duzeni */
  .sp-header-right .wpb_wrapper {
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 8px !important;
  }

  /* Sisteme Giris butonu */
  .sp-header-right .nav-menu > li > a {
    font-size: 13px !important;
    padding: 8px 14px !important;
    white-space: nowrap !important;
  }
}

@media (max-width: 1300px) {
  /* Logo daha da kucult */
  #sp-header .site-logo img,
  #sp-header a[title="Homepage"] img {
    max-width: 140px !important;
  }

  /* Menu daha kompakt (sadece desktop nav) */
  .sp-main-nav .overlay-menu-wrapper .overlay-menu-table .nav-menu > li > a {
    font-size: 13px !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
  }

  .sp-main-nav .overlay-menu-wrapper .overlay-menu-table .nav-menu > li {
    margin-left: 1px !important;
    margin-right: 1px !important;
  }

  /* Sisteme Giris daha kompakt */
  .sp-header-right .nav-menu > li > a {
    font-size: 12px !important;
    padding: 7px 12px !important;
  }
}

/* Overlay menu font-size reset: bizim desktop nav kurallari overlay'e sizmasin */
.sp-main-nav .overlay-menu-wrapper.active .nav-menu > li > a {
  font-size: 24px !important;
  padding-left: 16px !important;
  padding-right: 16px !important;
}

.sp-main-nav .overlay-menu-wrapper.active .nav-menu > li {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Login menü: hamburger yerine FA login ikonu (sadece mobil/tablet) */
@media (max-width: 1199px) {
  #custom_login_main .menu-toggle.dl-trigger .menu-line-1,
  #custom_login_main .menu-toggle.dl-trigger .menu-line-2,
  #custom_login_main .menu-toggle.dl-trigger .menu-line-3 {
    display: none !important;
  }

  #custom_login_main .menu-toggle.dl-trigger {
    font-size: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 100% !important;
  }

  #custom_login_main .menu-toggle.dl-trigger::before {
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900 !important;
    content: "\f2f6" !important; /* fa-right-to-bracket (login) */
    font-size: 20px !important;
    color: #3c3950 !important;
    line-height: 1 !important;
  }

  #custom_login_main {
    display: flex !important;
    align-items: center !important;
    align-self: center !important;
  }
}

/* #endregion A.1 */


/* #region A.2 - Footer */
@media (max-width: 1400px) {
  #sp-footer .wpb_column {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}
/* #endregion A.2 */


/* #region A.3 - Bottom Bar (Copyright + Menu + Social) */
/*
   Kolon yapisi (WPBakery):
   col-0: Copyright "2026 © Smart Portal"  (xs-6, lg-2)
   col-1: Menu links (KVKK, Aydinlatma..)  (xs-12, lg-8)
   col-2: Social icons (linkedin, x, yt)   (xs-6, lg-2)

   Desktop: [Copyright | ----Menu Links---- | Social]
   Mobil:   [--------Menu Links--------]
            [Copyright      | Social   ]
*/
@media (max-width: 1400px) {
  #sp-bottombar {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}

/* Mobil/Tablet: Bottombar layout duzeltme */
/*
   nth-child WPBakery'de guvenilmez (script/style/overlay elementleri var).
   Kolon tipleri: vc_col-lg-8 (menu, tek), vc_col-lg-2 (copyright + social).
   Icerik bazli hedefleme: p = copyright, .socials = social, ul = menu.
*/
@media (max-width: 1199px) {
  /* Row'u flex yap, wrap ile satirlara bol */
  #sp-bottombar {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }

  /* Kolonlari overlay'in ustune cikar (gem-vc-background-overlay ortuyordu) */
  #sp-bottombar > .wpb_column {
    order: 1 !important;
    position: relative !important;
    z-index: 2 !important;
  }

  /* Menu links ustte, tam genislik, ortali (tek lg-8 kolon) */
  #sp-bottombar > .vc_col-lg-8 {
    order: -1 !important;
    width: 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
    margin-bottom: 12px !important;
    padding-bottom: 12px !important;
    border-bottom: 1px solid rgba(255,255,255,0.15) !important;
  }

  #sp-bottombar > .vc_col-lg-8 .vc_column-inner {
    text-align: center !important;
  }

  #sp-bottombar ul {
    justify-content: center !important;
    flex-wrap: wrap !important;
    gap: 6px 14px !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  /* Copyright + Social kolonlari (her ikisi de lg-2): yan yana %50 */
  #sp-bottombar > .vc_col-lg-2 {
    width: 50% !important;
    flex: 0 0 50% !important;
    max-width: 50% !important;
  }

  /* Copyright sola */
  #sp-bottombar .wpb_text_column {
    text-align: left !important;
  }

  /* Social saga */
  #sp-bottombar .socials {
    justify-content: flex-end !important;
    display: flex !important;
  }
}

/* Kucuk mobil: font-size ve padding ayari */
@media (max-width: 575px) {
  #sp-bottombar ul li a {
    font-size: 12px !important;
  }

  #sp-bottombar > .wpb_column:nth-child(1) p {
    font-size: 12px !important;
    white-space: nowrap !important;
  }
}
/* #endregion A.3 */

/* #region A.4 - Kariyer Formu (CF7 dosya input tasma fix) */
@media (max-width: 767px) {
  .wpcf7 input[type="file"] {
    max-width: 100% !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }
}
/* #endregion A.4 */

/* #endregion A - GLOBAL =================================================== */


/* #region B - ANASAYFA (body.page-id-614) ================================= */

/* #region B.1 - Hero Slider (Slider Revolution 7) */
/*
   SR7 kendi responsive motorunu kullaniyor (inline style).
   CSS ile mudahale etmiyoruz, tum ayarlar SR7 panelinden yapiliyor.
*/
/* #endregion B.1 */


/* #region B.2 - Client Logos Carousel */
@media (max-width: 1400px) {
  .page-id-614 #sp-clients {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}

.page-id-614 .gem-clients {
  margin-bottom: 0 !important;
}

.page-id-614 .gem-clients-type-carousel-grid .gem-client-item a:hover {
  background-color: transparent !important;
}

@media (max-width: 991px) {
  .page-id-614 .gem-clients-type-carousel-grid .gem-client-item {
    width: 25% !important;
  }
}

@media (max-width: 767px) {
  .page-id-614 .gem-clients-type-carousel-grid .gem-client-item {
    width: 33.3% !important;
  }

  /* Carousel dots + section padding: mobilde sikistir */
  .page-id-614 #sp-clients .vc_column-inner {
    padding-top: 15px !important;
    padding-bottom: 10px !important;
  }

  .page-id-614 #sp-clients .gem-mini-pagination {
    padding-top: 8px !important;
  }

  .page-id-614 #sp-clients .gem-mini-pagination a {
    width: 10px !important;
    height: 10px !important;
    margin: 0 4px !important;
  }
}
/* #endregion B.2 */


/* #region B.3 - Tanitim: "Smart Portal Ile Operasyonel..." */
@media (max-width: 1400px) {
  .page-id-614 #sp-intro .wpb_column .vc_column-inner {
    padding-right: 20px !important;
  }

  .page-id-614 #sp-intro h2 {
    font-size: 32px !important;
  }

  .page-id-614 #sp-intro h4 {
    font-size: 22px !important;
  }
}
/* #endregion B.3 */


/* #region B.4 - Tab Section: "Operasyonel Surecleriniz..." */
/*
   Yapi (Desktop - vc_tta-tabs-position-left):
   .vc_tta (flex row)
     .vc_tta-tabs-container  -> Sol sidebar (%20, siyah/gri-mor)
       .vc_tta-tabs-list     -> Tab butonlari (Doccon, Smart Robotlar...)
     .vc_tta-panels-container -> Sag icerik alani (beyaz, rounded)
       .vc_tta-panel (x4)
         .vc_tta-panel-heading  -> Desktop: gizli, Mobil(<768px): accordion baslik
         .vc_tta-panel-body
           Row 1: Aciklama metni (sm-12)
           Row 2: gem-list + buton (lg-7) | textbox + pie chart (lg-5)

   Temanin accordion breakpoint'i: @media (min-width: 768px) ile sidebar gosterilir.
   <768px = accordion modu. .override-color: Homepage icin custom renk sinifi.

   Renk Paleti (override-color):
   - TTA / Sidebar: #585b77 (gri-mor)
   - Aktif Tab: #c35163 (coral kirmizi)
   - Icerik: #fff, border-radius: 40px
   - Checkmark: #c45065 (coral), beyaz check
   - Pie chart text: #000
   - Accordion heading: #000, aktif: #befa45 (yesil)
*/

/* --- TTA Genel Wrapper --- */
.page-id-614 #sp-tabs .override-color {
  background: #585b77 !important;
  border-radius: 45px !important;
}

/* --- Desktop: Tab Sidebar --- */
.page-id-614 #sp-tabs .override-color .vc_tta-tabs-container {
  background: #585b77 !important;
  border-radius: 40px 0 0 40px !important;
  padding: 50px 0 !important;
  max-width: 20% !important;
  overflow: hidden !important;
}

/* Tab listesi: dikey ortali, min-height */
.page-id-614 #sp-tabs .override-color ul.vc_tta-tabs-list {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  height: 100% !important;
  min-height: 450px !important;
  margin: 0 !important;
  padding: 20px 0 !important;
  gap: 10px !important;
}

/* Tab item: genislik ve yuvarlatma */
.page-id-614 #sp-tabs .override-color li.vc_tta-tab {
  display: block !important;
  width: 90% !important;
  margin: 0 auto !important;
  border-radius: 12px !important;
  transition: all 0.3s ease !important;
}

/* Tab link stilleri */
.page-id-614 #sp-tabs .override-color li.vc_tta-tab a {
  display: flex !important;
  align-items: center !important;
  padding: 18px 25px !important;
  color: #fff !important;
  border: none !important;
  background: transparent !important;
  text-decoration: none !important;
}

/* Tab text ve ikon boyutu */
.page-id-614 #sp-tabs .override-color .vc_tta-tabs-list .vc_tta-title-text {
  font-size: 18px !important;
  font-weight: 600 !important;
}

.page-id-614 #sp-tabs .override-color .vc_tta-tabs-list i.vc_tta-icon {
  font-size: 24px !important;
  margin-right: 15px !important;
  width: 30px !important;
  text-align: center !important;
  color: inherit !important;
}

/* Hover */
.page-id-614 #sp-tabs .override-color li.vc_tta-tab:hover {
  background-color: rgba(255,255,255,0.1) !important;
  transform: translateX(5px) !important;
}

/* Aktif tab: coral kirmizi */
.page-id-614 #sp-tabs .override-color li.vc_tta-tab.vc_active {
  background-color: #c35163 !important;
  pointer-events: none !important;
}

.page-id-614 #sp-tabs .override-color li.vc_tta-tab.vc_active .vc_tta-title-text {
  color: #fff !important;
  background: none !important;
}

/* --- Desktop: Panel Icerik Alani --- */
.page-id-614 #sp-tabs .override-color .vc_tta-panels-container {
  background: #fff !important;
  border-radius: 0 40px 40px 0 !important;
  height: 580px !important;
  overflow: hidden !important;
}

/* Panel body inner row margin temizle */
.page-id-614 #sp-tabs .override-color .vc_tta-panel-body .vc_row.vc_inner {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Panel border temizle */
.page-id-614 #sp-tabs .override-color .vc_tta-panels,
.page-id-614 #sp-tabs .override-color .vc_tta-panel,
.page-id-614 #sp-tabs .override-color .vc_tta-panel-body {
  border: none !important;
}

/* --- Gem List Checkmark: Coral --- */
.page-id-614 #sp-tabs .override-color .gem-list > ul > li::before {
  background: #c45065 !important;
  color: #fff !important;
  border-radius: 24px !important;
  width: 24px !important;
  height: 24px !important;
  margin-right: 15px !important;
  text-align: center !important;
}

/* --- Textbox (Pie Chart Container) --- */
.page-id-614 #sp-tabs .gem-textbox .gem-textbox-content {
  border-radius: 40px !important;
}

/* Pie chart text: siyah */
.page-id-614 #sp-tabs .vc_pie_chart.vc_ready * {
  color: #000 !important;
}

/* --- Responsive: 1400px --- */
@media (max-width: 1400px) {
  .page-id-614 #sp-tabs h2 {
    font-size: 36px !important;
  }

  .page-id-614 #sp-tabs .override-color .vc_tta-panels-container {
    padding: 0 !important;
  }

  .page-id-614 #sp-tabs .override-color li.vc_tta-tab a {
    padding: 15px 20px !important;
  }
}

/* --- Responsive: 1300px --- */
@media (max-width: 1300px) {
  .page-id-614 #sp-tabs h2 {
    font-size: 32px !important;
  }

  .page-id-614 #sp-tabs .override-color .vc_tta-tabs-list .vc_tta-title-text {
    font-size: 15px !important;
  }

  .page-id-614 #sp-tabs .override-color .vc_tta-tabs-list i.vc_tta-icon {
    font-size: 20px !important;
    margin-right: 10px !important;
  }

  .page-id-614 #sp-tabs .override-color li.vc_tta-tab a {
    padding: 14px 16px !important;
  }
}

/* --- Tablet: Dar Sidebar (768-1023px) --- */
/*
   Bu aralikta tema hala sidebar tab modunu gosteriyor (min-width:768px).
   Ama alan dar, sidebar ve icerik sikisiyor. Sidebar genisletilir,
   font/padding/height kucultur, ikon gizlenir.
*/
@media (max-width: 1023px) and (min-width: 768px) {
  /* Sidebar: %20 -> %28, daha fazla alan */
  .page-id-614 #sp-tabs .override-color .vc_tta-tabs-container {
    max-width: 28% !important;
    padding: 30px 0 !important;
  }

  /* Tab listesi: min-height kucult */
  .page-id-614 #sp-tabs .override-color ul.vc_tta-tabs-list {
    min-height: 350px !important;
    padding: 10px 0 !important;
    gap: 6px !important;
  }

  /* Tab link: daha siki padding */
  .page-id-614 #sp-tabs .override-color li.vc_tta-tab a {
    padding: 12px 14px !important;
  }

  /* Font: 13px, ikon gizle */
  .page-id-614 #sp-tabs .override-color .vc_tta-tabs-list .vc_tta-title-text {
    font-size: 13px !important;
  }

  .page-id-614 #sp-tabs .override-color .vc_tta-tabs-list i.vc_tta-icon {
    display: none !important;
  }

  /* Icerik alani: height kucult, padding sifirla */
  .page-id-614 #sp-tabs .override-color .vc_tta-panels-container {
    height: 460px !important;
    padding: 0 20px !important;
    border-radius: 0 30px 30px 0 !important;
  }

  /* Wrapper radius kucult */
  .page-id-614 #sp-tabs .override-color {
    border-radius: 35px !important;
  }

  /* Baslik */
  .page-id-614 #sp-tabs h2 {
    font-size: 28px !important;
  }

  /* Gem list font */
  .page-id-614 #sp-tabs .override-color .gem-list {
    font-size: 14px !important;
  }

  /* Textbox radius kucult */
  .page-id-614 #sp-tabs .gem-textbox .gem-textbox-content {
    border-radius: 25px !important;
  }
}

/* --- Mobil: Accordion Modu (<=767px) --- */
/*
   Tema <768px'de sidebar'i gizler, panel-heading'leri gosterir.
   Accordion: siyah bg, aktif yesil (#befa45).
   Panel body: padding azaltilir, height/overflow kaldirilir.
*/
@media (max-width: 767px) {
  /* TTA wrapper: radius kucult */
  .page-id-614 #sp-tabs .override-color {
    border-radius: 20px !important;
  }

  /* Panel container: height/overflow/padding sifirla */
  .page-id-614 #sp-tabs .override-color .vc_tta-panels-container {
    height: auto !important;
    overflow: visible !important;
    padding: 0 !important;
    border-radius: 0 0 20px 20px !important;
  }

  /* Accordion baslik: siyah */
  .page-id-614 #sp-tabs .override-color .vc_tta-panel-heading {
    background-color: #585b77 !important; 
    border-radius: 0 !important;
    margin-bottom: 0 !important;
  }

  .page-id-614 #sp-tabs .override-color .vc_tta-panel-heading a {
    color: #fff !important;
    padding: 14px 20px !important;
  }

  .page-id-614 #sp-tabs .override-color .vc_tta-panel-heading .vc_tta-title-text {
    font-size: 14px !important;
    text-transform: none !important;
  }

  .page-id-614 #sp-tabs .override-color .vc_tta-panel-heading .vc_tta-icon {
    color: inherit !important;
  }

  /* Aktif panel baslik: tema varsayilani (WPBakery'den yonetiliyor) */

  /* Ilk panel: ust yuvarlatma */
  .page-id-614 #sp-tabs .override-color .vc_tta-panel:first-child .vc_tta-panel-heading {
    border-radius: 20px 20px 0 0 !important;
  }

  /* Panel body: padding azalt */
  .page-id-614 #sp-tabs .override-color .vc_tta-panel-body {
    padding: 20px 16px !important;
    background: #fff !important;
  }
}

/* --- Kucuk Mobil (<=575px) --- */
@media (max-width: 575px) {
  .page-id-614 #sp-tabs h2 {
    font-size: 26px !important;
  }

  .page-id-614 #sp-tabs .override-color .vc_tta-panel-body {
    padding: 16px 12px !important;
  }

  .page-id-614 #sp-tabs .override-color .vc_tta-panel-heading a {
    padding: 12px 16px !important;
  }

  .page-id-614 #sp-tabs .gem-textbox .gem-textbox-content {
    border-radius: 20px !important;
    padding: 16px !important;
  }
}
/* #endregion B.4 */


/* #region B.5 - Testimonials */
@media (max-width: 1400px) {
  .page-id-614 #sp-testimonials h2 {
    font-size: 38px !important;
  }
}

@media (max-width: 1300px) {
  .page-id-614 #sp-testimonials h2 {
    font-size: 34px !important;
  }
}
/* #endregion B.5 */


/* #region B.6 - FAQ */
@media (max-width: 1400px) {
  .page-id-614 #sp-faq h2 {
    font-size: 38px !important;
  }
}
/* #endregion B.6 */

/* #endregion B - ANASAYFA ================================================= */