/* wp-custom-css */
/* =========================================================
   1. BÖLÜM: DİZİLİM VE LAYOUT (STANDART - AYNI KALIYOR)
   ========================================================= */

html, body { overflow-x: hidden !important; }

/* Full-bleed (ekranın tamamına yay) */
body.portfolio-grid .container.portfolio_container.boxed-style {
  width: 100vw !important;
  max-width: 100vw !important;
  margin: 0 !important;
  padding: 0 !important;
  position: relative !important;
  left: 50% !important;
  margin-left: -50vw !important;
  background-color: #191919 !important;
}

/* Wrapper'ı flex yap */
body.portfolio-grid .container.portfolio_container.boxed-style #portfolio-wrapper {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  height: auto !important;
  background-color: #191919 !important;
}

/* 4 Kolon */
body.portfolio-grid .container.portfolio_container.boxed-style #portfolio-wrapper .portfolio-item {
  position: relative !important;
  left: auto !important;
  top: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 25% !important;
  background-color: #000 !important;
}

/* Sizer iptal */
body.portfolio-grid .container.portfolio_container.boxed-style #portfolio-wrapper .portfolio_sizer {
  display: none !important;
}

/* Kare Görsel */
body.portfolio-grid .container.portfolio_container.boxed-style .portfolio-item .picture {
  position: relative !important;
  width: 100% !important;
  height: 0 !important;
  padding-bottom: 100% !important; 
  margin: 0 !important;
  overflow: hidden !important;
  background-color: #000 !important; 
}

body.portfolio-grid .container.portfolio_container.boxed-style .portfolio-item .thumb {
  position: absolute !important;
  inset: 0 !important;
  background-size: cover !important;
  background-position: center !important;
  margin: 0 !important;
}

/* Boşlukları öldür */
body.portfolio-grid .container.portfolio_container.boxed-style,
body.portfolio-grid .container.portfolio_container.boxed-style #portfolio-wrapper,
body.portfolio-grid .container.portfolio_container.boxed-style .portfolio-item {
  gap: 0 !important;
  row-gap: 0 !important;
  column-gap: 0 !important;
}

/* Responsive */
@media (max-width: 1200px){
  body.portfolio-grid .container.portfolio_container.boxed-style #portfolio-wrapper .portfolio-item{ width: 33.333% !important; }
}
@media (max-width: 900px){
  body.portfolio-grid .container.portfolio_container.boxed-style #portfolio-wrapper .portfolio-item{ width: 50% !important; }
}
@media (max-width: 520px){
  body.portfolio-grid .container.portfolio_container.boxed-style #portfolio-wrapper .portfolio-item{ width: 100% !important; }
}


/* ============================================================
   2. BÖLÜM: RESİM VE OVERLAY EFEKTLERİ
   ============================================================ */

/* Temizlik */
body.portfolio-grid .portfolio-item .overlay,
body.portfolio-grid .portfolio-item .portfolio-link::before,
body.portfolio-grid .portfolio-item .portfolio-link::after {
    display: none !important;
}

/* 1. RESİM: Grayscale -> Renkli */
body.portfolio-grid .portfolio-item .thumb {
    filter: grayscale(100%) !important;
    opacity: 1 !important;
    transition: filter 0.5s ease, transform 0.5s ease !important;
}

body.portfolio-grid .portfolio-item:hover .thumb {
    filter: none !important;
    transform: scale(1.05) !important;
}

/* 2. OVERLAY (SİYAH PERDE) */
body.portfolio-grid .portfolio-item .picture::before {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    inset: 0 !important; 
    background: rgba(0, 0, 0, 0) !important; 
    z-index: 10 !important;
    transition: background 0.4s ease !important;
}

/* Mouse gelince %70 Siyah */
body.portfolio-grid .portfolio-item:hover .picture::before {
    background: rgba(0, 0, 0, 0.7) !important; 
}


/* ============================================================
   3. BÖLÜM: YAZI AYARLARI (GÜNCELLENDİ: .item-description)
   ============================================================ */

/* Yazı Kapsayıcısı (Ortala ve Overlay Üstüne Çıkar) */
body.portfolio-grid .portfolio-item .item-description {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    
    /* İçeriği tam ortaya hizala */
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    
    z-index: 20 !important; /* Resmin ve Overlayin üstünde */
    opacity: 0; /* Başlangıçta gizli */
    transition: all 0.4s ease !important;
    transform: translateY(10px);
}

/* Hover olunca yazı kapsayıcısı görünsün */
body.portfolio-grid .portfolio-item:hover .item-description {
    opacity: 1 !important;
    transform: translateY(0);
}

/* --- YAZI RENKLERİNİ BEYAZ YAPMA KISMI --- */

/* Başlık (h6) */
body.portfolio-grid .portfolio-item .item-description h6 {
    color: #ffffff !important;
    font-weight: bold !important;
    margin-bottom: 10px !important;
    text-align: center !important;
    text-transform: uppercase !important;
}

