/*
Theme Name: Ripon Theme
Text Domain: tekeci
Theme URI: https://tekeci.co/
Author: Tekeci Ahmet 
Author URI: https://tekeci.co
Description: Specifically designed for Sortr by Tekeci Ahmet.
Version: 1.0
License: Tekeci.co
License URI: https://tekeci.co/
*/









/* ---------- CSS Variables (Renk Sistemi) ---------- */

:root {
    /* Primary Colors (Mavi) */
    --primary: #0062FF;
    --primary-50: #E6F0FF;
    --primary-100: #CCE1FF;
    --primary-200: #99C3FF;
    --primary-300: #66A5FF;
    --primary-400: #3387FF;
    --primary-500: #0062FF;
    --primary-600: #0050CC;
    --primary-700: #003D99;
    --primary-800: #002966;
    --primary-900: #001633;

    /* Secondary Colors (Açık Mavi/Turkuaz) */
    --secondary: #43E9FF;
    --secondary-50: #E8FCFF;
    --secondary-100: #D1F9FF;
    --secondary-200: #A3F3FF;
    --secondary-300: #75EDFF;
    --secondary-400: #43E9FF;
    --secondary-500: #1FD9F5;
    --secondary-600: #18ADC2;
    --secondary-700: #128290;
    --secondary-800: #0C565D;
    --secondary-900: #062B2F;

    /* Neutral Colors (Grayscale) */
    --white: #FFFFFF;
    --black: #000000;
    --gray-50: #F9FAFB;
    --gray-100: #F3F4F6;
    --gray-200: #E5E7EB;
    --gray-300: #D1D5DB;
    --gray-400: #9CA3AF;
    --gray-500: #6B7280;
    --gray-600: #4B5563;
    --gray-700: #374151;
    --gray-800: #1F2937;
    --gray-900: #111827;

    /* Text Colors */
    --text-primary: #0062FF;
    --text-secondary: #2C2826;
    --text-muted: #9CA3AF;
    --text-inverse: #FFFFFF;

    /* Background Colors */
    --bg-primary: #0062FF;
    --bg-secondary: #F9FAFB;
    --bg-tertiary: #F2F5FA;
    --bg-dark: #060720;
    --bg-overlay: rgba(6, 7, 32, 0.5);

    /* Border Colors */
    --border-primary: #DBDFE9;
    --border-secondary: #D1D5DB;
    --border-dark: #374151;

    /* Transitions */
    --transition-fast: 150ms ease;
    --transition-base: 300ms ease;
    --transition-slow: 500ms ease;
}


/* ---------- Renk Utility Classes ---------- */

/* Text Colors */
.text-primary { color: var(--text-primary); }
.text-secondary { color: var(--text-secondary); }
.text-muted { color: var(--text-muted); }
.text-white { color: var(--white); }
.text-black { color: var(--black); }

/* Primary Color Shades */
.text-primary-500 { color: var(--primary-500); }
.text-primary-600 { color: var(--primary-600); }
.text-primary-700 { color: var(--primary-700); }

/* Secondary Color Shades */
.text-secondary-400 { color: var(--secondary-400); }
.text-secondary-500 { color: var(--secondary-500); }
.text-secondary-600 { color: var(--secondary-600); }

/* Gray Shades */
.text-gray-400 { color: var(--gray-400); }
.text-gray-500 { color: var(--gray-500); }
.text-gray-600 { color: var(--gray-600); }
.text-gray-700 { color: var(--gray-700); }
.text-gray-800 { color: var(--gray-800); }

/* Background Colors */
.bg-primary { background-color: var(--bg-primary); }
.bg-secondary { background-color: var(--bg-secondary); }
.bg-tertiary { background-color: var(--bg-tertiary); }
.bg-dark { background-color: var(--bg-dark); }
.bg-white { background-color: var(--white); }
.bg-black { background-color: var(--black); }

/* Primary Background Shades */
.bg-primary-50 { background-color: var(--primary-50); }
.bg-primary-500 { background-color: var(--primary-500); }
.bg-primary-600 { background-color: var(--primary-600); }
.bg-primary-700 { background-color: var(--primary-700); }

/* Secondary Background Shades */
.bg-secondary-50 { background-color: var(--secondary-50); }
.bg-secondary-400 { background-color: var(--secondary-400); }
.bg-secondary-500 { background-color: var(--secondary-500); }

/* Gray Background Shades */
.bg-gray-50 { background-color: var(--gray-50); }
.bg-gray-100 { background-color: var(--gray-100); }
.bg-gray-200 { background-color: var(--gray-200); }
.bg-gray-800 { background-color: var(--gray-800); }
.bg-gray-900 { background-color: var(--gray-900); }

/* Border Colors */
.border-primary { border-color: var(--border-primary); }
.border-secondary { border-color: var(--border-secondary); }
.border-dark { border-color: var(--border-dark); }






/* ---------- Temel ---------- */
*,
*::before,
*::after {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
    background: #000;
}

.site body {
    background-color: #ffffff;
    margin: 0px;
    font-family: 'GeneralSans', sans-serif;
    font-size: 16px;
    color: #000000;
}

.site button,
.site select,
.site form,
.site input {
    font-family: 'GeneralSans', sans-serif;
}

section {
    margin: 0px;
    padding: 0px;
    display: flow-root;
}

/* ====== Font TANIMLAMALARI ====== */
.site h1, .site h2, .site h3, .site h4, .site h5, .site h6 { text-wrap: balance; margin-block-start: 0; margin-block-end: 0; }
.site p, .site ul, .site ol, .site dl { text-wrap: pretty; margin-block-start: 0;  margin-block-end: 0; }

:focus {
    outline: 0;
    background: none;
}
















/* ---------- bolumler > nav.php ---------- */
.navust {
  transition: 0.3s all ease;
}

.navust .nav-left svg .text-logo {
    fill:#071437;
}

.navust .nav-left svg .top-icon-logo {
    fill:#1B84FF;
}

.navust .nav-left svg .bottom-icon-logo {
    fill:#C0DDFF;
}


.home .navust .nav-mid .main-nav li a {
  color: var(--base-color);
}

.home .navust .nav-left svg .text-logo {
    fill:#fff;
}

.home .navust .nav-left svg .top-icon-logo {
    fill:#C0DDFF;
}

.home .navust .nav-left svg .bottom-icon-logo {
    fill:#fff;
}

.home .navust .nav-right a {
    background:var(--white);
    color: var(--primary);
}

 .home .navust .nav-right .btn-outline.outline-primary:hover::before {
    background-color: rgb(244, 243, 243);
}




/* Sticky Header */
.navust.sticky {
    background: #fff;
    border-bottom: 1px solid var(--border-primary);
    position: fixed;
    top: 0;
    width: 100%;
}

