/*
Theme Name: Lexenta Kurumsal
Theme URI: https://hazirtasarimlar.com/
Author: hazirtasarimlar.com
Author URI: https://hazirtasarimlar.com/
Description: Modern, minimalist, hızlı ve erişilebilir kurumsal WordPress teması.
Version: 1.0.0
Text Domain: lexenta
License: GPLv2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/
:root{
  --lexenta-primary:#0d6efd;
  --lexenta-menu-bg:#ffffff;
  --lexenta-heading:#111827;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#111827;line-height:1.4;background:#fff}
a{color:var(--lexenta-primary);text-decoration:underline;text-underline-offset:2px}
a:hover{text-decoration:none}
.container{max-width:1200px;margin:0 auto;padding:0 16px}

/* Header */
.header{background:var(--lexenta-menu-bg);border-bottom:1px solid #e5e7eb;position:sticky;top:0;z-index:100}
.nav{display:flex;align-items:center;justify-content:space-between;padding:10px 0;gap:12px}
.logo img{max-height:44px;height:auto;width:auto;border-radius:10px;transition:max-height .18s ease, transform .18s ease}
.header.scrolled .logo img{max-height:36px;transform:translateY(-1px)}
.nav-toggle{display:none;position:relative;width:40px;height:40px;border:0;background:transparent;cursor:pointer;border-radius:10px}
.nav-toggle .bar{position:absolute;left:10px;right:10px;height:2px;background:#111827;border-radius:2px;transition:transform .25s, opacity .2s, top .25s}
.nav-toggle .bar:nth-child(1){top:13px}
.nav-toggle .bar:nth-child(2){top:19px}
.nav-toggle .bar:nth-child(3){top:25px}
.nav-open .nav-toggle .bar:nth-child(1){transform:rotate(45deg);top:19px}
.nav-open .nav-toggle .bar:nth-child(2){opacity:0}
.nav-open .nav-toggle .bar:nth-child(3){transform:rotate(-45deg);top:19px}

.menu-drawer{}
.menu-list{display:flex;gap:14px;list-style:none;margin:0;padding:0;align-items:center}
.menu-list > li > a{display:inline-block;padding:10px 12px;border-radius:10px;font-weight:600;color:#111827;text-decoration:none}
.menu-list > li > a:focus-visible{outline:3px solid #94a3b8}
.menu-list > li.menu-item-has-children > a::after{content:"▾";margin-left:6px;font-size:12px;opacity:.6}
.menu-list li{position:relative}
.menu-list .sub-menu{display:none;position:absolute;top:100%;left:0;min-width:220px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.08);padding:8px 0;z-index:99;list-style:none}
.menu-list .sub-menu li a{display:block;padding:10px 14px;color:#111827;text-decoration:none;border-radius:8px}
.menu-list li:hover > .sub-menu{display:block}

.header-socials{display:flex;gap:10px;margin-left:10px}
.header-socials .hs-icon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:999px;border:1px solid #e5e7eb}
.header-socials .hs-icon svg{width:16px;height:16px;fill:#111827}
.header-socials .hs-icon:hover{background:#f3f4f6}

.nav-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.35);backdrop-filter:saturate(60%) blur(1px);z-index:110}
.nav-backdrop[hidden]{display:none}
@media (max-width: 990px){
  .nav-toggle{display:inline-block}
  .menu-drawer{position:fixed;top:0;right:0;height:100%;width:min(86vw,360px);background:#fff;border-left:1px solid #e5e7eb;transform:translateX(100%);transition:transform .25s ease;z-index:120;overflow:auto;padding:18px}
  .nav-open .menu-drawer{transform:translateX(0)}
  .menu-list{display:block}
  .menu-list .menu-item-has-children > a{padding-right:38px}
  .menu-list .sub-toggle{position:absolute;right:6px;top:6px;border:0;background:#f3f4f6;border-radius:8px;width:28px;height:28px;cursor:pointer}
  .menu-list .sub-menu{position:relative;top:0;left:0;border:0;box-shadow:none;border-left:3px solid #eef2ff;margin:6px 0 8px 6px;padding:4px 0;display:none}
  .menu-list .open > .sub-menu{display:block}
  .header-socials{display:none}
  .menu-drawer-socials{display:flex;gap:12px;padding:10px 0}
  .menu-drawer-socials .hs-icon{width:38px;height:38px;border:1px solid #e5e7eb;border-radius:999px}
}

/* Sections */
.section{padding:44px 0}
.section h2{color:var(--lexenta-heading);margin:0 0 16px 0;font-size:28px}

/* Hero slider */
.hero{position:relative}
.hero .slide{display:none;position:relative}
.hero .slide.active{display:block}
.hero .slide img{width:100%;height:420px;object-fit:cover;object-position:center;border-radius:12px}

@media (max-width: 640px){
  .hero .slide{aspect-ratio:16/9;overflow:hidden}
  .hero .slide img{height:100%;border-radius:12px}
  
}

.btn{display:inline-block;padding:10px 16px;border-radius:12px;background:var(--lexenta-primary);color:#fff;font-weight:700;border:1px solid transparent;text-decoration:none}
.btn:focus-visible{outline:3px solid #94a3b8;outline-offset:2px}

/* Cards & grids */
.card{border:1px solid #e5e7eb;border-radius:16px;padding:18px;background:#fff;box-shadow:0 8px 24px rgba(17,24,39,.04)}
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.posts{display:flex;gap:16px;flex-wrap:wrap}
.post-card img{width:100%;height:180px;object-fit:cover;border-radius:10px}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.stat{background:#f9fafb;border:1px solid #e5e7eb;border-radius:14px;padding:18px;text-align:center}
.stat .num{font-size:32px;font-weight:800}
.badge{display:inline-block;background:#eef2ff;color:#3730a3;font-weight:700;border-radius:999px;padding:6px 10px}

/* News slider (4-col) */
.slider-wrap{position:relative}
.slider-track{display:flex;gap:16px;transition:transform .35s ease}
.slider-viewport{overflow:hidden}
.slider-arrow{position:absolute;top:50%;transform:translateY(-50%);border:0;background:#fff;border:1px solid #e5e7eb;box-shadow:0 6px 18px rgba(0,0,0,.06);width:42px;height:42px;border-radius:999px;cursor:pointer}
.slider-arrow:hover{box-shadow:0 10px 24px rgba(0,0,0,.08)}
.slider-prev{left:-10px}
.slider-next{right:-10px}
.slide-item{min-width:calc((100% - 3*16px)/4)}
@media (max-width: 1200px){ .slide-item{min-width:calc((100% - 2*16px)/3)} }
@media (max-width: 992px){ .slide-item{min-width:calc((100% - 1*16px)/2)} }
@media (max-width: 640px){ .slide-item{min-width:100%} }
.slider-dots{display:flex;gap:8px;justify-content:center;margin-top:12px}
.slider-dots button{width:8px;height:8px;border-radius:999px;border:0;background:#cbd5e1}
.slider-dots button.active{background:#111827;width:20px}
.slider-dots button:focus-visible{outline:3px solid #94a3b8; outline-offset:2px}

/* Footer */
.footer{background:#0b1220;color:#d1d5db;margin-top:40px}
.footer a{color:#d1d5db}
.footer .cols{display:grid;gap:24px;grid-template-columns:2fr 1fr 1fr 1fr}
@media (max-width: 992px){ .footer .cols{grid-template-columns:1fr 1fr} }
@media (max-width: 640px){ .footer .cols{grid-template-columns:1fr} }
.footer .bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:18px;padding:12px 0;color:#9ca3af}
.socials{display:flex;gap:10px;flex-wrap:wrap}
.socials a{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:999px;border:1px solid #2b3346;background:transparent}
.socials a:hover{background:#111827}
.socials svg{width:18px;height:18px;fill:#d1d5db}
.socials a:hover svg{fill:#fff}

/* Responsive tweaks */
@media (max-width:992px){
  .grid-4,.stats{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
  .grid-4,.stats{grid-template-columns:1fr 1fr}
}
/* v6 updates */
/* Enforce logo size */
.logo img{max-height:60px !important; height:auto; width:auto; max-width:250px}
.header.scrolled .logo img{max-height:54px !important}

/* Glassy header on scroll */
.header{transition:background .2s ease, backdrop-filter .2s ease, box-shadow .2s ease}
.header.scrolled{background:rgba(255,255,255,.85); backdrop-filter:saturate(160%) blur(6px); box-shadow:0 2px 10px rgba(17,24,39,.06)}

/* Menu professional hover underline */
.menu-list > li > a{position:relative}
.menu-list > li > a::after{content:''; position:absolute; left:12px; right:12px; bottom:8px; height:2px; background:var(--lexenta-primary); transform:scaleX(0); transform-origin:left; transition:transform .2s ease}
.menu-list > li > a:hover::after, .menu-list > li > a:focus::after{transform:scaleX(1)}

/* Icon visibility (info boxes & stats) */
.badge{font-size:22px; line-height:1; padding:8px 12px; background:#eef2ff; color:#111827}

/* Single post cover */
.single-cover{position:relative; margin:0 0 20px 0}
.single-cover img{width:100%; height:clamp(240px, 48vh, 520px); object-fit:cover; border-radius:14px}
.single-cover .overlay{position:absolute; inset:0; background:linear-gradient(to top, rgba(0,0,0,.5), rgba(0,0,0,.15)); border-radius:14px}
.single-cover .title{position:absolute; left:20px; right:20px; bottom:20px; color:#fff; text-shadow:0 2px 8px rgba(0,0,0,.4)}
.single-cover .title h1{margin:0; font-size:clamp(24px, 4vw, 40px)}

.related{margin-top:24px}
.related .posts{display:grid; grid-template-columns:repeat(4,1fr); gap:16px}
@media (max-width: 992px){ .related .posts{grid-template-columns:repeat(2,1fr)} }
@media (max-width: 640px){ .related .posts{grid-template-columns:1fr} }
.related .post-card h3{font-size:16px}


/* --- Enhanced Header Effects --- */
.header{position:sticky; top:0; z-index:100; background:var(--lexenta-menu-bg); transition:box-shadow .2s ease, background .2s ease;}
.header.scrolled{box-shadow:0 6px 20px rgba(0,0,0,.06); background:#fff;}
.nav .logo img{max-height:48px; transition:max-height .2s ease, transform .2s ease;}
.header.scrolled .logo img{max-height:36px; transform:translateY(1px);}

/* Fancy underline on hover */
.menu-list > li > a{position:relative; display:inline-block;}
.menu-list > li > a:after{content:""; position:absolute; left:0; bottom:-6px; width:0; height:2px; background:var(--lexenta-primary); transition:width .2s ease;}
.menu-list > li > a:hover:after,.menu-list > li.current-menu-item > a:after{width:100%;}

/* Drawer (mobile) */
.nav-toggle{display:none; background:transparent; border:0; cursor:pointer;}
.nav-toggle .bar{display:block; width:26px; height:2px; margin:6px 0; background:#111;}
.menu-drawer{display:flex; gap:18px;}
.nav-backdrop{position:fixed; inset:0; background:rgba(0,0,0,.35); backdrop-filter:saturate(60%) blur(1px); z-index:110;}
.nav-backdrop[hidden]{display:none;}
@media (max-width: 990px){
  .nav-toggle{display:inline-block;}
  .menu-drawer{position:fixed; top:0; right:0; height:100%; width:min(86vw,380px); transform:translateX(100%); background:#fff; flex-direction:column; padding:20px; box-shadow:-10px 0 30px rgba(0,0,0,.08); transition:transform .25s ease; z-index:120; overflow:auto;}
  .nav-open .menu-drawer{transform:translateX(0);}
  .menu-list{display:block; padding:0; margin:0; list-style:none;}
  .menu-list li{position:relative;}
  .menu-list .menu-item-has-children > a{padding-right:38px;}
  .menu-list .sub-toggle{position:absolute; right:6px; top:6px; border:1px solid #e5e7eb; background:#f9fafb; border-radius:8px; width:28px; height:28px; cursor:pointer;}
  .menu-list .sub-menu{position:relative; top:0; left:0; border:0; box-shadow:none; background:#fff; border-left:2px solid #eef2ff; margin:6px 0 8px 6px; padding:4px 0; display:none;}
  .menu-list .open > .sub-menu{display:block;}
}

/* --- Hero Slider --- */
.hero{position:relative; overflow:hidden;}
.hero .slide{position:relative; display:none;}
.hero .slide.active{display:block;}
.hero .slide img{width:100%; height:clamp(280px, 50vh, 640px); object-fit:cover; display:block;}

@media (max-width:640px){
  
}
.hero-controls{position:absolute; bottom:14px; left:0; right:0; display:flex; align-items:center; justify-content:center; gap:10px; pointer-events:none;}
.hero-prev,.hero-next{pointer-events:auto; border:0; background:rgba(255,255,255,.9); width:40px; height:40px; border-radius:999px; font-size:20px; line-height:40px; text-align:center; box-shadow:0 6px 20px rgba(0,0,0,.1);}
.hero-dots{pointer-events:auto; display:flex; gap:8px; align-items:center; padding:0 4px;}
.hero-dots button{width:10px; height:10px; border-radius:999px; border:0; background:#d1d5db;}
.hero-dots button.active{background:var(--lexenta-primary);}

/* --- Tags --- */
.post-tags{margin-top:18px;}
.post-tags .tags{display:flex; flex-wrap:wrap; gap:8px; padding:0; margin:0; list-style:none;}
.post-tags .tags li a{display:inline-block; background:#eef2ff; color:#1f2937; padding:6px 10px; border-radius:999px; font-size:14px; text-decoration:none;}
.post-tags .tags li a:hover{background:#e0e7ff;}


.hero{position:relative; overflow:hidden;}
.hero .slide{position:relative; display:none;}
.hero .slide.active{display:block;}
.hero .slide img{width:100%; height:clamp(280px, 50vh, 640px); object-fit:cover; display:block;}
/* Centered caption for all screens */
.hero .caption{
  position:absolute; left:50%; bottom:12%;
  transform:translateX(-50%);
  max-width:min(820px, 92vw);
  background:rgba(255,255,255,.85);
  padding:16px 20px; border-radius:14px; box-shadow:0 10px 30px rgba(0,0,0,.12);
  text-align:center;
}
@media (max-width:640px){
  .hero .caption{bottom:8%; padding:12px; border-radius:12px; max-width:94vw;}
}

/* Controls: dots only */
.hero-controls{position:absolute; bottom:14px; left:0; right:0; display:flex; align-items:center; justify-content:center; gap:10px; pointer-events:none;}
.hero-dots{pointer-events:auto; display:flex; gap:8px; align-items:center; padding:0 4px;}
.hero-dots button{width:10px; height:10px; border-radius:999px; border:0; background:#d1d5db;}
.hero-dots button.active{background:var(--lexenta-primary);}


/* Animated ink bar under main menu (desktop) */
.menu-list{position:relative;}
.menu-ink{position:absolute; bottom:-6px; left:0; height:2px; width:1px; background:var(--lexenta-primary); transform-origin:left center; transform:translateX(0) scaleX(0); transition:transform .22s ease; pointer-events:none; border-radius:2px;}

/* Submenu slide-fade animation (desktop) */
@keyframes sub-fade-in{ from {opacity:0; transform:translateY(8px);} to {opacity:1; transform:translateY(0);} }
@media (min-width: 991px){
  .menu-list > li{position:relative;}
  .menu-list > li:hover > .sub-menu{display:block; animation: sub-fade-in .18s ease both;}
  .menu-list .sub-menu{display:none; position:absolute; top:100%; left:0; background:#fff; padding:10px 8px; min-width:220px; box-shadow:0 10px 30px rgba(0,0,0,.08); border-radius:12px; border:1px solid #eef2ff;}
  .menu-list .sub-menu li a{display:block; padding:8px 10px;}
  .menu-list .sub-menu li a:hover{background:#f9fafb; border-radius:8px;}
}


/* Mobile hero typography & readability */
@media (max-width:640px){
  .hero .caption h2{font-size:clamp(18px,5.5vw,22px); line-height:1.2; margin:0 0 6px;}
  .hero .caption p{font-size:clamp(13px,3.8vw,15px); line-height:1.5; margin:0;}
  .hero .caption{padding:10px 12px; background:rgba(255,255,255,.88);}
  .hero .slide::after{content:""; position:absolute; inset:auto 0 0 0; height:42%; background:linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.25) 100%); pointer-events:none;}
}


/* Mobile submenu toggle chevrons */
.menu-list .sub-toggle{
  appearance:none; -webkit-appearance:none;
  background:transparent; border:0; width:28px; height:28px;
  display:inline-grid; place-items:center; border-radius:999px;
  transition:transform .18s ease, background .18s ease;
  color:#111; margin-left:6px;
}
.menu-list .sub-toggle:hover{background:#f3f4f6;}
.menu-list .menu-item-has-children.open > .sub-toggle{transform:rotate(180deg);}
/* Hide sub-toggle on desktop */
@media (min-width: 991px){
  .menu-list .sub-toggle{display:none!important;}
}


@media (max-width:640px){
  .hero .caption h2{font-size:clamp(16px,5vw,20px); line-height:1.2; margin:0 0 6px;}
  .hero .caption p{font-size:clamp(12px,3.6vw,14px); line-height:1.5; margin:0;}
}


.hero .slide img.cover{object-fit:cover;}
.hero .slide img.contain{object-fit:contain; background:#fff;}


/* Footer menus: 2 columns on mobile */
@media (max-width: 640px){
  .footer .menu{display:grid; grid-template-columns:1fr 1fr; gap:8px;}
  .footer .menu > li{margin:0;}
}
@media (min-width: 641px){
  .footer .menu{display:flex;}
}


/* Hero image sizing: desktop cover, mobile contain */
.hero .slide img{
  width:100%;
  height:clamp(360px, 62vh, 720px);
  object-fit:cover;
  display:block;
  background:#fff;
}
@media (max-width: 640px){
  .hero .slide img{
    height:clamp(260px, 65vh, 560px);
    object-fit:contain;
  }
}


/* Footer columns & menu grid for mobile */
.footer .cols{display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:24px;}
@media (max-width: 640px){
  .footer .cols{grid-template-columns:1fr;}
  .footer nav .menu{display:grid; grid-template-columns:1fr 1fr; gap:8px 14px; padding:0; margin:0;}
  .footer nav .menu > li{margin:0;}
}


/* Stats responsive sizing */
.stats{display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); gap:18px;}
@media (max-width: 640px){
  .stats{grid-template-columns:repeat(2, minmax(0,1fr)); gap:12px;}
  .stats .stat{padding:10px 12px; border-radius:12px;}
  .stats .stat .badge{font-size:12px; padding:4px 6px;}
  .stats .stat .num{font-size:22px; line-height:1.1;}
  .stats .stat .label{font-size:12px;}
}


/* Back to top button */
#backTop{
  position:fixed; right:16px; bottom:16px; z-index:999;
  width:44px; height:44px; border-radius:999px; border:0;
  display:grid; place-items:center;
  background:#111; color:#fff; box-shadow:0 10px 30px rgba(0,0,0,.18);
  cursor:pointer; opacity:0; transform:translateY(14px); pointer-events:none;
  transition:opacity .2s ease, transform .2s ease, background .2s ease;
}
#backTop:hover{background:var(--lexenta-primary);}
#backTop.show{opacity:1; transform:translateY(0); pointer-events:auto;}


/* --- Mobile stability & overflow fixes --- */
@media (max-width: 990px){
  html, body { overflow-x: hidden; }
}
body.nav-open{ overflow: hidden; touch-action: none; }

/* Back-to-top safe area and non-intrusive placement */
#backTop{ right: clamp(12px, 3vw, 18px); bottom: calc(12px + env(safe-area-inset-bottom, 0px)); }

/* Prevent any accidental width overflows from images/videos */
img, video{ max-width: 100%; height: auto; }

/* Footer grid: be flexible and avoid layout jumps */
.footer .cols{ align-items: start; }
@media (max-width: 640px){
  .footer .cols{ grid-template-columns: 1fr; }
  .footer nav .menu{ display: grid; grid-template-columns: 1fr 1fr; gap: 8px 14px; padding: 0; margin: 0; }
  .footer nav .menu > li{ margin: 0; }
}

/* Drawer panel: avoid causing horizontal scroll */
@media (max-width: 990px){
  .menu-drawer{ max-width: 100vw; }
}


/* Footer menu spacing */
.footer nav .menu{ list-style: disc inside; padding:0; margin:0; }
.footer nav .menu > li{ display:list-item; margin:6px 0; }
.footer nav .menu a{ display:inline-block; }


/* News slider base (no arrows) */
.slider-viewport{overflow:hidden;}
.slider-track{display:flex; gap:18px; will-change:transform; transition:transform .35s ease;}
.slider-track .slide-item{flex:0 0 auto;}
@media (max-width:640px){
  .slider-track{gap:12px;}
  .post-card h3{font-size:16px; line-height:1.3;}
  .post-card p{font-size:13px;}
}


/* Footer mobile polish */
@media (max-width:640px){
  .footer .container.section{padding-left:16px; padding-right:16px;}
  .footer .cols{display:grid; grid-template-columns:1fr; gap:22px;}
  .footer h3{font-size:16px; margin-bottom:8px;}
  .footer nav .menu{display:grid; grid-template-columns:1fr 1fr; gap:8px 12px; list-style:disc inside; padding:0; margin:0;}
  .footer nav .menu > li{margin:0;}
  .footer a{word-break:break-word;}
}


/* === Custom footer layout override (2025-12-05) === */
/* Desktop: 4 sütun yan yana, Mobil/Tablet: 2 sütun (2+2) */
.footer .cols{
  display:grid;
  gap:24px;
  grid-template-columns:repeat(4, minmax(0,1fr));
  align-items:flex-start;
}
@media (max-width: 992px){
  .footer .cols{
    grid-template-columns:repeat(2, minmax(0,1fr));
  }
}
@media (max-width: 640px){
  .footer .cols{
    grid-template-columns:repeat(2, minmax(0,1fr));
  }
}

/* Home info boxes - slightly smaller & modern */
.home-info-grid .info-card{
  padding:16px;
  border-radius:16px;
  box-shadow:0 6px 18px rgba(15,23,42,.06);
}
.home-info-grid .info-card h3{
  font-size:16px;
  margin-bottom:6px;
}
.home-info-grid .info-card p{
  font-size:13px;
  line-height:1.55;
}


/* === Hero (slider) responsive override - 2025-12-05 === */
/* Masaüstü ve mobilde orantılı, taşmayan, tam genişlik slider */

.hero{
  position:relative;
}

.hero .slide{
  display:none;
  position:relative;
  overflow:hidden;
  border-radius:12px;
}

.hero .slide.active{
  display:block;
}

.hero .slide img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  border-radius:12px;
}

/* Masaüstü: daha geniş panorama oranı */
@media (min-width: 1024px){
  .hero .slide{
    aspect-ratio: 21/9;
  }
}

/* Tablet + mobil: klasik 16:9 oranı */
@media (max-width: 1023.98px){
  .hero .slide{
    aspect-ratio: 16/9;
  }
}


/* === Breadcrumb (İçerik yolu) stil düzeni - 2025-12-05 === */
.breadcrumb{
  margin-bottom:12px;
  font-size:13px;
  color:#6b7280; /* gri ton */
  line-height:1.6;
}
.breadcrumb a{
  color:var(--lexenta-primary);
  text-decoration:none;
  font-weight:500;
}
.breadcrumb a:hover{
  text-decoration:underline;
}
.breadcrumb span[aria-current="page"]{
  font-weight:600;
  color:#111827;
}
.breadcrumb{
  white-space:normal;
}