/* Custom CSS for Emrah Yılmaz */

/* ===== Google Sans Flex Font ===== */
:root {
  --font-family: 'Google Sans Flex', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;
  
  /* Font Weights */
  --fw-thin: 100;
  --fw-extralight: 200;
  --fw-light: 300;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;
  --fw-extrabold: 800;
  --fw-black: 900;
}

/* Apply font globally */
html, body {
  font-family: var(--font-family);
  font-optical-sizing: auto;
  font-weight: var(--fw-regular);
}

/* Headings */
h1, h2, h3, h4, h5, h6,
.heading-title,
.heading-subtitle {
  font-family: var(--font-family);
}

h1, .h1 {
  font-weight: var(--fw-bold);
}

h2, .h2 {
  font-weight: var(--fw-bold);
}

h3, .h3 {
  font-weight: var(--fw-semibold);
}

h4, .h4 {
  font-weight: var(--fw-semibold);
}

h5, .h5 {
  font-weight: var(--fw-medium);
}

h6, .h6 {
  font-weight: var(--fw-medium);
}

/* Paragraphs and body text */
p, span, a, li {
  font-family: var(--font-family);
  font-weight: var(--fw-regular);
}

/* Navigation */
.navbar,
.navbar-nav,
.nav-link {
  font-family: var(--font-family);
  font-weight: var(--fw-medium);
}

/* Buttons */
.dextheme-btn,
.btn,
button {
  font-family: var(--font-family);
  font-weight: var(--fw-semibold);
}

/* Form elements */
input,
textarea,
select {
  font-family: var(--font-family);
  font-weight: var(--fw-regular);
}

/* Footer */
.dextheme-footer {
  font-family: var(--font-family);
}

.dextheme-footer .footer-main {
  background-image: none !important;
  background-color: #f8f9fa;
}

.dextheme-footer .footer-main:before {
  display: none !important;
  content: none !important;
}

/* ===== Inner Page Styles ===== */

/* Page header background position */
.page-header.heading-wrapper {
  background-position: center top !important;
}

/* Page header breadcrumb positioning */
.heading-wrapper .title-breadcrumb {
  justify-content: flex-end;
  padding-bottom: 3rem;
}

/* Inner page navbar - solid background from start */
.navbar-inner {
  background-color: #fff !important;
  box-shadow: 0 2px 15px rgba(0, 0, 0, 0.1) !important;
}

.navbar-inner .navbar-nav .nav-link {
  color: #333 !important;
}

.navbar-inner .navbar-nav .nav-link:hover {
  color: #366d85 !important;
}

/* About page styles */
.about-me-split-card {
  gap: 2rem;
}

.about-me-split-card .profile-image {
  position: relative;
  border-radius: 10px;
  overflow: hidden;
}

.about-me-split-card .profile-image img {
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: 10px;
}

.about-me-split-card .profile-image .social-links {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 15px;
  background: rgba(255, 255, 255, 0.9);
  padding: 10px 20px;
  border-radius: 30px;
}

.about-me-split-card .profile-image .social-links a {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #366d85;
  transition: all 0.3s ease;
}

.about-me-split-card .profile-image .social-links a svg {
  width: 20px;
  height: 20px;
  fill: #366d85;
}

.about-me-split-card .profile-image .social-links a:hover svg {
  fill: #052b44;
}

.about-description {
  font-size: 16px;
  line-height: 1.8;
  color: #555;
}

.therapist-quotes {
  margin-top: 2rem;
  padding: 1.5rem;
  background: #f8f9fa;
  border-radius: 10px;
  position: relative;
}

.therapist-quotes .icon-quote2 {
  position: absolute;
  top: -10px;
  left: 20px;
  font-size: 40px;
  color: #366d85;
  opacity: 0.3;
}

.therapist-quotes h4 {
  font-style: italic;
  font-weight: 400;
}

.therapist-quotes .quote-author {
  font-weight: 600;
  color: #366d85;
  margin-top: 1rem;
}

/* Professional Background Section */
.professional-background h4 {
  font-size: 18px;
}