.home .navust.sticky .nav-mid .main-nav li a {
  color: var(--black);
}

.navust.sticky .nav-left svg .text-logo {
    fill:#fff;
}

.navust.sticky .nav-left svg .top-icon-logo {
    fill:#fff;
}

.navust.sticky .nav-left .dropbtn span {
    background:#000 !important;
}

.navust.sticky .nav-right a {
    background:var(--primary) !important;
    color: var(--white) !important;
}



body.menuacik .nav-left svg .text-logo, .navust.sticky .nav-left svg .text-logo {
    fill:#071437 !important;
}

body.menuacik .nav-left svg .top-icon-logo, .navust.sticky .nav-left svg .top-icon-logo {
    fill:#1B84FF !important;
}

body.menuacik .nav-left svg .bottom-icon-logo, .navust.sticky .nav-left svg .bottom-icon-logo {
    fill:#C1DDFF !important;
}





.navust .nav-mid .main-nav {
  justify-content: center;
  gap: 36px;
  margin: 0;
  padding: 0;
  list-style: none;
  transition: all 0.3s;
}

.navust .nav-mid .main-nav ul {
  display: flex;
  align-items: center;
  gap: 48px;
  margin: 0;
  padding: 0;
  list-style: none;
  transition: all 0.3s;
}
.navust .nav-mid .main-nav li {
  display: flex;
}

.navust .nav-mid .main-nav li a {
  color: var(--black);
  text-decoration: none;
  padding: 4px 0px;
  display: flex;
  align-items: center;
  transition: all 0.3s;
  cursor: pointer;
  white-space: nowrap;
  font-size: 15px;
}
.nav .nav-mid .main-nav:has(a:hover) a:not(:hover) {
  opacity: 0.7 !important;
}

/* ====== Sub Menü Elementleri ====== */
.navust .main-nav .menu-item {
  position: relative; /* Alt menüyü konumlandırmak için */
}

/* Alt menü stil (1. seviye) */
.navust .main-nav .menu-item .sub-menu {
  display: none; /* Başlangıçta gizli */
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: 100%;
  left: 0;
  margin-top: 0; /* Boşluğu kaldırdık - ÖNEMLİ! */
  padding: 16px 24px;
  background: #fff;
  z-index: 1000;
  border: 1px solid var(--border-primary);
  border-radius: 5px;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  min-width: 200px; /* Minimum genişlik */
}

/* İkinci seviye alt menü (sub-sub-menu) */
.navust .main-nav .menu-item .sub-menu .menu-item {
  position: relative;
}

.navust .main-nav .menu-item .sub-menu .menu-item .sub-menu {
  display: none;
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: 0; /* Üst hizasında başla */
  left: calc(100% - 10px); /* Tamamen sağa kaydır */
  margin-top: 0;
  margin-left: 0; /* Daha fazla sağa kaydır */
  padding: 16px 24px;
  background: #fff;
  z-index: 1001; /* Üst seviyeden daha yüksek z-index */
  border: 1px solid var(--border-primary);
  border-radius: 5px;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  min-width: 180px;
}

.navust .main-nav .menu-item .sub-menu {
  transition: opacity 0.4s ease 0.1s, visibility 0.4s ease 0.1s, transform 0.4s ease 0.1s;
}

.navust .main-nav .menu-item .sub-menu .menu-item .sub-menu {
  transition: opacity 0.4s ease 0.2s, visibility 0.4s ease 0.2s, transform 0.4s ease 0.2s;
}

/* Hover efektleri */
.navust .main-nav .menu-item:hover > .sub-menu {
  display: block;
  visibility: visible;
  opacity: 1;
}

.navust .main-nav .menu-item .sub-menu .menu-item:hover > .sub-menu {
  display: block;
  visibility: visible;
  opacity: 1;
}

/* Sub menü öğelerinin stilleri */
.navust .main-nav .menu-item .sub-menu li {
  padding: 4px 0;
  border-bottom: 1px solid #e5e5e5;
  position: relative; /* Ok pozisyonu için */
}

.navust .main-nav .menu-item .sub-menu li:last-child {
  border-bottom: none;
}

.navust .main-nav .menu-item .sub-menu li a {
  display: flex; /* Flexbox kullan */
  align-items: center; /* Dikey hizalama */
  justify-content: space-between; /* İçeriği yay */
  padding: 8px 0;
  text-decoration: none;
  transition: color 0.3s ease;
  width: 100%;
}

.navust .main-nav .menu-item .sub-menu li a:hover {
  color: var(--primary-color);
}

/* Ok ikonları */
.navust li svg {
  display: none;
}

.navust li.menu-item-has-children > a svg {
  display: inline-block;
  margin-left: 4px;
  vertical-align: middle;
}

/* İkinci seviye için sağa bakan ok - Düzeltildi */
.navust .sub-menu li.menu-item-has-children > a svg {
  display: inline-block;
  margin-left: auto; /* Otomatik margin ile sağa yasla */
  margin-right: 0;
  transform: rotate(-90deg); /* Oku sağa çevir */
  flex-shrink: 0; /* Küçülmeyi engelle */
  width: 8px; /* Ok boyutunu küçült */
  height: 8px; /* Ok boyutunu küçült */
}

/* Ana menü okları için */
.navust .main-nav > li.menu-item-has-children > a svg {
  margin-left: 4px;
  transform: rotate(0deg); /* Ana menüde aşağı bakan ok */
}

/* Ekstra: Alt menü animasyonu için */
.navust .main-nav .menu-item .sub-menu {
  transform: translateY(-10px);
  transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease;
}

.navust .main-nav .menu-item:hover > .sub-menu {
  transform: translateY(0);
}

.navust .main-nav .menu-item .sub-menu .menu-item .sub-menu {
  transform: translateX(-10px);
}

.navust .main-nav .menu-item .sub-menu .menu-item:hover > .sub-menu {
  transform: translateX(0);
}















/* ---------- footer.php ---------- */
.bolum-footer {
    background-color: #000000;
    color: #ffffff;
}

/* Telefon */
@media (max-width: 767px) {}

/* Tablet */
@media (min-width: 767px) and (max-width: 991.98px) {}

/* ipad Pro Portrait */
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) {}























































/* ---------- Component Classes ---------- */

/* === BUTONLAR === */

/* Icon Arrow - Tüm butonlar için universal icon sistemi */
.icon-arrow::after {
    content: '';
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-left: 0.5rem;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M12 5l7 7-7 7'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    flex-shrink: 0;
    transform: rotate(-45deg);
    transition: transform 0.3s ease-in-out;
    opacity: 1;
}

.icon-arrow:hover::after {
    transform: rotate(0deg);
}

