/* === Barış Ayık custom overrides (safe to remove) === */

/* Transparent header / left-aligned brand */
header, .site-header, .navbar, .main-header {
  background: transparent !important;
  box-shadow: none !important;
}
.site-branding, .site-title, .navbar-brand, .brand, .logo {
  margin-left: 0 !important;
  left: 0 !important;
}
/* Nav hover underline: orange gradient sliding in */
.main-navigation a, .menu a, .navbar-nav a, .menu-item a {
  position: relative;
  display: inline-block;
}
.main-navigation a::after, .menu a::after, .navbar-nav a::after, .menu-item a::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -6px;
  height: 3px;
  background: linear-gradient(90deg,#ff7a1a,#ffb066);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .25s ease;
  opacity: .9;
}
.main-navigation a:hover::after, .menu a:hover::after, .navbar-nav a:hover::after, .menu-item a:hover::after {
  transform: scaleX(1);
}

/* Home hero title: larger, left aligned */
.home h1, .home .hero h1, .home .entry-header h1, .home .page-title, .home .hero-title {
  text-align: left !important;
  font-weight: 800;
  letter-spacing: .5px;
  font-size: clamp(48px, 8vw, 120px) !important;
  line-height: 1.0;
  max-width: min(1200px, 92vw);
  margin-left: clamp(20px, 6vw, 120px) !important;
  text-shadow: 0 2px 14px rgba(0,0,0,.45);
}

/* Make above-the-fold paragraph align left too */
.home .hero p, .home .entry-header p, .home .hero-subtitle, .home .intro-text {
  text-align: left !important;
  max-width: min(900px, 90vw);
  margin-left: clamp(20px, 6vw, 120px) !important;
}

/* Corner arrows */
.hsnap-arrow {
  position: fixed;
  bottom: clamp(12px, 2.5vh, 20px);
  width: 46px;
  height: 46px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255,255,255,.55);
  background: rgba(20,20,20,.25);
  backdrop-filter: blur(4px);
  color: #fff;
  z-index: 9999;
  cursor: pointer;
  transition: transform .2s ease, background .2s ease;
}
.hsnap-arrow:hover{ background: rgba(20,20,20,.45); transform: translateY(-1px); }
.hsnap-arrow svg{ width: 20px; height: 20px; }

.hsnap-arrow--left { left: clamp(12px, 2vw, 22px); }
.hsnap-arrow--right { right: clamp(12px, 2vw, 22px); }

/* Thin bottom progress bar */
.hsnap-scrollbar {
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  bottom: 8px;
  width: min(780px, 78vw);
  height: 6px;
  background: rgba(255,255,255,.18);
  border-radius: 999px;
  overflow: hidden;
  z-index: 9998;
  backdrop-filter: blur(3px);
}
.hsnap-scrollbar__thumb {
  height: 100%;
  width: 0%;
  background: linear-gradient(90deg,#ff7a1a,#ffb066);
  border-radius: 999px;
}

/* Skill bars animation */
.skills, .my-skills, .about-skills { --bar-bg:#222; --bar-fill:#ff8a3d; }
.skills .bar, .my-skills .bar, .about-skills .bar {
  background: var(--bar-bg);
  height: 10px;
  border-radius: 999px;
  overflow: hidden;
}
.skills .bar__fill, .my-skills .bar__fill, .about-skills .bar__fill {
  width: 0%;
  height: 100%;
  background: var(--bar-fill);
  transition: width 1100ms ease;
  border-radius: 999px;
}
.skills .bar__fill.in, .my-skills .bar__fill.in, .about-skills .bar__fill.in { width: var(--target, 70%); }
/* --- Update 1.0.9: Full transparent navbar, logo flush-left, hero text left & bigger --- */
/* kill any header overlay/gradient */
.main-header::before, .site-header::before { display:none !important; }
header, .site-header, .navbar, .main-header, .header, .navigation { 
  background: transparent !important; box-shadow:none !important; 
}
/* brand pinned hard-left */
.site-branding, .navbar-brand, .brand, .logo, .site-title { margin-left:0!important; left:0!important; transform:none!important; }
/* Make container not push brand away */
.site-header .container, .main-header .container { padding-left: 12px !important; }
/* hover underline gradient */
.main-navigation a, .menu a, .navbar-nav a, .menu-item a { position:relative; display:inline-block; }
.main-navigation a:after, .menu a:after, .navbar-nav a:after, .menu-item a:after {
  content:""; position:absolute; left:0; right:0; bottom:-6px; height:2px;
  background: linear-gradient(90deg,#ff8a00,#ffbe55);
  transform:scaleX(0); transform-origin:left; transition:transform .25s ease;
}
.main-navigation a:hover:after, .menu a:hover:after, .navbar-nav a:hover:after, .menu-item a:hover:after { transform:scaleX(1); }

/* Hero title left aligned and larger */
.hero h1, .slide-title, .hero-title, .front-hero .title, .cover .title {
  text-align:left !important;
  font-size: clamp(56px, 9vw, 132px) !important;
  line-height: .9 !important;
}
.hero .lead, .slide-desc, .hero-desc, .front-hero .excerpt, .cover .excerpt { 
  text-align:left !important; max-width: min(80ch, 60vw);
}
.hero .content, .slide-content, .front-hero .inner, .cover .inner { 
  align-items:flex-start !important; justify-content:flex-start !important; 
}


/* === PATCH v1.0.5 (theme update) ==================================== */
/* Keep hero text shadows on homepage/hero, but remove just on project + hsnap overlays */
.home .hero .hero-inner .lead,
.hero .hero-inner p,
.homepage-hero .hero-inner p,
.front-hero .hero-inner p{
  text-shadow: 0 10px 40px rgba(0,0,0,.45) !important;
}
.project-hero .overlay .desc,
.hsnap-slide .overlay .desc,
.project-hero .overlay p,
.hsnap-slide .overlay p{
  text-shadow: none !important;
  background: none !important;
  padding: 0 !important;
}

/* Bigger logos (header brand + "see more" title icons) */
.brand img,
.brand img.custom-logo{ height: 40px !important; width: auto !important; }
@media (max-width:680px){
  .brand img,
  .brand img.custom-logo{ height: 32px !important; }
}

/* Single/Listing title icons a bit larger */
.single-portfolio .project-title img,
.single-portfolio .game-title img,
.single-portfolio .title-icon,
.single-portfolio .game-icon{ width: 42px !important; height: 42px !important; }
@media (max-width:900px){
  .single-portfolio .project-title img,
  .single-portfolio .game-title img,
  .single-portfolio .title-icon,
  .single-portfolio .game-icon{ width: 34px !important; height: 34px !important; }
}

/* Contact page: ensure right-side socials column shows nicely */
.contact-card .grid{ grid-template-columns: 1.4fr 1fr !important; }
@media (max-width:900px){
  .contact-card .grid{ grid-template-columns: 1fr !important; }
}
.contact-card .socials-right{ display:flex; flex-direction:column; gap:10px; }
.contact-card .socials-right a{
  display:flex; align-items:center; gap:10px;
  background: rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);
  border-radius:12px; padding:10px 12px; text-decoration:none;
}
.contact-card .socials-right a:hover{ border-color: rgba(255,138,61,.8); box-shadow:0 0 0 1px rgba(255,138,61,.5) inset; }
.contact-card .socials-right svg{ width:18px; height:18px; flex:0 0 auto; opacity:.9; }
/* ===================================================================== */

/* Fix: avoid double progress bar at bottom */
.hsnap-wrapper > .hsnap-progress{ display:none !important; }
.hsnap-controls .hsnap-progress{ display:block !important; }