/* =======================
    MOBİL MENÜ (<=1024px)
======================= */
@media (max-width:1024px){
  .main-header__nav.is_mobile,
  .main-header__nav.main-header__nav--is-visible{background:#002855!important}
  .main-header__nav.is_mobile a,
  .main-header__nav--is-visible a{color:#c1c1c1!important}
  .main-header__nav--is-visible a:hover{color:#fff!important}
  .main-header__nav-trigger,
  .main-header__nav-trigger span,
  .main-header__nav-trigger i{background:#002855!important;color:#c1c1c1!important}
}

/* =======================
    SLIDER BAŞLIKLARI BEYAZ
======================= */
body .ms-slider--cont .ms-cont__inner .ms-sc--t,
body .ms-slider--cont .ms-cont__inner .ms-sc--st,
body .elementor-widget-slides .elementor-slide-heading,
body .elementor-widget-slides .elementor-slide-description{color:#fff!important}

/* =======================
    MENÜ GENEL
======================= */
header .main-header__nav li a{
  background:transparent!important;border:none!important;box-shadow:none!important;
  padding:10px 0!important;border-radius:0!important
}

/* =======================
    YÖNETİCİ GİRİŞİ BUTONU
======================= */
.main-header__nav #primary-menu li>a[href*="/login/"]{
  position:relative;display:inline-flex!important;align-items:center!important;gap:8px!important;
  padding:10px 40px 10px 18px!important; /* sağda oka yer */
  background:#0d5eff!important;color:#fff!important;border-radius:9999px!important;
  line-height:1!important;font-weight:700!important;text-decoration:none!important;border:none!important;
  box-shadow:0 6px 20px rgba(13,94,255,.25)!important;
  transition:transform .15s,box-shadow .15s,background .15s!important
}
.main-header__nav #primary-menu li>a[href*="/login/"]::after{
  content:"↗";position:absolute;right:14px;top:50%;transform:translateY(-50%);font-size:.95em;line-height:1;pointer-events:none
}
.main-header__nav #primary-menu li>a[href*="/login/"]:hover,
.main-header__nav #primary-menu li>a[href*="/login/"]:focus{
  background:#0a4be6!important;box-shadow:0 10px 24px rgba(13,94,255,.35)!important;transform:translateY(-1px)
}
@media (max-width:1024px){
  .main-header__nav #primary-menu li>a[href*="/login/"]{margin:8px 0!important}
}

/* =======================
    PERSONEL DASHBOARD
======================= */
.dashboard-container{display:flex;flex-wrap:wrap;gap:25px;margin-top:25px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif}
.dashboard-box{border:1px solid #e0e0e0;border-radius:8px;padding:20px 25px;flex-basis:300px;flex-grow:1;background:#fff;box-shadow:0 4px 6px rgba(0,0,0,.04);transition:transform .2s,box-shadow .2s}
.dashboard-box:hover{transform:translateY(-5px);box-shadow:0 8px 15px rgba(0,0,0,.08)}
.dashboard-box h3{margin-top:0;color:#1d2327;font-size:20px}
.dashboard-box p{font-size:15px;color:#50575e;min-height:60px}
.dashboard-button{display:inline-block;margin-top:15px;padding:10px 20px;background:#2271b1;color:#fff;text-decoration:none;border-radius:5px;font-weight:700;transition:background-color .2s}
.dashboard-button:hover{background:#185a9d}
.dashboard-button.disabled{background:#a0a5aa;cursor:not-allowed}

/* =======================
    FLUENTFORM (ID=3)
======================= */
#fluentform_3{background:#f6f8fb;padding:10px;border-radius:12px}
#fluentform_3 .ff-el-group{background:#fff;border:1px solid #e8eef7;border-radius:14px;padding:16px 18px;margin:14px 0;box-shadow:0 1px 3px rgba(0,0,0,.06)}
#fluentform_3 .ff-el-label label{white-space:pre-line}
#fluentform_3 .ff-el-html.kp-card{background:#fff;border:1px solid #e8eef7;border-radius:14px;padding:16px 18px;margin:14px 0 0;box-shadow:0 1px 3px rgba(0,0,0,.06)}
#fluentform_3 .ff-el-html.kp-card+.ff-el-group{margin-top:0;border-top:0;border-top-left-radius:0;border-top-right-radius:0}
#fluentform_3 .ff-el-group.kp-join{margin-top:0;border-radius:0;border-top:0}
#fluentform_3 .ff-el-group.kp-join-first{margin-top:0;border-top-left-radius:0;border-top-right-radius:0;border-top:0}
#fluentform_3 .ff-el-group.kp-join-last{border-bottom-left-radius:14px;border-bottom-right-radius:14px}
#fluentform_3 .ff-el-html.kp-card ol{margin:8px 0 0 22px}
#fluentform_3 .ff-el-html.kp-card li{margin-bottom:6px}
#fluentform_3 .ff-el-html.kp-card h3{margin:0 0 8px}

/* =======================
    FOOTER COPYRIGHT GİZLE
======================= */
.site-info,.copyright,.footer-copyright,
.footer-bottom,.site-footer-bottom,.footer-info,
footer [class*="copyright"],footer [class*="rights"]{display:none!important}

/* =======================
    SLIDER AŞAĞI OKU
======================= */
.scroll-down-container {
  position: absolute !important;
  bottom: 40px !important; /* Dikey konumu buradan ayarlayabilirsiniz */
  left: 50% !important;
  transform: translateX(-50%) !important;
  z-index: 999 !important; /* Diğer her şeyin üzerinde görünmesi için */
  display: block !important;
}
.scroll-down-arrow {
  width: 24px;
  height: 24px;
  border: 2px solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  cursor: pointer;
  animation: bounce 2s infinite;
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0) rotate(45deg);
  }
  40% {
    transform: translateY(-20px) rotate(45deg);
  }
  60% {
    transform: translateY(-10px) rotate(45deg);
  }
}
/* ===== KALEM PSİKOLOJİ HİZMET KARTLARI BAŞLANGIÇ ===== */

/* Kartın ana yapısı, gradient arka planı ve gölgesi */
.hizmet-karti {
    background: linear-gradient(135deg, #6a11cb 0%, #2575fc 100%); /* Mor-mavi gradient */
    padding: 40px 25px; /* İç boşluklar */
    border-radius: 18px; /* Kenar yuvarlaklığı */
    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out; /* Animasyon yumuşaklığı */
    text-align: center;
    height: 100%; /* Sütun yüksekliğini tamamen doldurması için */
}

/* Fareyle üzerine gelince kartın hafifçe yukarı kalkması ve gölgenin artması */
.hizmet-karti:hover {
    transform: translateY(-10px); /* Yukarı kalkma mesafesi */
    box-shadow: 0 15px 30px rgba(40, 80, 250, 0.25); /* Daha belirgin gölge */
}

/* Kartın içindeki İKON rengi ve boyutu */
.hizmet-karti .elementor-icon-box-icon .elementor-icon {
    color: #FFFFFF !important;
    font-size: 55px;
}

/* Kartın içindeki BAŞLIK rengi ve stili */
.hizmet-karti .elementor-icon-box-title a,
.hizmet-karti .elementor-icon-box-title {
    color: #FFFFFF !important;
    font-weight: 700; /* Yazı tipi kalınlığı */
    font-size: 20px; /* Başlık boyutu */
}

/* Kartın içindeki AÇIKLAMA rengi */
.hizmet-karti .elementor-icon-box-description {
    color: rgba(255, 255, 255, 0.85) !important;
    line-height: 1.6;
}

/* ===== KALEM PSİKOLOJİ HİZMET KARTLARI BİTİŞ ===== */
/* Tutor LMS Dashboard Sol Menü Link Renkleri */
.tutor-dashboard-sidebar ul.tutor-dashboard-nav-links li a {
    color: #ffffff !important; /* Yazı rengini beyaz yapar */
    opacity: 0.85; /* Çok parlak olmasın diye hafif opaklık */
}

/* Aktif Olan Menü Öğesi */
.tutor-dashboard-sidebar ul.tutor-dashboard-nav-links li.active a {
    color: #ffffff !important; /* Aktif link de beyaz */
    opacity: 1; /* Aktif olan tam beyaz */
}

/* Mouse ile üzerine gelince */
.tutor-dashboard-sidebar ul.tutor-dashboard-nav-links li a:hover {
    color: #ffffff !important; /* Üzerine gelince de beyaz */
    opacity: 1;
}

/* Menü İkon Renkleri (Opsiyonel) */
.tutor-dashboard-sidebar ul.tutor-dashboard-nav-links li a .tutor-icon {
    color: #ffffff !important; /* İkonları da beyaz yapar */
    opacity: 0.85;
}
.tutor-dashboard-sidebar ul.tutor-dashboard-nav-links li.active a .tutor-icon,
.tutor-dashboard-sidebar ul.tutor-dashboard-nav-links li a:hover .tutor-icon {
    opacity: 1;
}
html,
body {
    overflow: auto !important;
    height: auto !important;
}
/* SİTE ARKA PLANI MAVİ */
body {
  background-color: #0066cc !important;
  background: linear-gradient(135deg, #0052a3 0%, #0080ff 100%) !important;
}

/* ELEMENTOR SECTION ARKA PLANLARI */
.elementor-section {
  background-color: transparent !important;
}

/* SAYFA İÇERİĞİ ARKA PLANI */
.site-content,
#content,
.content-area {
  background-color: #0066cc !important;
}

/* HEADER VE FOOTER HARİÇ HER YER MAVİ */
main,
.site-main {
  background: linear-gradient(135deg, #0052a3 0%, #0080ff 100%) !important;
}
/* --- ANASAYFA HARİÇ LOGO - HİZALAMA REVİZE --- */

/* 1. Butonun yanına boşluk aç */
body:not(.home) .main-navigation ul li:last-child,
body:not(.home) .menu li:last-child,
body:not(.home) #primary-menu li:last-child {
    position: relative !important;
    margin-right: 145px !important; 
}

/* 2. Logoyu yerleştir */
body:not(.home) .main-navigation ul li:last-child::after,
body:not(.home) .menu li:last-child::after,
body:not(.home) #primary-menu li:last-child::after {
    content: '';
    background-image: url('https://kalempsikolojiedm.com/wp-content/uploads/2025/11/2024-netmer-1-Photoroom.png');
    background-size: contain;
    background-repeat: no-repeat;
    
    position: absolute;
    top: 50%; 
    transform: translateY(-50%);
    
    /* AŞAĞI İNDİRME AYARI */
    /* Burayı 16px yaptım, logo aşağı indi. */
    margin-top: 16px;  
    
    right: -135px; 
    width: 120px; 
    height: 60px; 
    pointer-events: none;
}
/* Logo yüksekliğini artır ve taşırmayı dene */
.logo img, .site-logo img, .custom-logo {
    max-height: 120px !important; /* Logoyu daha uzun olmaya zorlar */
    width: auto !important; /* Genişliği serbest bırakır */
    margin-top: 10px; /* Biraz aşağı iter */
}
/* --- MOBİL DÜZENLEME BAŞLANGIÇ --- */
@media only screen and (max-width: 768px) {
  
  /* 1. Üst Menü Arka Planını Beyaz Yap */
  header, .main-header, .site-header, #masthead {
    background-color: #ffffff !important;
    position: relative !important;
    z-index: 9999 !important;
  }

  /* 2. Logoyu Küçült (NETMER yazısı) */
  .custom-logo-link img, .site-logo img, .navbar-brand img, img.custom-logo {
    max-width: 140px !important;
    height: auto !important;
  }

  /* 3. Menü Yazıları ve İkonları Görünür Olsun */
  .menu-toggle, .main-navigation a {
    color: #000000 !important;
  }
}
/* --- MOBİL DÜZENLEME BİTİŞ --- */