/* Klavye ile gezenler için görünür odak */
a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible{
  outline:2px solid #000; outline-offset:2px; border-radius:6px;
}

/* Anchor tıklayınca üst menüye takılmasın + yumuşak kaydırma */
section[id]{ scroll-margin-top: 96px; }
html{ scroll-behavior: smooth; }

/* === PORTFOLYO KARE KARTLAR === */
.lexal_tm_portfolio_list .list_inner .image_wrap{
  position: relative; width: 100%; aspect-ratio: 1 / 1; overflow: hidden;
}
.lexal_tm_portfolio_list .image_wrap img{
  width:100%; height:100%; display:block; object-fit:cover; object-position:center;
  transition: transform .3s ease;
}
.lexal_tm_portfolio_list .image_wrap .main_image{
  position:absolute; inset:0; background-size:cover; background-position:center;
  transition: transform .3s ease;
}
.lexal_tm_portfolio_list .list_inner:hover .image_wrap img,
.lexal_tm_portfolio_list .list_inner:hover .image_wrap .main_image{
  transform: scale(1.03);
}
.lexal_tm_portfolio_list .list_inner{ transition: box-shadow .2s ease, transform .2s ease; }
.lexal_tm_portfolio_list .list_inner:hover{ box-shadow:0 8px 30px rgba(0,0,0,.08); transform: translateY(-2px); }

/* Hizmet ikonları kare görünüm */
.lexal_tm_services .inner .svg{ width:64px; height:64px; object-fit:contain; display:inline-block; }

/* Load more */
.is-hidden { display: none !important; }
.lexal_tm_load_more a.disabled {
  pointer-events: none;
  opacity: .5;
  filter: grayscale(1);
}

.anchor_nav a.is-active { font-weight: 600; }

/* === Hizmetler ikon rengi === */
:root {
  --accent: #ff214f; /* BURAYI senin kırmızıyla eşleştir */
}

/* Başlıktaki span da aynı değişkenden beslensin (tek noktadan kontrol) */
.lexal_tm_main_title span { color: var(--accent) !important; }

/* Sadece Hizmetler bölümünde ikonlar bu renge boyansın */
#services .lexal_tm_services .inner { color: var(--accent); }

/* Inline SVG ise fill/stroke currentColor'dan gelsin */
#services .lexal_tm_services .inner svg { 
  fill: currentColor; 
  stroke: currentColor; 
}

/* (Opsiyonel) Temada inline'a çevrilmeyip <img class="svg"> kalırsa 
   en kötü yaklaşık bir kırmızıya filtre uygula (mükemmel değil) */
#services .lexal_tm_services .inner img.svg {
  filter: brightness(0) saturate(100%) invert(17%) sepia(83%) saturate(4131%) hue-rotate(341deg) brightness(98%) contrast(100%);
}
/* === İletişim: Gönder butonu (kırmızı, modern) === */
:root{ --accent:#ff214f; } /* span’daki kırmızıyla aynı olsun */

#contact .lexal_tm_button{
  display:inline-flex; align-items:center; justify-content:center;
  padding:14px 22px;
  border-radius:9999px;
  background:var(--accent);
  color:#fff; text-decoration:none;
  border:none;
  box-shadow:0 6px 20px rgba(255,33,79,.35);
  transition:transform .15s ease, box-shadow .2s ease, filter .2s ease;
}
#contact .lexal_tm_button span{
  color:inherit; font-weight:600; letter-spacing:.3px;
}

/* ok/ok ucu efekti – ekstra HTML yok, pseudo ile veriyoruz */
#contact .lexal_tm_button span::after{
  content:"→"; display:inline-block; margin-left:.55em;
  transition:transform .2s ease;
}

/* hover/active/focus halleri */
#contact .lexal_tm_button:hover{
  transform:translateY(-1px);
  box-shadow:0 10px 30px rgba(255,33,79,.4);
  filter:brightness(1.02);
}
#contact .lexal_tm_button:active{
  transform:translateY(0);
  box-shadow:0 6px 18px rgba(255,33,79,.35);
}
#contact .lexal_tm_button:hover span::after{
  transform:translateX(3px);
}
#contact .lexal_tm_button:focus-visible{
  outline:3px solid rgba(255,33,79,.5);
  outline-offset:3px;
}

/* buton kapalıysa (ör. JS ile aria-disabled verildiğinde) */
#contact .lexal_tm_button[aria-disabled="true"]{
  pointer-events:none; opacity:.6; filter:grayscale(.15);
}