.specialization-lists {
  list-style: none;
  padding: 0;
  margin: 0;
}

.specialization-lists .list-item {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
  font-size: 15px;
  color: #333;
}

.specialization-lists .list-item .svg-icon.circle-check-icon {
  width: 20px;
  height: 20px;
  min-width: 20px;
  border-radius: 50%;
  margin-right: 12px;
  background-color: #366d85;
}

.specialization-lists .list-item .svg-icon.circle-check-icon:before {
  content: '✓';
  color: #fff;
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

/* Background colors */
.bg-light-gray {
  background-color: #f8f9fa;
}

.footer-menu-list,
.footer-contact-us {
  font-weight: var(--fw-regular);
}

/* Cards and special elements */
.dextheme-service-card h4,
.image-box-content h4,
.blog-card-content h4 {
  font-weight: var(--fw-semibold);
}

.review-card .user-profile h5 {
  font-weight: var(--fw-semibold);
}

.review-card .user-comment p {
  font-weight: var(--fw-regular);
}

/* Quotes */
.quotes h4 {
  font-weight: var(--fw-medium);
  font-style: italic;
}

/* Counter/Stats */
.counter,
.wellbeing-counter h2 {
  font-weight: var(--fw-bold);
}

.wellbeing-counter h4 {
  font-weight: var(--fw-medium);
}

/* Methodology steps */
.methodology-steps .step-heading h3 {
  font-weight: var(--fw-bold);
}

.methodology-steps .step-text h4 {
  font-weight: var(--fw-semibold);
}

/* Utility classes for font weights */
.fw-thin { font-weight: var(--fw-thin) !important; }
.fw-extralight { font-weight: var(--fw-extralight) !important; }
.fw-light { font-weight: var(--fw-light) !important; }
.fw-regular { font-weight: var(--fw-regular) !important; }
.fw-medium { font-weight: var(--fw-medium) !important; }
.fw-semibold { font-weight: var(--fw-semibold) !important; }
.fw-bold { font-weight: var(--fw-bold) !important; }
.fw-extrabold { font-weight: var(--fw-extrabold) !important; }
.fw-black { font-weight: var(--fw-black) !important; }

/* ===== Sticky Transparent Navbar ===== */
.navbar {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1030;
  transition: all 0.3s ease-in-out;
}

/* Transparent state (on hero/slider) */
.navbar.navbar-transparent {
  background: transparent !important;
}

.navbar.navbar-transparent .nav-link,
.navbar.navbar-transparent .navbar-nav .nav-link {
  color: #ffffff !important;
}

.navbar.navbar-transparent .nav-link:hover,
.navbar.navbar-transparent .navbar-nav .nav-link:hover {
  color: rgba(255, 255, 255, 0.8) !important;
}

.navbar.navbar-transparent .button-call .nav-link {
  color: #ffffff !important;
}

.navbar.navbar-transparent .button-call svg {
  fill: #ffffff;
}

.navbar.navbar-transparent .dextheme-btn.btn-primary {
  background: #ffffff;
  color: #052B44;
  border-color: #ffffff;
}

.navbar.navbar-transparent .dextheme-btn.btn-primary:hover {
  background: transparent;
  color: #ffffff;
  border-color: #ffffff;
}

.navbar.navbar-transparent .dropdown-menu {
  background: rgba(255, 255, 255, 0.95);
}

.navbar.navbar-transparent .dropdown-menu .dropdown-item {
  color: #052B44;
}

/* Logo switching */
.navbar .logo-dark {
  display: block;
}

.navbar .logo-white {
  display: none;
}

.navbar.navbar-transparent .logo-dark {
  display: none;
}

.navbar.navbar-transparent .logo-white {
  display: block;
}

/* Scrolled/Sticky state */
.navbar.navbar-scrolled {
  background: #ffffff !important;
  box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1);
}

.navbar.navbar-scrolled .nav-link {
  color: #052B44 !important;
}

.navbar.navbar-scrolled .logo-dark {
  display: block;
}

.navbar.navbar-scrolled .logo-white {
  display: none;
}

/* Navbar toggler for transparent */
.navbar.navbar-transparent .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

