/* Fado: Sadece Elementor'da fado-proje-detay CSS sınıfı verilmiş bileşen içindeki galeri. */
.fado-proje-detay .wp-block-gallery.has-nested-images {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 12px !important;
}

.fado-proje-detay .wp-block-gallery.has-nested-images > figure.wp-block-image {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
}

.fado-proje-detay .wp-block-gallery.has-nested-images > figure.wp-block-image img {
    display: block;
    width: 100% !important;
    height: 230px !important;
    object-fit: cover;
}

@media (max-width: 1024px) {
    .fado-proje-detay .wp-block-gallery.has-nested-images {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 767px) {
    .fado-proje-detay .wp-block-gallery.has-nested-images {
        grid-template-columns: 1fr !important;
    }

    .fado-proje-detay .wp-block-gallery.has-nested-images > figure.wp-block-image img {
        height: 230px !important;
    }
}


/* Tamamlanan proje bilgileri: Listivo tekil yazı içeriğinin en üstü. */
.fado-proje-bilgileri {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
    margin: 0 0 24px;
}
.fado-proje-bilgisi {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 14px;
    background: #f7f9fa;
    border: 1px solid #e5e9ef;
    border-radius: 9px;
    min-width: 0;
}
.fado-proje-bilgisi__etiket {
    font-size: 12px;
    color: #667085;
}
.fado-proje-bilgisi__deger {
    font-size: 15px;
    color: #243342;
    overflow-wrap: anywhere;
}
@media (max-width: 1024px) {
    .fado-proje-bilgileri { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 480px) {
    .fado-proje-bilgileri { grid-template-columns: 1fr; }
}

/* Tamamlanan Projeler kataloğu: yalnızca [fado_referanslar] kısa kodu. */
.fado-referanslar { width: 100%; }
.fado-referanslar__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 22px;
}
.fado-referans-kart {
    min-width: 0;
    overflow: hidden;
    background: #fff;
    border: 1px solid #e7e9ed;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
}
.fado-referans-kart__gorsel {
    display: block;
    aspect-ratio: 4 / 3;
    margin: 12px 12px 0;
    overflow: hidden;
    border-radius: 13px;
    background: #f1f4f6;
}
.fado-referans-kart__foto {
    display: block;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    transition: transform .25s ease;
}
.fado-referans-kart__gorsel:hover .fado-referans-kart__foto { transform: scale(1.035); }
.fado-referans-kart__bos {
    display: grid;
    height: 100%;
    place-items: center;
    font-size: 13px;
    color: #697586;
}
.fado-referans-kart__icerik {
    display: flex;
    flex: 1;
    align-items: flex-start;
    flex-direction: column;
    gap: 12px;
    padding: 18px 18px 20px;
}
.fado-referans-kart__konum {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    max-width: 100%;
    padding: 6px 10px;
    background: #f6f7f8;
    border-radius: 100px;
    color: #4b5563;
    font-size: 12px;
    line-height: 1.4;
    overflow-wrap: anywhere;
}
.fado-referans-kart__konum span { color: #ec6819; }
.fado-referans-kart__baslik {
    margin: 0 !important;
    font-size: 17px;
    line-height: 1.35;
    font-weight: 600;
    overflow-wrap: anywhere;
}
.fado-referans-kart__baslik a { color: #192636; text-decoration: none; }
.fado-referans-kart__baslik a:hover { color: #c24d0c; }
.fado-referans-kart__buton {
    margin-top: auto;
    padding: 10px 15px;
    border: 1px solid #e3e6eb;
    border-radius: 100px;
    color: #18212e;
    background: #fff;
    font-size: 13px;
    line-height: 1.3;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 12px;
    transition: border-color .2s ease, background .2s ease;
}
.fado-referans-kart__buton:hover { border-color: #d5dae2; background: #f6f7f8; color: #18212e; }
.fado-referanslar__sayfalama {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 12px;
    margin: 30px 0;
}
.fado-referanslar__sayfa, .fado-referanslar__sayfa-bilgi {
    padding: 8px 14px;
    border: 1px solid #e3e6eb;
    border-radius: 100px;
    color: #293446;
    text-decoration: none;
}
.fado-referanslar__bos { text-align: center; color: #667085; }
@media (max-width: 1200px) {
    .fado-referanslar__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 900px) {
    .fado-referanslar__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
    .fado-referanslar__grid { grid-template-columns: 1fr; gap: 16px; }
    .fado-referans-kart__gorsel { aspect-ratio: 16 / 10; }
}
@media (prefers-reduced-motion: reduce) {
    .fado-referans-kart__foto, .fado-referans-kart__buton { transition: none; }
}

/* v1.3 / Tekil proje sayfası: yalnızca [fado_proje_detay] bileşeni */
.fado-detay, .fado-detay * { box-sizing: border-box; }
.fado-detay {
    max-width: 1280px;
    width: 100%;
    margin: 0 auto 56px;
    color: #172537;
    font-family: inherit;
}
.fado-detay__breadcrumb { display:flex; flex-wrap:wrap; align-items:center; gap:9px; margin:0 0 18px; color:#76808c; font-size:13px; }
.fado-detay__breadcrumb a { color:#55616f; text-decoration:none; }
.fado-detay__breadcrumb a:hover { color:#ec6819; }
.fado-detay__hero { display:grid; grid-template-columns:1.42fr 1fr; grid-template-rows:repeat(2,minmax(0,1fr)); gap:7px; height:460px; overflow:hidden; border-radius:16px; background:#eef1f4; }
.fado-detay__hero-foto { all:unset; cursor:pointer; position:relative; overflow:hidden; width:100%; height:100%; display:block; }
.fado-detay__hero-foto--ana { grid-row:span 2; }
.fado-detay__hero-foto img { width:100%!important; height:100%!important; object-fit:cover; display:block; transition:transform .25s ease; }
.fado-detay__hero-foto:hover img { transform:scale(1.02); }
.fado-detay__hero-foto:focus-visible { outline:3px solid #ec6819; outline-offset:-3px; }
.fado-detay__hero--1 { grid-template-columns:1fr; }
.fado-detay__hero--2 { grid-template-columns:1.4fr 1fr; grid-template-rows:1fr; }
.fado-detay__hero--2 .fado-detay__hero-foto--ana { grid-row:auto; }
.fado-detay__fotograf-sayisi { position:absolute; right:14px; bottom:14px; background:#fff; color:#172537; padding:11px 15px; border-radius:9px; font-size:13px; font-weight:600; box-shadow:0 5px 15px #0002; }
.fado-detay__baslik-alani { margin:22px 0 16px; }
.fado-detay h1.fado-detay__baslik { margin:0!important; color:#142235; font-size:clamp(25px,2.5vw,36px)!important; line-height:1.23!important; font-weight:700; }
.fado-detay .fado-proje-bilgileri { margin:0 0 26px!important; gap:10px; }
.fado-detay .fado-proje-bilgisi { background:#fff; border:1px solid #e3e7ed; border-radius:11px; padding:16px 18px; gap:6px; }
.fado-detay .fado-proje-bilgisi__etiket { font-size:11px; letter-spacing:.045em; text-transform:uppercase; font-weight:600; color:#747f8c; }
.fado-detay .fado-proje-bilgisi__deger { font-size:15px; color:#152333; }
.fado-detay__hikaye { padding:26px 28px 22px; border:1px solid #e2e6ed; border-radius:14px; background:#fff; }
.fado-detay__ust-etiket { display:block; color:#ec6819; font-size:11px; letter-spacing:.09em; font-weight:700; margin-bottom:6px; }
.fado-detay .fado-detay__hikaye h2 { margin:0 0 15px!important; font-size:21px!important; line-height:1.35; color:#152333; }
.fado-detay__hikaye-icerik { font-size:15px; line-height:1.85; color:#465465; overflow-wrap:anywhere; }
.fado-detay__hikaye-icerik p { margin:0 0 15px; }
.fado-detay__hikaye-icerik > :last-child { margin-bottom:0; }
.fado-detay__cta { display:flex; flex-wrap:wrap; gap:10px; margin:22px 0 36px; }
.fado-detay__cta a { display:inline-flex; align-items:center; gap:15px; padding:13px 18px; border-radius:9px; font-weight:600; font-size:14px; text-decoration:none; }
.fado-detay__cta-ana, .fado-detay__cta-ana:hover { background:#ec6819; color:white; }
.fado-detay__cta-ikincil { background:white; border:1px solid #dfe3ea; color:#243342; }
.fado-detay__cta-ikincil:hover { color:#ec6819; }
.fado-detay__diger { margin-top:20px; border-top:1px solid #e5e8ed; padding-top:27px; }
.fado-detay__diger h2 { font-size:22px!important; line-height:1.3!important; margin:0 0 18px!important; color:#162336; }
.fado-detay__diger-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.fado-detay__diger-kart { min-width:0; display:flex; flex-direction:column; border:1px solid #e5e8ed; border-radius:12px; overflow:hidden; background:#fff; color:#162436; text-decoration:none; }
.fado-detay__diger-kart:hover { color:#162436; border-color:#ec6819; }
.fado-detay__diger-kart > img { aspect-ratio:16/10; width:100%; height:auto; object-fit:cover; display:block; }
.fado-detay__diger-bilgi { display:flex; flex-direction:column; gap:9px; padding:14px; font-size:13px; }
.fado-detay__diger-bilgi small { width:fit-content; color:#647386; background:#f6f7f8; padding:3px 7px; border-radius:20px; font-size:11px; }
.fado-detay__diger-bilgi strong { color:#172537; font-size:15px; line-height:1.4; }
.fado-detay__diger-bilgi > span { color:#ec6819; font-size:13px; }
/* v1.3.1: İkinci tema ışık kutusunu tetiklemeyen, kendi içinde gezilebilen fotoğraf penceresi. */
.fado-detay__modal { border:0; border-radius:16px; padding:0; width:min(1100px,calc(100vw - 30px)); height:min(820px,90vh); max-height:90vh; overflow:hidden; background:white; color:#172537; box-shadow:0 20px 70px #0005; }
.fado-detay__modal[open] { display:flex; flex-direction:column; }
.fado-detay__modal::backdrop { background:#101a29da; }
.fado-detay__modal-ust { flex:0 0 auto; display:flex; align-items:center; justify-content:space-between; gap:15px; padding:15px 19px; border-bottom:1px solid #e5e8ed; background:white; z-index:2; }
.fado-detay__modal-ust button { border:1px solid #dde3e8; background:#fff; border-radius:8px; padding:8px 12px; color:#172537; cursor:pointer; }
.fado-detay__modal-grid { min-height:0; flex:1 1 auto; overflow-y:auto; display:grid; align-content:start; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; padding:15px; }
.fado-detay__modal-grid .fado-detay__modal-kucuk { all:unset; box-sizing:border-box; display:block; min-width:0; cursor:zoom-in; border-radius:8px; overflow:hidden; }
.fado-detay__modal-kucuk:focus-visible { outline:3px solid #ec6819; outline-offset:-3px; }
.fado-detay__modal-grid img { width:100%; height:auto; aspect-ratio:4/3; object-fit:cover; display:block; border-radius:8px; }
.fado-detay__modal-tek[hidden] { display:none!important; }
.fado-detay__modal-tek { position:absolute; inset:0; z-index:5; display:flex; flex-direction:column; background:#111a27; color:#fff; }
.fado-detay__modal-tek-ust { flex:0 0 auto; display:flex; align-items:center; justify-content:space-between; gap:10px; padding:12px 14px; background:#172334; font-size:13px; }
.fado-detay__modal-tek-ust button { border:1px solid #526071; border-radius:8px; background:transparent; color:#fff; padding:9px 11px; cursor:pointer; font:inherit; }
.fado-detay__modal-tek-orta { min-height:0; flex:1 1 auto; display:grid; grid-template-columns:48px minmax(0,1fr) 48px; align-items:center; gap:8px; padding:12px; }
.fado-detay__modal-tek-orta img { width:100%; height:100%; min-height:0; max-height:100%; object-fit:contain; display:block; margin:auto; }
.fado-detay__modal-yon { border:1px solid #506077; border-radius:50%; width:44px; height:44px; padding:0; color:#fff; background:#ffffff14; font-size:30px; cursor:pointer; }
.fado-detay__modal-yon:hover,.fado-detay__modal-tek-ust button:hover { background:#ffffff2b; }
.fado-detay__uyari { padding:18px; border:1px dashed #ddd; }
@media (max-width:900px) {
    .fado-detay__hero { height:370px; }
    .fado-detay__diger-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:620px) {
    .fado-detay { padding:0 12px; margin-bottom:30px; }
    .fado-detay__breadcrumb { margin-bottom:12px; font-size:12px; }
    .fado-detay__hero { height:330px; grid-template-columns:repeat(2,minmax(0,1fr)); grid-template-rows:210px 114px; gap:6px; border-radius:11px; }
    .fado-detay__hero-foto--ana { grid-column:span 2; grid-row:auto; }
    .fado-detay__hero--1 { display:block; height:260px; }
    .fado-detay__hero--2 { grid-template-rows:1fr; grid-template-columns:1fr 1fr; height:210px; }
    .fado-detay__hero--2 .fado-detay__hero-foto--ana { grid-column:auto; }
    .fado-detay__fotograf-sayisi { bottom:8px; right:8px; font-size:11px; padding:7px; }
    .fado-detay__baslik-alani { margin:17px 0 13px; }
    .fado-detay .fado-proje-bilgileri { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .fado-detay .fado-proje-bilgisi { padding:12px; }
    .fado-detay__hikaye { padding:18px 15px; }
    .fado-detay__hikaye-icerik { font-size:14px; line-height:1.75; }
    .fado-detay__cta a { width:100%; justify-content:center; }
    .fado-detay__diger-grid { grid-template-columns:1fr; }
    .fado-detay__modal-grid { grid-template-columns:1fr; padding:9px; }
    .fado-detay__modal-ust strong { font-size:12px; }
}
@media (prefers-reduced-motion:reduce) { .fado-detay__hero img { transition:none; } }

@media (max-width:620px) {
  .fado-detay__modal-tek-orta { grid-template-columns:34px minmax(0,1fr) 34px; gap:3px; padding:6px; }
  .fado-detay__modal-yon { width:33px; height:33px; font-size:24px; }
  .fado-detay__modal-tek-ust { padding:9px 8px; }
  .fado-detay__modal-tek-ust button { padding:7px; font-size:11px; }
}

/* v1.3.2: Listivo genel img/button kuralları modal ızgarasındaki satırları
   ezebildiğinden, sadece bu dialog içindeki küçük resimlerin yüksekliğini
   açıkça sabitliyoruz.  Sayfa üzerindeki kapak ve proje kartları etkilenmez. */
.fado-detay dialog.fado-detay__modal .fado-detay__modal-grid {
    grid-auto-rows: 250px !important;
    align-content: start !important;
    align-items: stretch !important;
}
.fado-detay dialog.fado-detay__modal .fado-detay__modal-grid > button.fado-detay__modal-kucuk {
    display: block !important;
    box-sizing: border-box !important;
    width: 100% !important;
    height: 250px !important;
    min-height: 250px !important;
    max-height: none !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    line-height: normal !important;
}
.fado-detay dialog.fado-detay__modal .fado-detay__modal-grid > button.fado-detay__modal-kucuk > img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    max-width: none !important;
    max-height: none !important;
    aspect-ratio: auto !important;
    object-fit: cover !important;
    object-position: center center !important;
    margin: 0 !important;
    padding: 0 !important;
}
@media (max-width: 620px) {
    .fado-detay dialog.fado-detay__modal .fado-detay__modal-grid {
        grid-auto-rows: 225px !important;
    }
    .fado-detay dialog.fado-detay__modal .fado-detay__modal-grid > button.fado-detay__modal-kucuk {
        height: 225px !important;
        min-height: 225px !important;
    }
}

/* v1.4.1 / Fado kurumsal renk. Yalnızca bu eklentinin arayüzünde geçerlidir. */
.fado-referans-kart__buton:hover,
.fado-referanslar__sayfa:hover,
.fado-detay__fotograf-sayisi:hover {
    border-color: #ec6819;
    color: #ec6819;
}
.fado-detay__cta-ana:hover { background: #c24d0c; color: #fff; }