/* === BASE BUTTON - Universal Button Component === */
.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    padding: 20px 20px;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0.2px;
    border-radius: 4px;
    border: none;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    overflow: hidden;
    white-space: nowrap;
    transition: all 0.5s ease-in-out;
    -webkit-appearance: none;
    z-index: 1;
}

/* Hover Circle Expand Effect - Ortadan Büyüyen Daire */
.btn::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.15);
    transform: translate(-50%, -50%) scale(0);
    transition: width 0.6s ease, transform 0.6s ease;
    z-index: -1;
}

.btn:hover::before {
    width: 300px;
    transform: translate(-50%, -50%) scale(1);
}

/* === BUTTON COLOR VARIANTS === */

/* Primary (Mavi) */
.btn-primary {
    background-color: var(--primary);
    color: var(--white);
}

/* Secondary (Turkuaz) */
.btn-secondary {
    background-color: var(--secondary);
    color: var(--text-primary);
}

/* White */
.btn-white {
    background-color: var(--white);
    color: var(--text-primary);
}

/* === OUTLINE BUTTONS (Transparent with Border) === */

/* Base Outline - Default: Primary (Mavi) */
.btn-outline {
    background-color: transparent;
    color: var(--primary);
    border: 1px solid var(--primary);
}

.btn-outline::before {
    background-color: var(--primary);
}

.btn-outline:hover {
    color: var(--white);
}

/* Outline White Modifier */
.btn-outline.outline-white {
    color: var(--white);
    border-color: var(--white);
}

.btn-outline.outline-white::before {
    background-color: var(--white);
}

.btn-outline.outline-white:hover {
    color: var(--primary);
}

/* Outline Secondary Modifier (Turkuaz) */
.btn-outline.outline-secondary {
    color: var(--secondary);
    border-color: var(--secondary);
}

.btn-outline.outline-secondary::before {
    background-color: var(--secondary);
}

.btn-outline.outline-secondary:hover {
    color: var(--text-primary);
}

/* Outline Primary Modifier (Border Primary, Text Black) */
.btn-outline.outline-primary {
    color: var(--black);
    border-color: var(--border-primary);
}

.btn-outline.outline-primary::before {
    background-color: var(--primary);
}

.btn-outline.outline-primary:hover {
    color: var(--white);
}

/* Ghost (Transparent) */
.btn-ghost {
    background-color: transparent;
    color: var(--text-primary);
}

.btn-ghost::before {
    background-color: var(--bg-tertiary);
}

/* === BUTTON SIZE VARIANTS === */

.btn-small {
    height: 44px;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    font-size: 0.875rem;
}

.btn-large {
    padding: 22px 32px;
    font-size: 16px;
}

/* === BUTTON STATES === */

.btn:active {
    transform: scale(0.98);
}

.btn:disabled {
    opacity: 0.5;
    cursor: not-allowed;
    pointer-events: none;
}

/* Button Loading State */
.btn-loading {
    pointer-events: none;
    opacity: 0.7;
}

.btn-loading::after {
    content: '';
    position: absolute;
    width: 16px;
    height: 16px;
    top: 50%;
    left: 50%;
    margin-left: -8px;
    margin-top: -8px;
    border: 2px solid currentColor;
    border-radius: 50%;
    border-top-color: transparent;
    animation: button-loading-spinner 0.6s linear infinite;
    z-index: 3;
}

@keyframes button-loading-spinner {
    from { transform: rotate(0turn); }
    to { transform: rotate(1turn); }
}




/* ---------- Global Components ---------- */