/* mobilde tam genişlik daha temiz görünür */
@media (max-width:768px){
  #contact .lexal_tm_button{ width:100%; }
}

/* HERO metin gölgesi – video üstünde okunurluk */
.lexal_tm_home_hero .overlay_texts .name{
  /* H1 */
  text-shadow:
    0 6px 24px rgba(0,0,0,.45),
    0 2px 8px  rgba(0,0,0,.55);
}

.lexal_tm_home_hero .overlay_texts .job{
  /* Alt satır */
  text-shadow:
    0 4px 16px rgba(0,0,0,.45),
    0 1px 4px  rgba(0,0,0,.55);
}

/* Küçük ekranda gölgeyi biraz güçlendir (video daha baskın olabilir) */
@media (max-width:768px){
  .lexal_tm_home_hero .overlay_texts .name{
    text-shadow:
      0 8px 28px rgba(0,0,0,.45),
      0 2px 10px rgba(0,0,0,.55);
  }
  .lexal_tm_home_hero .overlay_texts .job{
    text-shadow:
      0 6px 22px rgba(0,0,0,.45),
      0 1px 6px  rgba(0,0,0,.55);
  }
}

@media (max-width: 568px){
  .youtube-bg{ display:block !important; }
  .hero-poster-fallback{ display:none !important; }
}
/* === Global buton (Gönder ile birebir) === */
:root{ --accent:#ff214f; }

.lexal_tm_button{
  display:inline-flex; align-items:center; justify-content:center;
  padding:14px 22px;
  border-radius:9999px;
  background:var(--accent);
  color:#fff; text-decoration:none;
  border:none;
  box-shadow:0 6px 20px rgba(255,33,79,.35);
  transition:transform .15s ease, box-shadow .2s ease, filter .2s ease;
}
.lexal_tm_button span{
  color:inherit; font-weight:600; letter-spacing:.3px;
}
.lexal_tm_button span::after{
  content:"→"; display:inline-block; margin-left:.55em;
  transition:transform .2s ease;
}
.lexal_tm_button:hover{
  transform:translateY(-1px);
  box-shadow:0 10px 30px rgba(255,33,79,.4);
  filter:brightness(1.02);
}
.lexal_tm_button:active{
  transform:translateY(0);
  box-shadow:0 6px 18px rgba(255,33,79,.35);
}
.lexal_tm_button:hover span::after{ transform:translateX(3px); }
.lexal_tm_button:focus-visible{
  outline:3px solid rgba(255,33,79,.5);
  outline-offset:3px;
}
.lexal_tm_button[aria-disabled="true"]{
  pointer-events:none; opacity:.6; filter:grayscale(.15);
}

/* Mobil: tek tuş genişliği hoş durur */
@media (max-width:768px){
  .lexal_tm_button{ width:100%; }
}

/* Yapısal boşluk: <br> kullanmadan nefes alanı */
.work_back{ margin-top:32px; margin-bottom:24px; }
.work_body{ padding-bottom:64px; }

/* Tekil sayfalarda kompakt footer */
.work_hero ~ footer .footer_wrap{ padding:16px 20px; }
.work_hero ~ footer .copyright p{ font-size:12px; opacity:.8; }
.work_hero ~ footer .social ul li a{ font-size:14px; }

/* ===== FULLSCREEN LIGHTBOX (Portfolio) ===== */
.lb-overlay{position:fixed; inset:0; background:rgba(0,0,0,.94); display:none; align-items:center; justify-content:center; z-index:9999;}
.lb-overlay.is-open{display:flex;}
.lb-media{max-width:92vw; max-height:92vh; position:relative;}
.lb-media img{display:block; max-width:92vw; max-height:92vh; object-fit:contain; border-radius:8px; box-shadow:0 10px 40px rgba(0,0,0,.6);}
.lb-close, .lb-prev, .lb-next{
  position:absolute; border:none; outline:none; background:rgba(255,255,255,.08);
  color:#fff; width:44px; height:44px; display:flex; align-items:center; justify-content:center;
  border-radius:999px; cursor:pointer; -webkit-tap-highlight-color:transparent; backdrop-filter:saturate(160%) blur(4px);
  box-shadow:0 4px 18px rgba(0,0,0,.4); transition:transform .15s ease, background .15s ease;
}
.lb-close:hover, .lb-prev:hover, .lb-next:hover{ background:rgba(255,255,255,.14); transform:scale(1.05); }
.lb-close{ top:20px; right:20px; z-index:2; font-size:22px; line-height:1; }
.lb-prev{ left:18px; top:50%; transform:translateY(-50%); font-size:28px; }
.lb-next{ right:18px; top:50%; transform:translateY(-50%); font-size:28px; }
.lb-counter{ position:absolute; bottom:16px; left:50%; transform:translateX(-50%); color:#fff; font:500 14px/1.2 system-ui, -apple-system, Segoe UI, Roboto, Inter, Arial, sans-serif; opacity:.8; background:rgba(0,0,0,.25); padding:6px 10px; border-radius:999px; }

/* Disable page scroll when open */
body.lb-lock{ overflow:hidden; }

@media (max-width:768px){
  .lb-media{max-width:96vw; max-height:80vh;}
  .lb-media img{max-width:96vw; max-height:80vh;}
  .lb-prev, .lb-next{ width:52px; height:52px; font-size:30px; }
  .lb-close{ width:48px; height:48px; font-size:24px; }
}

/* Lightbox scope: keep cursor default on tagged images */
.work_body img[data-lightbox="1"]{ cursor: default !important; }

/* keep default cursor on portfolio images */
.work_body a.mfp-img img{cursor:default !important;}

/* Magnific Popup controls & layering hardening */
.mfp-bg{ z-index: 2147483645 !important; }
.mfp-wrap{ z-index: 2147483646 !important; }
button.mfp-close{
  position: fixed !important;
  top: 20px !important;
  right: 20px !important;
  width: 46px !important;
  height: 46px !important;
  line-height: 46px !important;
  text-align: center !important;
  opacity: .95 !important;
  color: #fff !important;
}
.mfp-arrow{ opacity: .9 !important; }
.mfp-fade.mfp-bg{ opacity:0; transition: opacity .18s; }
.mfp-fade.mfp-bg.mfp-ready{ opacity:.9; }
.mfp-fade.mfp-wrap .mfp-content{ opacity:0; transition: opacity .18s; }
.mfp-fade.mfp-wrap.mfp-ready .mfp-content{ opacity:1; }
.work_body a.mfp-img img{ cursor: default !important; }

/* Unified back button for work pages */
.back_to_portfolio{ display:inline-block; margin-bottom:50px !important; }
.back_to_portfolio a span{ display:inline-block; }

/* Back button design — clean + centered + 10% smaller + spacing */
.work_body .back_to_portfolio{ 
  display:inline-block; 
  margin-top:20px !important; 
  margin-bottom:50px !important; 
  background:none !important; 
  box-shadow:none !important;
}
.work_body .back_to_portfolio a{
  background:none !important; 
  box-shadow:none !important;
}
.work_body .back_to_portfolio a span{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  /* keep existing red background from theme; just ensure it's the only bg */
  /* background: var(--accent, #e53935) !important;  */  /* uncomment if needed */
  transform: scale(0.9);
  transform-origin: center center;
  line-height: 1.1;
}
/* Ensure no extra wrappers paint a background */
.work_body .back_to_portfolio *{
  box-shadow:none !important;
}

/* enforce red span background */
.work_body .back_to_portfolio a span{
  background: var(--accent, #ff214f) !important;
  color:#fff !important;
  padding: 12px 22px !important;
  border-radius: 999px !important;
}
.work_body .back_to_portfolio a:hover span{
  filter: brightness(1.06);
}

/* Responsive video embeds for work pages */
.work_body .videowrap{ width:100% !important; margin: 0 0 20px !important; }
.work_body .video16x9{ position:relative; width:100%; padding-top:56.25%; }
.work_body .video16x9 iframe{ position:absolute; inset:0; width:100%; height:100%; border:0; display:block; }

/* Force single column if any old image grid widths remain */
.work_body .imgwrap{ width:100% !important; }

/* Fix hero cover on work pages (Luukaa) */
.work_hero{ position:relative; }
.work_hero img.cover{
  width:100% !important;
  height:auto !important;
  max-height:none !important;
  display:block !important;
  object-fit:cover;
  object-position:center;
}
/* Ensure hero text sits above image if absolutely positioned elsewhere */
.work_hero .texts{ position:absolute; left:0; right:0; bottom:8%; text-align:center; pointer-events:none; }
.work_hero .texts h1, .work_hero .texts p{ pointer-events:auto; }

/* Luukaa hero: force background cover to guarantee visibility */

@media (min-width: 1200px){
  .work_hero{ min-height: 560px; }
}
/* Hide the inline img to avoid double paint */