/* Alt açıklama (span) */
body.portfolio-grid .portfolio-item .item-description span {
    color: #ffffff !important;
    font-size: 14px !important;
    text-align: center !important;
}

/* Eğer link varsa linkleri de beyaz yap */
body.portfolio-grid .portfolio-item .item-description a {
    color: #ffffff !important;
}

/* Loader çizgisi varsa rengini beyaza çek */
body.portfolio-grid .portfolio-item .item-description .loader {
    background-color: #ffffff !important;
    margin: 10px auto !important;
}

/* SADECE ANA SAYFA: portfolio item altındaki filtre metnini gizle */
.home .portfolio-four .item-description span{
  display: none !important;
}

/* HOME portfolio: tıklama kesin çalışsın */
body.portfolio-grid .portfolio-item .picture { position: relative !important; }

/* Link tüm kutuyu kaplasın */
body.portfolio-grid .portfolio-item .picture > a.portfolio-link{
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  z-index: 50 !important;
}

/* Görsel katmanı */
body.portfolio-grid .portfolio-item .thumb{
  z-index: 1 !important;
}

/* Overlay pseudo-element tıklamayı KESMESİN */
body.portfolio-grid .portfolio-item .picture::before{
  pointer-events: none !important;
  z-index: 10 !important;
}

/* Yazı katmanı üstte görünsün ama tıklamayı KESMESİN */
body.portfolio-grid .portfolio-item .item-description{
  z-index: 60 !important;
  pointer-events: none !important;
}
body.portfolio-grid .portfolio-item .item-description *{
  pointer-events: none !important;
}


/* Inspirations filtresindeki yazı ve loader kalkmasını sağlar */
.filters-inspirations .item-description h6 {
    display: none;
}

.filters-inspirations .item-description .loader {
    display: none;
}

/* Portfolio içeriklerindeki ileri geri butonlarını kaldırır */
body.single-portfolio .project-navigation { display:none; }

/* Contact page map full width */
.page-id-89 iframe {
  width: 100vw !important;
  max-width: 100vw !important;
  height: 450px;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  display: block;
}

/* Gallery sayfasından view all main gibi filtre kısımlarını kaldırır
*/

body.page-id-1807 .submenu-container{
  display:none !important;
}

/* Gallery Page Filtresini kaldırır
*/

body.portfolio-grid li[data-filter="gallery-page"] {
    display: none !important;
}

/* About (post-220) her zaman renkli */
#post-220 .thumb,
#post-220 .picture img,
#post-220 {
    filter: none !important;
    -webkit-filter: none !important;
}

/* Menü ters görünüyorsa düzelt */
#navigation ul.nav-menu {
  direction: ltr !important;
}

/* Footer tag cloud linklerini pasif yap */
.wp-block-tag-cloud a {
    pointer-events: none;
    cursor: default;
}

/* Journal sayfasından view all main gibi filtre kısımlarını kaldırır
*/

body.page-id-95 .submenu-container{
  display:none !important;
}

/* Sadece Journal sayfasında tarihleri kaldır */
body.page-id-95 .date-number {
    display: none !important;
}

body.page-id-95 .author-name {
    display: none !important;
}

body.page-id-95 .post-category {
    display: none !important;
}

/* SADECE Journal sayfasındaki tüm post linklerini kapat */
body.page-id-95 article.blog-item a {
    pointer-events: none !important;
    cursor: default !important;
    text-decoration: none !important;
}

/* SADECE Journal (page-id-XXX): timeline linklerini kapat */
body.page-id-95 .cd-horizontal-timeline a {
    pointer-events: none !important;
    cursor: default !important;
    text-decoration: none !important;
}
/* core-block-supports-inline-css */
.wp-container-core-group-is-layout-4fc3f8e1{flex-direction:column;align-items:flex-start;}
/*# sourceURL=core-block-supports-inline-css */
.wp-block-gallery.wp-block-gallery-1{--wp--style--unstable-gallery-gap:var( --wp--style--gallery-gap-default, var( --gallery-block--gutter-size, var( --wp--style--block-gap, 0.5em ) ) );}.wp-block-gallery.wp-block-gallery-2{--wp--style--unstable-gallery-gap:var( --wp--style--gallery-gap-default, var( --gallery-block--gutter-size, var( --wp--style--block-gap, 0.5em ) ) );}.wp-container-core-group-is-layout-4fc3f8e1{flex-direction:column;align-items:flex-start;}
/*# sourceURL=core-block-supports-inline-css */
.wp-block-gallery.wp-block-gallery-1{--wp--style--unstable-gallery-gap:var( --wp--style--gallery-gap-default, var( --gallery-block--gutter-size, var( --wp--style--block-gap, 0.5em ) ) );}.wp-container-core-group-is-layout-4fc3f8e1{flex-direction:column;align-items:flex-start;}
/*# sourceURL=core-block-supports-inline-css */
.wp-block-gallery.wp-block-gallery-1{--wp--style--unstable-gallery-gap:var( --wp--style--gallery-gap-default, var( --gallery-block--gutter-size, var( --wp--style--block-gap, 0.5em ) ) );}.wp-block-gallery.wp-block-gallery-2{--wp--style--unstable-gallery-gap:var( --wp--style--gallery-gap-default, var( --gallery-block--gutter-size, var( --wp--style--block-gap, 0.5em ) ) );}.wp-block-gallery.wp-block-gallery-3{--wp--style--unstable-gallery-gap:var( --wp--style--gallery-gap-default, var( --gallery-block--gutter-size, var( --wp--style--block-gap, 0.5em ) ) );}.wp-container-core-group-is-layout-4fc3f8e1{flex-direction:column;align-items:flex-start;}
/*# sourceURL=core-block-supports-inline-css */