/* Gradient Text - Tüm sectionlarda kullanılabilir */
.gradient-text {
    background: linear-gradient(180deg, #0083FF 0%, #009AF1 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* Float Animation - Tüm sectionlarda kullanılabilir */
@keyframes float {
    0%, 100% {
        transform: translateY(-50%);
    }
    50% {
        transform: translateY(calc(-50% - 15px));
    }
}

/* Floating Card Icons - Global */
.floating-card .w-6.h-6 {
    display: block;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}


/* ---------- bolumler > section-hero.php ---------- */

.section-hero {
    background: linear-gradient(135deg, var(--primary) 0%, #0052D9 100%);
    position: relative;
    overflow: hidden;
}

/* Floating Card */
.section-hero .floating-card {
    position: absolute;
    top: 50%;
    left: 0;
    animation: float 3s ease-in-out infinite;
    z-index: 10;
}

/* Hero Image Background Pattern */
.section-hero .hero-bg-pattern {
    position: absolute;
    top: calc(50% + 3rem);
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: auto;
    opacity: 0.5;
    z-index: 0;
    pointer-events: none;
    mix-blend-mode: overlay;
}

.section-hero .hero-image {
    position: relative;
    z-index: 1;
}

/* Logo hover effects */
.section-hero .logo-item img {
    filter: brightness(0) invert(1);
}


/* ---------- bolumler > section-customers-heading.php ---------- */

.section-customers-heading .customers-heading-wrap {
    min-height: 600px;
}

.section-customers-heading .customers-heading-content {
    text-align: center;
}

.section-customers-heading .customer-avatar {
    position: absolute;
    width: 96px;
    height: 96px;
    border-radius: 50%;
    overflow: hidden;
    border: 4px solid var(--white);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    z-index: 5;
    animation: float 3s ease-in-out infinite;
}

/* Avatar pozisyonları */
.section-customers-heading .avatar-1 {
    left: 10%;
    top: 22%;
    animation-delay: 0s;
}

.section-customers-heading .avatar-2 {
    right: 20%;
    top: 16%;
    animation-delay: 0.5s;
}

.section-customers-heading .avatar-3 {
    right: 0%;
    top: 56%;
    animation-delay: 1s;
}

.section-customers-heading .avatar-4 {
    left: 20%;
    bottom: 8%;
    animation-delay: 1.5s;
}

.section-customers-heading .avatar-5 {
    right: 10%;
    bottom: 6%;
    animation-delay: 2s;
}


/* ---------- bolumler > section-marquee.php ---------- */

.section-marquee .marquee-text {
    white-space: nowrap;
}

/* Alternatif renkler */
.section-marquee .splide__slide:nth-child(odd) .marquee-text {
    color: #D7DBE1;
}

.section-marquee .splide__slide:nth-child(even) .marquee-text {
    color: #E7E8EB;
}


/* ---------- bolumler > section-content-image.php ---------- */

.section-content-image .content-image-wrap {
    position: relative;
}

.section-content-image .floating-cards-wrapper {
    position: absolute;
    bottom: 0;
    right: -3rem;
    animation: float 3s ease-in-out infinite;
    z-index: 10;
    display: flex;
    flex-direction: column-reverse;
    gap: 1rem;
}


/* ---------- bolumler > section-process.php ---------- */

.section-process .process-content {
    position: relative;
    background: linear-gradient(135deg, var(--primary) 0%, #0052D9 100%);
    overflow: hidden;
}

.section-process .process-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.8;
    z-index: 0;
    pointer-events: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

.section-process .process-background img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.section-process .process-content > .grid {
    position: relative;
    z-index: 1;
}

.section-process .process-step {
    transition: transform 0.3s ease, box-shadow 0.3s ease, opacity 0.3s ease;
}

.section-process .process-step:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.15);
}

.section-process .step-number {
    background: linear-gradient(135deg, #E6F0FF 0%, #CCE1FF 100%);
}

/* Slide opacity progression */
.section-process .splide__slide {
    opacity: 0.4;
    transition: opacity 0.8s ease;
}

.section-process .splide__slide.is-active {
    opacity: 1;
}

.section-process .splide__slide.is-active + .splide__slide {
    opacity: 0.8;
}

.section-process .splide__slide.is-active + .splide__slide + .splide__slide {
    opacity: 0.6;
}


/* ---------- bolumler > section-testimonials.php ---------- */

.section-testimonials .testimonial-image-wrapper {
    position: relative;
    width: 100%;
    height: 475px;
    overflow: hidden;
    border-radius: 1rem;
    background: linear-gradient(
        0deg,
        #E6F0FF 0%,
        #E0EEFF 50%,
        transparent 50%,
        transparent 100%
    );

}

.section-testimonials .testimonial-image-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.section-testimonials .testimonial-customer-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
    transition: clip-path 0.8s ease;
}

.section-testimonials .testimonial-customer-image.active {
    clip-path: polygon(0 100%, 100% 100%, 100% 0, 0 0);
}

.section-testimonials .company-logo {
    width: auto;
    height: 32px;
}

.section-testimonials .company-logo svg {
    width: auto;
    height: 100%;
    display: block;
}

.section-testimonials .testimonial-quote {
    position: relative;
}

.section-testimonials .testimonial-arrow {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background:transparent;
    border: 1px solid var(--border-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
    padding: 0;
}

.section-testimonials .testimonial-arrow:hover {
    background: var(--primary);
    border-color: var(--primary);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(27, 132, 255, 0.2);
}

.section-testimonials .testimonial-arrow:hover svg path {
    fill: white;
}

.section-testimonials .testimonial-arrow svg {
    width: 21px;
    height: 21px;
}

.section-testimonials .testimonial-arrow svg path {
    transition: fill 0.3s ease;
}

.section-testimonials .testimonial-arrow:disabled {
    opacity: 0.3;
    cursor: not-allowed;
}

.section-testimonials .testimonial-arrow:disabled:hover {
    background: white;
    border-color: #E5E7EB;
    transform: none;
    box-shadow: none;
}

.section-testimonials .testimonial-arrow:disabled:hover svg path {
    fill: black;
}

/* Custom pagination dots */
.section-testimonials .testimonials-pagination {
    display: flex;
    gap: 0.5rem;
    align-items: center;
    position: static;
}

.section-testimonials .splide__pagination {
    border: none;
    padding: 0;
    padding-left:4px;
}

.section-testimonials .splide__pagination__page {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #D1D5DB;
    border: none;
    padding: 0;
    margin: 0;
    transition: all 0.3s ease;
    cursor: pointer;
}

.section-testimonials .splide__pagination__page.is-active {
    width: 16px;
    border-radius: 4px;
    background: var(--black);
     opacity: 1;
}

.section-testimonials .splide__pagination__page:hover {
    background: var(--black);
    opacity: 1;
}

/* ============================================
   Section - Comparison Table
   ============================================ */

.section-comparison .comparison-header {
    margin-bottom: 3rem;
}

.section-comparison .header-left h2 {
    margin: 0;
}

.section-comparison .header-right p {
    margin: 0;
}

.section-comparison .comparison-table-wrapper {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
}

.section-comparison .comparison-table {
    display: flex;
    flex-direction: column;
    gap: 0;
    border-radius: 1rem;
    overflow: hidden;
}

.section-comparison .comparison-header-row {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    align-items: stretch;
}

.section-comparison .header-feature-cell {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    min-height: 80px;
    padding: 1rem;
    border-bottom: 1px solid #E5E7EB;
    border-top-left-radius: 1rem;
}

.section-comparison .header-sortr-cell {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 80px;
    padding: 1rem;
    background: var(--primary);
    border-left: 1px solid rgba(255, 255, 255, 0.2);
    border-right: 1px solid rgba(255, 255, 255, 0.2);
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
}

.section-comparison .header-sortr-cell .sortr-logo {
    height: 28px;
    width: auto;
}

.section-comparison .header-other-cell {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 80px;
    padding: 1rem;
    background: var(--bg-tertiary);
    border-bottom: 1px solid #E5E7EB;
    border-top-right-radius: 1rem;
    border-top-left-radius: 1rem;
}

.section-comparison .header-other-cell p {
    margin: 0;
}

.section-comparison .comparison-row {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    align-items: stretch;
}

.section-comparison .feature-cell {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 1.5rem 3rem;
    min-height: 80px;
    border-bottom: 1px solid #E5E7EB;
}

.section-comparison .comparison-row:last-child .feature-cell {
    border-bottom: none;
    border-bottom-left-radius: 1rem;
}

.section-comparison .feature-cell p {
    margin: 0;
    text-align: right;
}

.section-comparison .sortr-cell {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    min-height: 80px;
    background: var(--primary);
    border-left: 1px solid rgba(255, 255, 255, 0.2);
    border-right: 1px solid rgba(255, 255, 255, 0.2);
}

.section-comparison .other-cell {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    min-height: 80px;
    background: var(--bg-tertiary);
}

.section-comparison .comparison-row .other-cell {
    border-bottom: 1px solid #E5E7EB;
}

.section-comparison .comparison-table > .comparison-row:nth-last-child(2) .other-cell {
    border-bottom: none;
    border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 1rem;
}

.section-comparison .comparison-button-row {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    align-items: stretch;
}

.section-comparison .button-feature-cell {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    min-height: 100px;
    padding: 1rem;
    border-bottom-left-radius: 1rem;
}

.section-comparison .button-sortr-cell {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100px;
    padding: 1.5rem 0.75rem;
    background: var(--primary);
    border-left: 1px solid rgba(255, 255, 255, 0.2);
    border-right: 1px solid rgba(255, 255, 255, 0.2);
    border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 1rem;
}

.section-comparison .button-other-cell {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100px;
    padding: 1rem;
    border-bottom-right-radius: 1rem;
}

.section-comparison .check-icon {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
}

.section-comparison .check-icon svg {
    width: 12px;
    height: 10px;
}

.section-comparison .cross-icon {
    flex-shrink: 0;
    width: 16px;
    height: 16px;
}

.section-comparison .cross-icon svg {
    width: 10px;
    height: 10px;
}

.section-comparison .other-cell p {
    margin: 0;
    max-width: 180px;
}

@media (max-width: 1024px) {
    .section-comparison .button-sortr-cell {
        padding: 1.5rem 0.5rem;
    }

    .section-comparison .button-sortr-cell .btn {
        font-size: 0.9rem;
        padding: 0.875rem 1rem;
    }
}

@media (max-width: 768px) {
    .section-comparison .comparison-header {
        grid-template-columns: 1fr;
        gap: 2rem;
    }

    .section-comparison .comparison-header-row,
    .section-comparison .comparison-row,
    .section-comparison .comparison-button-row {
        grid-template-columns: 1fr 1fr 1fr;
    }

    .section-comparison .comparison-row {
        min-height: 60px;
    }

    .section-comparison .feature-cell {
        padding: 1rem 1.25rem;
        min-height: 60px;
    }

    .section-comparison .header-feature-cell {
        min-height: 60px;
    }

    .section-comparison .header-sortr-cell {
        min-height: 60px;
    }

    .section-comparison .header-sortr-cell .sortr-logo {
        height: 20px;
        width: auto;
    }

    .section-comparison .header-other-cell {
        min-height: 60px;
    }

    .section-comparison .sortr-cell,
    .section-comparison .other-cell {
        padding: 1rem 0.75rem;
        min-height: 60px;
    }

    .section-comparison .button-feature-cell {
        min-height: 80px;
    }

    .section-comparison .button-sortr-cell {
        min-height: 80px;
        padding: 1rem 0.5rem;
    }

    .section-comparison .button-sortr-cell .btn {
        font-size: 0.875rem;
        padding: 0.75rem 1.25rem;
        white-space: normal;
        text-align: center;
        width: 100%;
        max-width: 100%;
    }

    .section-comparison .button-other-cell {
        min-height: 80px;
    }

    .section-comparison .feature-cell p {
        font-size: 0.875rem;
    }

    .section-comparison .other-cell p {
        font-size: 0.875rem;
        max-width: 120px;
    }
}

/* ============================================
   Section - FAQ
   ============================================ */

.section-faq .faq-item {
    transition: all 0.3s ease;
    border: 5px solid var(--bg-tertiary);
    border-top: 0;
}

.section-faq .faq-item:first-child {
    border-top: 5px solid var(--bg-tertiary);
}

.section-faq .faq-question {
    border: none;   
    cursor: pointer;
    transition: all 0.3s ease;
}

.section-faq .faq-question:hover {
    background: var(--bg-tertiary);
}

.section-faq .faq-item.active .faq-question {
    background: var(--bg-tertiary);
}

.section-faq .icon-minus {
    display: none;
}

.section-faq .faq-item.active .icon-plus {
    display: none;
}

.section-faq .faq-item.active .icon-minus {
    display: block;
}

.section-faq .faq-answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease;
                   }

.section-faq .faq-item.active .faq-answer {
    max-height: 500px;
}

.section-faq .faq-footer {
    text-align: center;
}

.section-faq .faq-footer a {
    text-decoration: underline;
    transition: all 0.3s ease;
}

.section-faq .faq-footer a:hover {
    text-decoration: none;
}

/* ============================================
   Section - About Hero
   ============================================ */

.section-about-hero .about-hero-image {
    width: 100%;
}

.section-about-hero .about-hero-image img {
    width: 100%;
    height: 500px;
    object-fit: cover;
    border-radius: 1rem;
}

@media (max-width: 768px) {
    .section-about-hero .about-hero-image img {
        height: 350px;
    }
}


/* ============================================
   Section - Services Hero
   ============================================ */

.section-services-hero .splide__slide img {
    width: auto;
    height: 500px;
    object-fit: cover;
    border-radius: 1rem;
}

@media (max-width: 768px) {
    .section-services-hero .splide__slide img {
        height: 350px;
    }
}


/* ============================================
   Section - Stats
   ============================================ */

.section-stats .stats-divider {
    position: relative;
}

@media (min-width: 768px) {
    .section-stats .stats-divider::after {
        content: '';
        position: absolute;
        right: 0;
        top: 0;
        height: 100%;
        width: 1px;
        background-color: var(--border-primary);
    }
}


/* ============================================
   Section - Team
   ============================================ */

.section-team .team-arrow {
    width: 48px;
    height: 48px;
    border: 1px solid var(--border-primary);
    border-radius: 4px;
    background: transparent;
    color: var(--black);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
}

.section-team .team-arrow:hover {
    background-color: var(--bg-tertiary);
}

.section-team .team-photo {
    aspect-ratio: 1 / 1;
}

.section-team .team-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.section-team .social-link {
    flex: 1;
    height: 48px;
    border: 1px solid var(--border-primary);
    color: var(--black);
    transition: all 0.3s ease;
}

.section-team .social-link:hover {
    background-color: var(--bg-tertiary);
}

.section-team .social-link:not(:first-child) {
    border-left: 0;
}

.section-team .social-link:first-child {
    border-radius: 8px 0 0 8px;
}

.section-team .social-link:last-child {
    border-radius: 0 8px 8px 0;
}

.section-team .social-link:only-child {
    border-radius: 8px;
}


/* ========================================
   Section - Services List
======================================== */

.section-services-list .service-card {
    aspect-ratio: 1 / 1;
    cursor: pointer;
}

/* Content container - stays above overlay */
.section-services-list .service-card-content {
    z-index: 10;
}

/* Plus button */
.section-services-list .service-card-btn {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background-color: var(--primary);
    color: var(--white);
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: transform 300ms cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    z-index: 3;
}

.section-services-list .service-card-btn:hover {
    transform: scale(1.1);
}

/* Circular image - absolute center */
.section-services-list .service-image-circle {
    width: 240px;
    height: 240px;
    border-radius: 50%;
    overflow: hidden;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    pointer-events: none;
}

/* Description initially hidden (dark text on dark bg) */
.section-services-list .service-description {
    opacity: 0;
    transition: opacity 300ms cubic-bezier(0.4, 0, 0.2, 1);
}

/* Title initially visible (white text) */
.section-services-list .service-title {
    transition: color 300ms cubic-bezier(0.4, 0, 0.2, 1);
}

/* Hover overlay - white mask starts hidden below */
.section-services-list .service-card-hover {
    transform: translateY(100%);
    transition: transform 600ms cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 5;
}

/* On hover: slide overlay up and show description */
.section-services-list .service-card:hover .service-card-hover {
    transform: translateY(0);
}

.section-services-list .service-card:hover .service-description {
    opacity: 1;
}

.section-services-list .service-card:hover .service-title {
    color: var(--black);
}

/* Responsive circle size */
@media (max-width: 767px) {
    .section-services-list .service-image-circle {
        width: 180px;
        height: 180px;
    }
}


/* ========================================
   Section - Team Map
======================================== */

.section-team-map .team-member-pin {
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
}

.section-team-map .member-photo {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    overflow: hidden;
    border: 3px solid var(--white);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.section-team-map .member-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #FF6B35;
}

/* Responsive */
@media (max-width: 767px) {
    .section-team-map .member-photo {
        width: 80px;
        height: 80px;
    }
}



/* ========================================
   Contact Form 7 Styles
======================================== */

.contact-form-wrapper .wpcf7-form-control {
    font-family: inherit;
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

.contact-form-wrapper .wpcf7-form-control:focus {
    outline: none;
    border-color: #999;
    background-color: #fff;
}

.contact-form-wrapper .wpcf7-submit {
    background-color: var(--secondary);
    cursor:pointer;
    font-size: 16px;
    font-weight: 500;
    color: #000;
    border: none;
    transition: opacity 0.3s ease, transform 0.2s ease;
}

.contact-form-wrapper .wpcf7-submit:hover {
    opacity: 0.9;
    transform: translateY(-1px);
}

.contact-form-wrapper .wpcf7-submit:active {
    transform: translateY(0);
}

.contact-form-wrapper .wpcf7-not-valid-tip {
    color: #dc2626;
    font-size: 0.875rem;
    margin-top: 0.5rem;
    display: block;
}

.contact-form-wrapper .wpcf7-response-output {
    margin-top: 1rem;
    padding: 1rem;
    border: 1px solid;
}

.contact-form-wrapper .wpcf7-mail-sent-ok {
    border-color: #10b981;
    background-color: #d1fae5;
    color: #065f46;
}

.contact-form-wrapper .wpcf7-validation-errors,
.contact-form-wrapper .wpcf7-mail-sent-ng {
    border-color: #ef4444;
    background-color: #fee2e2;
    color: #991b1b;
}

.contact-form-wrapper .wpcf7-spinner {
    margin-left: 1rem;
}


/* ========================================
   Footer
======================================== */

/* Default text color for footer */
.site-footer {
    color: #8687A0;
}

.site-footer .footer-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.site-footer .footer-menu li {
    list-style: none;
}

.site-footer .footer-menu li a {
    color: #8687A0;
    font-size: 0.875rem;
    transition: color 300ms ease;
}

.site-footer .footer-menu li a:hover {
    color: var(--white);
}

/* Social media icons */
.site-footer .footer-social-link {
    width: 40px;
    height: 40px;
    color: #8687A0;
    transition: color 300ms ease;
}

.site-footer .footer-social-link:hover {
    color: var(--white);
}


.site-footer .tekeci-logo {
    transition: color 300ms ease;
    color: #8687A0;
}

.site-footer .tekeci-logo:hover {
    color: var(--white);
}



/* Blog Archive */
.blog-featured-card .featured-image {
    aspect-ratio: 16 / 9;
    overflow: hidden;
}

.blog-featured-card .featured-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

@media (hover: hover) {
    .blog-featured-card:hover .featured-image img {
        transform: scale(1.1);
    }
}

.blog-card .blog-card-image {
    overflow: hidden;
    border-radius: 12px;
}

.blog-card .blog-card-image img {
    width: 100%;
    height: auto;
    transition: transform 0.3s ease;
}

@media (hover: hover) {
    .blog-card:hover .blog-card-image img {
        transform: scale(1.1);
    }
}


/* Single Post */
.single-post .single-post-wrapper {
    max-width: 800px;
    margin: 0 auto;
    padding: 0 20px;
}

.single-post .post-meta-card {
    background: var(--white);
}

.single-post .post-featured-image img {
    width: 100%;
    height: auto;
    object-fit: cover;
    display: block;
    aspect-ratio: 16 / 9;
}

.single-post .post-header {
    display: flex;
    flex-direction: column;
}

.single-post .post-meta {
    border: 1px solid var(--border-secondary);
    border-radius: 0 0 0.5rem 0.5rem;
}

.single-post .post-title {
    font-size: 56px;
    font-weight: 450;
    letter-spacing: -0.5px;
    line-height: 1.1;
    margin-bottom: 2rem !important;
}

.single-post .post-date {
    margin-bottom: 1rem !important;
}

.single-post .post-meta-card {
    margin-bottom: 3rem !important; /* mb-12 override */
}

.single-post .author-avatar img {
    width: 64px;
    height: 64px;
    border-radius: 50%;
}

.single-post .author-title a {
    color: var(--primary);
    text-decoration: none;
}

.single-post .post-social a {
    color: #000000;
    text-decoration: none;
    transition: all 0.3s ease;
}

.single-post .post-social a:hover {
    background-color: var(--bg-tertiary);
}

/* Blog Content Typography */
.single-post .post-content {
    margin: 80px 0px;
}

.single-post .post-content img {
    width: 100%;
    height: auto;
    border-radius: 12px;
    margin: 40px 0px;
}

.single-post .post-content h2 {
    font-size: 36px;
    font-weight: 450;
    color: var(--black);
    margin: 40px 0px;
}

.single-post .post-content h3 {
    font-size: 24px;
    font-weight: 450;
    color: var(--black);
    margin: 40px 0px;
}

.single-post .post-content p {
    font-size: 18px;
    font-weight: 200;
    line-height: 1.5;
    color: #2C2826;
    margin: 24px 0px;
}

.single-post .post-content li {
    font-size: 18px;
    font-weight: 200;
    line-height: 1.5;
    color: #2C2826;
    margin: 8px 0px;
}

.single-post .post-content a {
    color: var(--primary);
}

.single-post .post-content blockquote {
    display: flex;
    flex-direction: column;
    font-size: 36px;
    font-weight: 400;
    line-height: 1.3;
    font-style: normal;
    color: var(--black);
    margin: 60px 0px;
    padding: 0px 100px 0px 20px;
    border-left: 2px solid var(--border-primary);
    position: relative;
}

.single-post .post-content blockquote::before {
    content: '';
    position: absolute;
    left: 20px;
    top: 0;
    width: 27px;
    height: 14px;
    background-image: url("data:image/svg+xml,%3Csvg width='35' height='25' viewBox='0 0 35 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.255 0.626601C15.0204 1.40758 15.0635 2.63482 14.4406 3.51709C14.0536 4.06612 13.4768 4.26724 12.9632 4.65185C11.8799 5.46365 9.74068 7.17974 9.07029 8.31304C8.30063 9.61368 10.1392 9.75314 10.9477 10.1304C16.3295 12.6348 16.869 20.2611 12.0007 23.6345C7.21304 26.9522 0.46595 23.7799 0.0386823 17.8844C-0.496482 10.5106 4.59477 3.90024 10.7535 0.708809C11.9072 0.111334 13.1588 -0.492013 14.2536 0.626601H14.255Z' fill='%230062FF'/%3E%3Cpath d='M32.0288 0.0325151C33.7551 -0.22732 35.1031 1.4462 34.3823 3.09476C33.9954 3.98143 32.2503 4.91801 31.4361 5.59329C30.8117 6.11149 30.0737 6.78824 29.5256 7.38718C29.3515 7.57802 28.7185 8.29147 28.6466 8.47203C28.2035 9.59065 29.6651 9.71543 30.3442 10.0046C35.7131 12.2918 36.6669 19.8461 31.9971 23.4133C26.9505 27.2683 20.0322 23.6409 19.6697 17.374C19.3819 12.371 22.1081 7.34314 25.6413 4.08419C26.8426 2.98025 30.5168 0.260055 32.0288 0.0325151Z' fill='%230062FF'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
}

.single-post .post-content blockquote cite {
    font-style: normal;
}

.single-post .post-content blockquote p {
    order: 1;
    margin: 30px 0px 0px 0px;
}


/* ---------- Responsive Styles ---------- */

/* Telefon */
@media (max-width: 767px) {
    /* section-hero */
    .section-hero .floating-card {
        top: auto;
        bottom: 2rem;
        left: 1rem;
        right: auto;
    }

    /* section-customers-heading */
    .section-customers-heading .customer-avatar {
        width: 64px;
        height: 64px;
        border: 3px solid var(--white);
    }

    .section-customers-heading .customers-heading-wrap {
        min-height: 400px;
    }

    /* section-content-image */
    .section-content-image .floating-cards-wrapper {
        position: relative;
        bottom: 1rem;
        right: auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 1rem;
        margin-top: 1rem;
    }

    .section-content-image .floating-card {
        max-width: max-content;
    }

    /* single-post */
    .single-post .post-title {
        font-size: 32px;
    }

    .single-post .post-meta-card {
        margin-bottom: 3rem !important;
    }

    .single-post .post-content {
        margin: 40px 0px;
    }

    .single-post .post-content h2 {
        font-size: 28px;
    }

    .single-post .post-content p {
        font-size: 18px;
    }

    .single-post .post-content blockquote {
        font-size: 24px;
        padding: 0px 20px 0px 50px;
        margin: 40px 0px;
    }

    .single-post .post-content blockquote::before {
        left: 10px;
        width: 30px;
        height: 22px;
    }
}

/* Tablet */
@media (min-width: 767px) and (max-width: 991.98px) {}

/* ipad Pro Portrait */
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) {}



/* Telefon */
@media (max-width: 767px) {}

/* Tablet */
@media (min-width: 767px) and (max-width: 991.98px) {}

/* ipad Pro Portrait */
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) {}




































/* ---------- bolumler > sidenav.php ---------- */
.sidenav {
    height: fit-content;
    position: fixed;
    justify-content: space-between;
    width: 100vw;
    top: -100vh;
    z-index: 45;
    right: 0;
    background: #fff;
    overflow-x: hidden;
    transition: all 0.3s;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
	border-top: 4px solid var(--primary-color);
    box-shadow: 0 88px 132px -24px rgba(28, 36, 54, 0.06);
}
.menuacik .sidenav {
    top: 0;
}
.sidenav-ust-kutu {
    padding: 15px 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #E8E8E8;
}
.menu-kapat {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background: #ffffff;
    width: 42px;
    height: 42px;
    cursor: pointer;
    border: 1px solid rgba(0, 0, 0, 0.10);
    transition: all 0.3s;
}
.sidenav-logo {
    height: auto;
    width: 85px;
    display: block;
}
.sidenav-orta-kutu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
}
.sidenav-orta-kutu ul li {
    text-decoration: none;
}
.sidenav-orta-kutu ul li a {
  font-size: 24px;
  padding: 6px 0px;
  font-weight:450;
  color: #000000;
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: all 0.3s;
  cursor: pointer;
}
/*
.sidenav-orta-kutu ul li.current-menu-item a {
    text-decoration: underline;
    text-underline-offset: 12px;
    text-decoration-thickness: 1px;
    text-decoration-color: var(--primary-color);
}*/

/* Accordion için submenu stilleri */
.sidenav-orta-kutu ul li.menu-item-has-children > a::after {
    content: '';
    width: 16px;
    height: 16px;
    background-image: url('data:image/svg+xml,<svg width="8" height="5" viewBox="0 0 8 5" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.01749 0.627816C0.914802 0.533024 0.796312 0.485628 0.662024 0.485628C0.527736 0.485628 0.411221 0.534999 0.31248 0.63374C0.213738 0.732481 0.164368 0.848996 0.164368 0.983284C0.164368 1.11757 0.211764 1.23606 0.306555 1.33875L3.33989 4.37209C3.44258 4.47478 3.56107 4.52612 3.69536 4.52612C3.82965 4.52612 3.94813 4.47478 4.05083 4.37209L7.08416 1.33875C7.15525 1.27556 7.20265 1.20052 7.22635 1.11362C7.25004 1.02673 7.25004 0.937864 7.22635 0.847022C7.20265 0.75618 7.1592 0.679161 7.09601 0.615967C7.03281 0.552772 6.9558 0.509326 6.86495 0.485628C6.77411 0.46193 6.68524 0.46193 6.59835 0.485628C6.51146 0.509326 6.43642 0.556722 6.37322 0.627816L3.69536 3.30568L1.01749 0.627816Z" fill="currentColor"></path></svg>');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    transition: transform 0.3s;
    flex-shrink: 0;
}

/* İkinci seviye menülerde oku gizle */
.sidenav-orta-kutu ul li .sub-menu li.menu-item-has-children > a::after {
    display: none;
}

.sidenav-orta-kutu ul li.menu-item-has-children.active > a::after {
    transform: rotate(180deg);
}
.sidenav-orta-kutu ul li .sub-menu {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-out;
    padding-left: 20px;
}
.sidenav-orta-kutu ul li.active .sub-menu {
    max-height: 1200px;
    transition: max-height 0.3s ease-in;
	margin-top: 12px;
	margin-bottom: 16px;
}
.sidenav-orta-kutu ul li .sub-menu li a {
    font-size: 18px;
    padding: 4px 0;
    color: #666;
}

/* İkinci seviye menü öğeleri - minimal tasarım */
.sidenav-orta-kutu ul li .sub-menu li .sub-menu li a {
    font-size: 16px;
    padding: 3px 0;
    color: #888;
    padding-left: 15px; /* margin-left yerine padding-left */
}

/* Oku tamamen kaldır */
.sidenav-orta-kutu ul li .sub-menu li .sub-menu li a:before {
    display: none;
}

.sidenav-alt-kutu .bolum-sosyal-medya {
	display:flex;
    gap: 16px;
}
.sidenav-alt-kutu .bolum-sosyal-medya a svg {
	width:20px;
	height:20px;
    color: var(--bg-dark);
}

/* sidenav-btn stili - eğer kullanılıyorsa */
.sidenav-btn {
    padding: 16px 24px;
    border-radius: 96px;
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    transition: all 0.3s;
    border: 1px solid;
}
.mesaj-btn {
    background: transparent;
    color: var(--primary);
    border-color: var(--primary);
}
.mesaj-btn:hover {
    background: #000;
    color: #fff;
}
.randevu-btn {
    background: var(--primary);
    color: #fff;
    border-color: var(--primary);
}
.randevu-btn:hover {
    background: transparent;
    color: #000;
}

.overlay {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 11;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.1);
    overflow-y: auto;
    overflow-x: hidden;
    transition: opacity 0.3s;
}

