/* 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 */