/* Body padding for fixed navbar */
body {
  padding-top: 0;
}

/* Hero section adjustment */
.hero-banner {
  margin-top: 0;
  background-size: cover !important;
  background-position: right center !important;
}

.hero-banner:before {
  display: none !important;
  content: none !important;
}

/* Hero Button - White Hover Effect */
.dextheme-btn.hover-white {
  position: relative;
  overflow: hidden;
  transition: all 0.3s ease;
}

.dextheme-btn.hover-white:hover {
  color: #ffffff !important;
  border-color: #ffffff !important;
  background-color: transparent !important;
}

.dextheme-btn.hover-white::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);
  transition: left 0.5s ease;
}

.dextheme-btn.hover-white:hover::before {
  left: 100%;
}

/* Button Primary Color Override */
.btn-primary,
.dextheme-btn.btn-primary {
  --bs-btn-bg: #366d85;
  --bs-btn-border-color: #366d85;
  --bs-btn-hover-bg: #2d5a70;
  --bs-btn-hover-border-color: #2d5a70;
  --bs-btn-active-bg: #254a5c;
  --bs-btn-active-border-color: #254a5c;
  --bs-btn-disabled-bg: #366d85;
  --bs-btn-disabled-border-color: #366d85;
}

/* Header Phone Number Styling */
.navbar .button-call .nav-link {
  font-size: 1.25rem;
  font-weight: 400;
}

/* Main Menu Font Weight */
.navbar-nav .nav-link {
  font-weight: 400;
}

/* Transparent Navbar Button Style */
.navbar.navbar-transparent .dextheme-btn.btn-primary {
  background: #366d852e;
  color: #f8f9fa;
  border-color: #ffffff;
}

/* All Buttons - Rounded Corners */
.btn,
.dextheme-btn {
  border-radius: 6px;
}

/* Services Marquee - Overlapping Hero */
.services-marquee-wrapper {
  position: relative;
  z-index: 10;
  margin-top: -112px; /* 25% lower than -150px */
  padding-bottom: 40px;
  overflow: hidden;
}

.services-marquee {
  width: 100%;
  overflow: hidden;
}

.services-marquee-track {
  display: flex;
  gap: 24px;
  animation: marquee-scroll 15s linear infinite;
  width: max-content;
}

.services-marquee-track:hover {
  animation-play-state: paused;
}

@keyframes marquee-scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-33.333%);
  }
}

.services-marquee .dextheme-service-card {
  flex: 0 0 280px;
  min-width: 280px;
  background: #e1e9ed;
  border-radius: 8px;
  box-shadow: 0 4px 20px rgba(0,0,0,0.1);
  border: 2px dashed #366d85;
}

@media (max-width: 768px) {
  .services-marquee-wrapper {
    margin-top: -100px;
  }
  
  .services-marquee .dextheme-service-card {
    flex: 0 0 250px;
    min-width: 250px;
  }
}

/* Service Card Dashed Border Color */
.dextheme-service-card {
  border-color: #366d85 !important;
}

/* About Section Image */
.about-image-wrapper {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

.about-image {
  width: 100%;
  max-width: 500px;
  height: auto;
  border-radius: 8px;
  box-shadow: 0 10px 40px rgba(0,0,0,0.1);
  object-fit: cover;
}

@media (max-width: 991px) {
  .about-image {
    max-width: 100%;
  }
}

/* Add your custom styles here */

/* Wellbeing section - responsive */
.bg-with-image {
  width: 100%;
  overflow: hidden;
}
.bg-with-image img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 12px;
}

@media (max-width: 991px) {
  .bg-with-image {
    margin-top: 30px;
  }
}

@media (max-width: 768px) {
  .dextheme-w-85.progress-body {
    width: 100% !important;
  }
  .d-flex.gap-5 {
    gap: 1.5rem !important;
  }
  .dextheme-w-35 {
    width: 45% !important;
  }
  .wellbeing-counter h2 {
    font-size: 1.6rem;
  }
  .wellbeing-counter h4 {
    font-size: 1rem;
  }
}