/* Sidenav'ın kendisini kaydırılabilir yap */
body.noscroll {
    overflow: hidden;
}

body.menuacik .sidenav {
    overflow-y: auto;
    max-height: fit-content;
    padding-bottom: 24px;
    -webkit-overflow-scrolling: touch; /* iOS için smooth scrolling */
}

body.menuacik .sidenav .container {
    padding-bottom: 20px;
}

/* Sidenav kapalıyken kaydırmayı kapat */
body.menukapali .sidenav {
    overflow: hidden;
}



/* Animasyonlu Hamburger Menu - START */
/* Özel değerler (utility.css'de olmayan) */
.nav-left #menuButton {
    width: 38px;
    height: 38px;
	gap: 5px;
}

@media (min-width: 768px) {
	.nav-left #menuButton {
		width: 42px;
		height: 42px;
		gap: 6px;
	}
}

/* Page-specific hamburger styles */
.home .nav-left #menuButton,
.page-about-us .nav-left #menuButton,
.error404 .nav-left #menuButton {
	background: rgba(255, 255, 255, 0.1);
}

.nav-left #menuButton span {
	height: 2px;
	width: 18px;
	background: #000;
	transform: rotate(0deg);
	transform-origin: center;
	transition: 0.25s ease-in-out;
}

@media (min-width: 768px) {
	.nav-left #menuButton span {
		width: 20px;
	}
}