/* About page: full-width photo (G) and the H/I slider between text blocks */
.about-wide img { display: block; width: 100%; height: auto; }
.about-carousel { margin: 30px 0; }
.about-text { float: none; display: block; width: auto; max-width: 820px; margin-left: auto; margin-right: auto; }

/* Journal: year timeline (2021-2026) and the five chapters below it */
.zn-timeline { position: relative; height: 150px; margin: 20px 0 10px; font-family: 'Montserrat', sans-serif; }
.zn-timeline::before {
	content: ""; position: absolute; left: 3.5%; right: 2%; top: 76px; height: 2px;
	background: linear-gradient(to right, rgba(85,85,85,0), #555 6%, #555 94%, rgba(85,85,85,0));
}
.zn-timeline ol { list-style: none; margin: 0; padding: 0; }
.zn-timeline li { position: absolute; top: 56px; left: var(--x); transform: translateX(-50%); margin: 0; }
.zn-year {
	display: flex; flex-direction: column; align-items: center; position: relative;
	padding: 0; border: 0; background: none; cursor: pointer; text-decoration: none; color: #111;
}
.zn-dot {
	display: block; width: 38px; height: 38px; border-radius: 50%; box-sizing: border-box;
	border: 1.5px solid #555; background: #fff; transition: background-color .2s, border-color .2s;
}
.zn-year:hover .zn-dot, .zn-year:focus-visible .zn-dot { border-color: #ff4060; }
.zn-year.is-active .zn-dot { background: #ff4060; }
.zn-timeline .zn-year { font-size: 13px; line-height: 1.2; }
.zn-timeline .zn-label { margin-top: 12px; font-size: 13px; line-height: 1.2; font-weight: 700; letter-spacing: 1px; color: #111; }
.zn-next {
	position: absolute; bottom: 100%; margin-bottom: 14px; white-space: nowrap;
	font-size: 12px; font-weight: 700; letter-spacing: .5px; color: #ff4060;
}

.zn-chapters {
	display: grid; grid-template-columns: repeat(5, 1fr); column-gap: 30px; width: auto; max-width: none;
	position: relative; margin: 30px 4% 80px; padding-top: 22px; font-family: 'Montserrat', sans-serif;
}
.zn-chapters::before, .zn-chapters::after { display: none; }
.zn-chapters::before {
	content: ""; display: block; position: absolute; top: 0; left: 4%; right: -4%; height: 2px;
	background: linear-gradient(to right, rgba(85,85,85,0), #555 8%, #555 100%);
}
.zn-chapter { text-align: center; }
.zn-chapter h2 { margin: 0 0 22px; font-size: 15px; font-weight: 700; letter-spacing: 1px; line-height: 1.4; }
.zn-chapter h2 a { color: #111; text-decoration: none; transition: color .2s; }
.zn-chapter.is-active h2 a, .zn-chapter h2 a:hover { color: #ff4060; }
.zn-chapters .zn-chapter p { margin: 0; font-family: "Montserrat", sans-serif; font-size: 15px; font-weight: 500; line-height: 1.55; color: #222; text-align: center; }

@media (max-width: 959px) {
	.zn-chapters { grid-template-columns: repeat(2, 1fr); row-gap: 40px; }
}
@media (max-width: 767px) {
	/* years evenly spaced; the real spacing would make 2024-2026 overlap on a phone */
	.zn-timeline li { left: calc(9% + var(--i) * 16.4%); }
	.zn-dot { width: 28px; height: 28px; }
	.zn-timeline::before { top: 70px; }
	.zn-timeline .zn-label { font-size: 11px; }
	.zn-next { right: 0; font-size: 10px; }
	.zn-chapters { grid-template-columns: 1fr; margin: 20px 16px 60px; }
	.zn-chapters::before { left: 0; right: 0; }
}