/* One public shell for all portfolio routes */
#nav-links{display:flex!important;align-items:center!important;gap:20px!important;flex-wrap:nowrap!important}
#nav-links>a,.ozlem-shell-cert,.ozlem-shell-conf-btn{white-space:nowrap!important}
.ozlem-shell-conf{position:relative;display:inline-flex;align-items:center}
.ozlem-shell-conf-btn{border:0;background:transparent;color:var(--text-muted,#aeb7c9);font:inherit;font-weight:650;cursor:pointer;padding:10px 2px}
.ozlem-shell-conf-menu{display:none;position:absolute;right:0;top:calc(100% + 10px);min-width:250px;padding:8px;background:#0b1324;border:1px solid #263550;border-radius:14px;box-shadow:0 18px 42px rgba(0,0,0,.36);z-index:99999}
.ozlem-shell-conf.open .ozlem-shell-conf-menu{display:grid}
.ozlem-shell-conf-menu a{display:block;padding:11px 13px;border-radius:9px;color:#b9c4d8!important;text-decoration:none!important;font-weight:650!important}
.ozlem-shell-conf-menu a:hover{background:#111f38;color:#fff!important}
.ozlem-shell-cert{color:var(--text-muted,#aeb7c9)!important;text-decoration:none!important;font-weight:650!important}
.ozlem-shell-cert:hover{color:#fff!important}

/* Dedicated route: show only its section */
html[data-public-section]:not([data-public-section=""]):not([data-public-section="blog"]) main > section{display:none!important}
html[data-public-section="about"] main>#about,
html[data-public-section="what-i-build"] main>#what-i-build,
html[data-public-section="projects"] main>#projects,
html[data-public-section="portfolio"] main>#portfolio,
html[data-public-section="speaking"] main>#speaking,
html[data-public-section="recognition"] main>#recognition,
html[data-public-section="book"] main>#book,
html[data-public-section="certifications"] main>#certifications{
  display:block!important;visibility:visible!important;opacity:1!important;transform:none!important;content-visibility:visible!important
}
html[data-public-section]:not([data-public-section=""]) main{padding-top:76px!important}
html[data-public-section]:not([data-public-section=""]):not([data-public-section="blog"]) footer{display:none!important}
/* Contact lives in footer#contact in the original template. */
html[data-public-section="contact"] main{display:none!important}
html[data-public-section="contact"] footer#contact{
  display:block!important;visibility:visible!important;opacity:1!important;transform:none!important;min-height:calc(100vh - 76px);padding-top:110px
}

/* Unified blue action buttons */
#home .hero-ctas .btn,
#projects .btn,#portfolio .btn,#speaking .btn,#recognition .btn,#book .btn,#certifications .btn,#certifications .cert-btn,
.cms-managed-card>a,.cms-managed-card .btn{background:#2563eb!important;border-color:#2563eb!important;color:#fff!important}
#home .hero-ctas .btn:hover,#projects .btn:hover,#portfolio .btn:hover,#speaking .btn:hover,#recognition .btn:hover,#book .btn:hover,#certifications .btn:hover,#certifications .cert-btn:hover,
.cms-managed-card>a:hover,.cms-managed-card .btn:hover{background:#1d4ed8!important;border-color:#1d4ed8!important;color:#fff!important}

.cms-managed-wrap{margin-top:28px}
.cms-managed-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.cms-managed-card{background:var(--bg-card,#0b1226);border:1px solid var(--border,#1c2a47);border-radius:18px;padding:22px;overflow:hidden}
.cms-managed-card img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:12px;margin-bottom:16px}
.cms-managed-card h3{margin:0 0 10px;font-size:1.15rem}
.cms-managed-card p{margin:0 0 14px;color:var(--text-muted,#9fb0cf);line-height:1.6}
.cms-managed-card .cms-badge{display:inline-block;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:#54c8ff;margin-bottom:10px}
.cms-managed-card>a{display:inline-flex;padding:10px 14px;border-radius:10px;text-decoration:none;font-weight:750;margin-top:8px}

#speaking .cms-managed-grid{grid-template-columns:1fr}
#speaking .speaking-media-flow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:18px}
#speaking .speaking-media-item img{margin:0;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:10px}
#speaking .speaking-media-item.video,#speaking .speaking-media-item.link{grid-column:1/-1}
#speaking .speaking-media-caption{margin-top:7px;color:var(--text-muted,#9fb0cf);font-size:.88rem}
#speaking .youtube-safe{position:relative;display:block;overflow:hidden;border-radius:10px;background:#050814}
#speaking .youtube-safe img{margin:0;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:0}
#speaking .youtube-safe span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.30);color:#fff;font-weight:800}

@media(max-width:1100px){#nav-links{gap:12px!important}#nav-links>a,.ozlem-shell-cert,.ozlem-shell-conf-btn{font-size:.82rem!important}}
@media(max-width:900px){.ozlem-shell-conf,.ozlem-shell-cert{width:100%}.ozlem-shell-conf-menu{position:static;width:100%;margin-top:4px;box-shadow:none}.ozlem-shell-conf-btn{width:100%;text-align:left}.cms-managed-grid{grid-template-columns:1fr}}
@media(max-width:700px){#speaking .speaking-media-flow{grid-template-columns:1fr}#speaking .speaking-media-item.video,#speaking .speaking-media-item.link{grid-column:auto}}


/* Localized back-to-portfolio button on dedicated portfolio routes */
.ozlem-portfolio-back{display:inline-flex;align-items:center;margin:24px 0 28px;padding:10px 14px;border:1px solid var(--border-color,#263550);border-radius:10px;color:var(--text-main,#f5f7ff)!important;text-decoration:none!important;font-weight:700;background:rgba(255,255,255,.02)}
.ozlem-portfolio-back:hover{border-color:#3b82f6;background:rgba(59,130,246,.08)}


/* SAFE FIX: blog is a standalone page, so its sections must remain visible */
html[data-public-section="blog"] main,
html[data-public-section="blog"] main > section{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
}


/* ozlem-mobile-language-compact-final */
@media (max-width:768px){
  #nav-links #language-switcher{
    width:auto !important;
    max-width:max-content !important;
    align-self:flex-start !important;
    margin:8px 0 0 0 !important;
    display:inline-block !important;
  }
  #nav-links #language-btn{
    width:auto !important;
    min-width:0 !important;
    max-width:none !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:8px !important;
    padding:9px 13px !important;
    border-radius:12px !important;
    white-space:nowrap !important;
  }
  #nav-links #language-menu{
    left:0 !important;
    right:auto !important;
    width:max-content !important;
    min-width:150px !important;
    max-width:210px !important;
  }
}


/* ozlem-back-button-style-only */
.ozlem-portfolio-back,
#blog-home-back{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:auto !important;
  min-width:0 !important;
  padding:16px 24px !important;
  border-radius:10px !important;
  background:#3b82f6 !important;
  color:#fff !important;
  font-weight:700 !important;
  text-decoration:none !important;
  line-height:1.2 !important;
  box-shadow:none !important;
}

.ozlem-portfolio-back:hover,
#blog-home-back:hover{
  transform:none !important;
  filter:brightness(1.04) !important;
}

@media (max-width:768px){
  .ozlem-portfolio-back,
  #blog-home-back{
    padding:14px 20px !important;
    border-radius:10px !important;
    width:auto !important;
    max-width:max-content !important;
    font-size:16px !important;
  }
}



/* ozlem-final-back-button-exact */
.ozlem-portfolio-back,
#blog-home-back{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:auto !important;
  max-width:max-content !important;
  padding:16px 24px !important;
  border-radius:10px !important;
  background:#3b82f6 !important;
  color:#fff !important;
  font-weight:700 !important;
  text-decoration:none !important;
  line-height:1.2 !important;
  box-shadow:none !important;
}



/* ozlem-mobile-hamburger-final-css */
@media (max-width:768px){
  #mobile-menu-btn{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    pointer-events:auto !important;
    position:relative !important;
    z-index:10080 !important;
    cursor:pointer !important;
  }

  #nav-links{
    display:none !important;
  }

  #nav-links.show{
    display:flex !important;
    max-height:calc(100vh - 78px) !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    -webkit-overflow-scrolling:touch !important;
    pointer-events:auto !important;
  }

  html.oz-mobile-nav-open,
  body.oz-mobile-nav-open{
    overflow:hidden !important;
  }
}



/* ozlem-mobile-blog-back-compact-final */
@media (max-width:768px){
  html[data-public-section="blog"] #blog-home-back{
    display:inline-flex !important;
    width:auto !important;
    max-width:max-content !important;
    min-width:0 !important;
    padding:14px 18px !important;
    margin-left:28px !important;
    margin-right:0 !important;
    border-radius:10px !important;
    font-size:16px !important;
    line-height:1.2 !important;
    align-items:center !important;
    justify-content:center !important;
    white-space:nowrap !important;
  }
}


/* ozlem-mobile-blog-conference-cert-language-order */
@media (max-width:768px){
  #nav-links{
    display:flex;
    flex-direction:column;
  }

  /* Blog always comes before the three bottom controls */
  #nav-links #nav-blog{
    order:70 !important;
    margin-bottom:0 !important;
  }

  #nav-links > .ozlem-shell-conf{
    order:80 !important;
    margin:0 !important;
    width:100% !important;
  }

  #nav-links > .ozlem-shell-cert{
    order:90 !important;
    margin:0 !important;
    width:100% !important;
  }

  #nav-links > #language-switcher{
    order:100 !important;
    margin:6px auto 0 !important;
    width:auto !important;
    max-width:max-content !important;
    align-self:center !important;
  }

  #nav-links > .ozlem-shell-conf .ozlem-shell-conf-btn,
  #nav-links > .ozlem-shell-cert{
    text-align:center !important;
    justify-content:center !important;
  }
}