.home .nav-left #menuButton span {
	background: #fff;
}

/* Menü açık durumu - JS triggered states */
.menuacik .nav-left #menuButton {
	gap: 0;
}

.menuacik .nav-left #menuButton span {
	background: #000 !important;
	position: absolute;
}

.menuacik .nav-left #menuButton span:nth-child(1) {
	transform: rotate(45deg);
}

.menuacik .nav-left #menuButton span:nth-child(2) {
	opacity: 0;
}

.menuacik .nav-left #menuButton span:nth-child(3) {
	transform: rotate(-45deg);
}
/* Animasyonlu Hamburger Menu - END */


































/* ---------- Form elemanları ---------- */
.site .form {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 30px;
}

.site form a {
    font-weight: 500;
}

.site form label {
    width: 100%;
}

.site form .form-iki-sutun {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
}

.site form:not(.wpcf7-form) input[type=text],
.site form:not(.wpcf7-form) input[type=email],
.site form:not(.wpcf7-form) input[type=tel],
.site form:not(.wpcf7-form) input[type=number],
.site form:not(.wpcf7-form) textarea {
    width: 100%;
    border: none;
    background-color: transparent;
    padding: 10px 0px;
    border-radius: 0px;
    font-family: inherit;
    font-size: 24px;
    line-height: 32px;
    letter-spacing: 0.2px;
    color: #fff;
    resize: none;
    transition: all 0.3s;
    border-bottom: 1px solid #fff;
}

