/*
Theme Name: izotim v1.1
Theme URI: https://www.izotim.com
Description: Izotim kurumsal tema
Version: 1.0.0
Author: Abdullah Sezen
Author URI: http://www.abdullahsezen.com
*/


/*
    font-family: 'Open Sans', sans-serif; 300;400;500;600;700;800;
    font-family: 'Poppins', sans-serif; 100;200;300;400;500;600;700;800;900;
    font-family: 'Inter', sans-serif; 100;200;300;400;500;600;700;800;900;
    font-family: 'Manrope', sans-serif;200;300;400;500;600;700;800;
*/

/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

* {-webkit-box-sizing: border-box;box-sizing: border-box;}


body {color: #404147;min-height: 300px;height: 100%;background-color: #0e0e0e; font-family: 'manrope', sans-serif !important;font-weight: 400;font-optical-sizing: auto; font-style: normal; }
.center{margin:0 auto;max-width: 1280px;position: relative}
.clear{clear: both}

.mobile-br {display: none;}

.font-10 {font-size: 10px;}
.font-11 {font-size: 11px;}
.font-12 {font-size: 12px;}
.font-13 {font-size: 13px;}
.font-14 {font-size: 14px;}
.font-15 {font-size: 15px;}
.font-16 {font-size: 16px;}
.font-17 {font-size: 17px;}
.font-18 {font-size: 18px;}
.font-19 {font-size: 19px;}
.font-20 {font-size: 20px;}


.poppins{font-family: 'Poppins', sans-serif; }
.opensans{font-family: 'Open Sans', sans-serif;}
.inter{font-family: 'Inter', sans-serif;}
.manrope{font-family: "Manrope", sans-serif;}

/* Header */


/* mobile menu left transition */
.mobile-menu { transform: translateX(-100%); transition: transform 0.3s ease-in-out;}
.mobile-menu.active { transform: translateX(0);   box-shadow: 13px 0 13px rgba(0, 0, 0, 0.15); }

/* horizantal menu hover line animation */
nav {min-height: 49px;}
nav ul li {position: relative;transition: color 0.3s;padding-top: 0.75rem; /* py-1.5, 1.5 * 0.25rem = 0.375rem */padding-bottom: 0.75rem;}
nav > ul > li:not(.menu-item-has-children)::after {content: '';position: absolute;width: 100%;height: 2px;bottom:10px;left: 0; background-color: currentColor;
	transform: scaleX(0);transform-origin: right;transition: transform 0.3s ease-out;}
nav > ul > li:not(.menu-item-has-children):hover::after,
nav > ul > li:not(.menu-item-has-children).current-menu-item::after,
nav > ul > li:not(.menu-item-has-children).current-page-ancestor::after{transform: scaleX(1);transform-origin: left;}

nav ul li.current-menu-item a,
nav ul li.current-page-ancestor a {}


nav ul li a {text-transform: uppercase;font-weight: 600}

/* submenu arrow */
nav ul li.menu-item-has-children > a::after {content: ' ▼'; font-size: 0.8rem;margin-left: 4px;transition: transform 0.2s ease-in-out;display: inline-block;}
/* Arrow rotate when menu is open (JS adds .open) */
nav ul li.menu-item-has-children > a::after {transform: rotate(0deg);transition: transform 0.25s ease;}
nav ul li.menu-item-has-children.open > a::after {transform: rotate(180deg);}

/* SUBMENU ********************************/
/* begin: max-height 0 ve transparent (opacity: 0) */
nav ul li .sub-menu {
  position: absolute;top: 100%;left: 0;background-color: #fff;box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);min-width: 200px;  /* Minimum genişlik */
  white-space: nowrap;overflow: hidden;max-height: 0;opacity: 0;transition: max-height 0.3s ease-out, opacity 0.3s ease-out;pointer-events: none; }

/* Hover */
nav ul li.menu-item-has-children:hover > .sub-menu {
  /* The max-height value must be greater than the height of the content in the submenu */ max-height: 500px;opacity: 1; pointer-events: auto; }

nav ul li .sub-menu li {border-bottom: 1px solid #ddd; /* gray line */padding: 10px 15px; /* item space */}
nav ul li .sub-menu li:hover{background: #ededed}
nav ul li .sub-menu li:last-child {border-bottom: none; /* not dash at the end */}
nav ul li .sub-menu li a {font-weight: 500;text-transform: capitalize;font-size: 15px !important}



/* mobile menu hamburger button animation */
.line {fill: none;stroke: #4a5565;stroke-width: 6;transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1),
	stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);}
.line1 {stroke-dasharray: 60 207;stroke-width: 6;}
.line2 {stroke-dasharray: 60 60;stroke-width: 6;}
.line3 {stroke-dasharray: 60 207;stroke-width: 6;}
.opened .line1 {stroke-dasharray: 90 207;stroke-dashoffset: -134;stroke-width: 6;}
.opened .line2 {stroke-dasharray: 1 60;stroke-dashoffset: -30;stroke-width: 6;}
.opened .line3 {stroke-dasharray: 90 207;stroke-dashoffset: -134;stroke-width: 6;}


#sticky-header {position: sticky;top: 0;z-index: 11;transition: all 0.3s;}
.hide-logo .logo {display: block;} /* logo a tag add logo hidden  */


/* Swiper video slider */
.mySwiper-video {height: 100%;}
.mySwiper-video .swiper-wrapper {height: 100%;}
.mySwiper-video .swiper-slide {width: 100%;height: 100vh;display: flex;align-items: center;justify-content: center;}
.mySwiper-video .swiper-slide video {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}

/* Mobile full height (header height 111px) */
@media (max-width: 640px) {
  section {height: calc(100vh - 111px) !important;}
  .mySwiper-video {height: 100%;}
  .mySwiper-video .swiper-wrapper {height: 100%;}
  .mySwiper-video .swiper-slide {height: 100% !important;}
}


/* Swiper carousel slider */
.mySwiper-carousel .swiper-slide {display: flex;flex-direction: column;align-items: center;}
.mySwiper-carousel .swiper-slide img {width: 100%;height: auto;object-fit: cover;}
.mySwiper-carousel .slide-caption {text-align: center;font-size: 16px;color: #000;background: #f0f0f0; /* transparent background*/
padding: 8px 12px;width: 100%;box-sizing: border-box;position: relative;bottom: 0;}

#mobile-menu {background: #1e2939}
#mobile-menu ul li {background: #132134;border-bottom: 1px solid #2c3746}
#mobile-menu ul li a {color:#ededed;display: block;padding: 15px 20px;}
#mobile-menu ul li a::after { content: "\f054";color: #3b4d67; font-family: "Font Awesome 5 Free"; font-weight: 900;  margin-right: 8px;float:right}
#mobile-menu ul li a:hover::after {color:#fff;transition: color 0.3s;}
#mobile-menu ul li ul li a::after{content: none}
#mobile-menu ul li ul li {border:none;}
#mobile-menu ul li.menu-item-has-children > a::after{content: "\f078";color: #3b4d67; font-family: "Font Awesome 5 Free"; font-weight: 900;  margin-right: 8px;float:right}
#mobile-menu ul li.menu-item-has-children:hover a::after{color: #fff}

#mobile-menu ul li ul li a {padding: 15px 0 15px 40px}
#mobile-menu ul li:has(a:hover) {background-color: #0b111b;}
#mobile-menu ul li ul li:has(a:hover) {background:#0b111b}


#mobile-menu ul li ul { display: none;}
#mobile-menu li:hover > .sub-menu {display: block; transition: transform 0.3s ease-out;}






.mobile-menu-text {position: relative;display: inline-block;margin-right: 6px;
  /* Yazıyı gradient ile boyuyoruz */  background-image: linear-gradient(90deg,#4a5565 0%,#4a5565 40%,#000000 50%,#4a5565 60%,#4a5565 100%);
  background-size: 300% 100%;background-position: 0% 50%;
  /* kritik kısım */ -webkit-background-clip: text; background-clip: text;color: transparent; transition:background-position 600ms cubic-bezier(0.4, 0, 0.2, 1);}
/* hover → dash kayıyormuş hissi */
.menu-btn:hover .mobile-menu-text {background-position: 100% 50%;}
/* opened durumunda istersen sabitlenebilir */
.menu-btn.opened .mobile-menu-text {background-position: 100% 50%;}







/* Language switcher fallback (Tailwind olmasa da çalışsın) */
[data-lang-switcher] { position: relative; display: inline-block; }
[data-lang-menu] {
  position: absolute;
  right: 0;
  top: 100%;
  margin-top: 8px;
  width: 176px; /* w-44 */
  z-index: 9999;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  box-shadow: 0 10px 15px rgba(0,0,0,.12);
}
[data-lang-menu.hidden] { display: none; }










/* MEGA MENU */
nav ul li.mega { position: static; }

/* Mega submenu: mevcut submenu ayarlarını override et */
nav ul li.mega > .sub-menu{
  position: absolute;   /* netleştir */
  top: 100%;            /* nav altına otursun */
  left: 0;
  right: 0;

  width: 100%;
  min-width: 0;

  background-color: #fff;
  white-space: normal;      /* nowrap'u kır */
  overflow: visible;        /* hidden'ı kır */

  padding: 14px 18px;
  box-shadow: 0 10px 25px rgba(0,0,0,.12);
  z-index: 999;             /* header üstte kalsın */

  display: grid;
  gap: 8px 18px;
  align-items: start;

  /* senin mevcut açılma mantığına uyum */
  max-height: 0;
  opacity: 0;
  transition: max-height 0.35s ease, opacity 0.2s ease;
	
  pointer-events: none;    /* kapalıyken tıklama/hover yok */
  padding-top: 0;          /* kapalıyken padding de kapansın */
  padding-bottom: 0;
}

/* Hover'da aç */
nav ul li.mega.menu-item-has-children:hover > .sub-menu{
  max-height: 1200px;  /* 500 bazen yetmez */
  opacity: 1;
}

/* Kolonlar */
nav ul li.mega.col3 > .sub-menu{ grid-template-columns: repeat(3, minmax(0, 1fr)); }
nav ul li.mega.col4 > .sub-menu{ grid-template-columns: repeat(4, minmax(0, 1fr)); }
nav ul li.mega.col5 > .sub-menu{ grid-template-columns: repeat(5, minmax(0, 1fr)); }

/* Kart hissi */
nav ul li.mega > .sub-menu li{
  border-bottom: none;
  padding: 10px 10px;
  border-radius: 8px;
}
nav ul li.mega > .sub-menu li:hover{ background: #ededed; }

/* Mobil */
@media (max-width: 767px){
  nav ul li.mega { position: relative; }
  nav ul li.mega > .sub-menu{
    display: block;
    width: auto;
    left: 0;
    right: auto;
    overflow: hidden; /* mobilde taşma olmasın */
  }
}