.site form:not(.wpcf7-form) input::placeholder,
.site form:not(.wpcf7-form) textarea::placeholder {
    color: #fff;
    transition: all 0.3s;

}

.site form:not(.wpcf7-form) input:focus,
.site form:not(.wpcf7-form) textarea:focus {
    border-bottom: 1px solid #F5C427;
}

.site form:not(.wpcf7-form) input:focus::placeholder,
.site form:not(.wpcf7-form) textarea:focus::placeholder {
    color: #6c6c6c;
}

.site input[type="checkbox"] {
    -webkit-appearance: none;
    appearance: none;
    background-color: #ffffff;
    width: 18px;
    height: 18px;
    border: 1px solid #376AB3;
    display: grid;
    place-content: center;
    border-radius: 2px;
    cursor: pointer;
    position: relative;
    transition: all 0.3s;
    margin: 0px 0px 0px 0px;
}

.site input[type="checkbox"]:hover {
    background-color: #ebf0f7 !important;
}

.site input[type="checkbox"]::before {
    content: "";
    width: 18px;
    height: 18px;
    transform: scale(0);
    background-color: #376AB3;
    border-radius: 1px;
    transition: all 0.3s;
}

.site input[type="checkbox"]:checked::before {
    transform: scale(1);
}

.site input[type="checkbox"]:checked::after {
    content: "";
    display: block;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 2px;
    left: 5px;
}

.site input[type="radio"] {
    -webkit-appearance: none;
    appearance: none;
    background-color: #ffffff;
    width: 18px;
    height: 18px;
    border: 1px solid #376AB3;
    display: grid;
    place-content: center;
    border-radius: 50%;
    cursor: pointer;
    margin: 0px !important;
}

.site input[type="radio"]::before {
    content: "";
    width: 18px;
    height: 18px;
    transform: scale(0);
    background-color: #376AB3;
    border-radius: 50%;
    transition: all 0.3s;
    border: 1px solid #376AB3;
}

.site input[type="radio"]:checked::before {
    transform: scale(0.5);
}

.site .form button {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 15px 30px;
    gap: 10px;
    background: #DC143C;
    border-radius: 50px;
    font-size: 14px;
    line-height: 14px;
    letter-spacing: 0.2px;
    color: #ffffff;
    width: fit-content;
    transition: all 0.3s;
    border: 0px;
    cursor: pointer;
    font-weight: 500;
    -webkit-appearance: none;

}

.site .form button:hover {
    background: #b01030;
    gap: 20px;
}

.site .form button:disabled {
    opacity: 0.5;
}


/* Telefon */
@media (max-width: 767px) {}

/* Tablet */
@media (min-width: 767px) and (max-width: 991.98px) {}

/* ipad Pro Portrait */
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) {}