/* =========================================================
   İnşaat Dünyası – Dijital Arşiv
   WPBakery'den bağımsız; tüm sınıflar "ida-" önekli.
   ========================================================= */
.ida-wrap{--ida-accent:#DD9933;--ida-accent-dark:#c4831f;--ida-ink:#1b1b1b;--ida-muted:#6b6b6b;--ida-line:#ececec;--ida-card:#fff;font-family:inherit;color:var(--ida-ink)}
.dark-skin .ida-wrap,.ida-wrap.dark-skin{--ida-ink:#f1f1f1;--ida-muted:#aaa;--ida-line:rgba(255,255,255,.1);--ida-card:#1f2024}
.ida-wrap *,.ida-wrap *::before,.ida-wrap *::after{box-sizing:border-box}
.ida-wrap img{max-width:100%;height:auto}
.ida-wrap button{font-family:inherit}
.ida-wrap .screen-reader-text{position:absolute !important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.ida-wrap a,.ida-wrap a:hover{text-decoration:none}

/* ---------- CAROUSEL ---------- */
.ida-hero{position:relative;margin:0 0 40px;border-radius:10px;overflow:hidden;background:#141414;color:#fff;isolation:isolate;outline:0}
.ida-hero-bg{position:absolute;inset:-40px;z-index:-1;background-size:cover;background-position:center;filter:blur(40px) saturate(1.1);opacity:.45;transform:scale(1.1);transition:background-image .6s ease}
.ida-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(20,20,20,.95) 0%,rgba(20,20,20,.75) 55%,rgba(20,20,20,.55) 100%)}
.ida-hero-top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:28px 40px 0}
.ida-kicker{display:inline-flex;align-items:center;gap:8px;font-family:Poppins,sans-serif;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ida-accent)}
.ida-kicker::before{content:"";width:22px;height:2px;background:var(--ida-accent)}
.ida-nav{display:flex;gap:8px}
.ida-nav button{width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.06);color:#fff;cursor:pointer;display:grid;place-items:center;transition:all .2s ease;padding:0}
.ida-nav button:hover{background:var(--ida-accent);border-color:var(--ida-accent)}
.ida-viewport{overflow:hidden;touch-action:pan-y}
.ida-track{display:flex;transition:transform .6s cubic-bezier(.22,.61,.36,1)}
.ida-slide{position:relative;flex:0 0 100%;display:grid;grid-template-columns:minmax(0,300px) 1fr;gap:56px;align-items:center;padding:28px 40px 36px}
.ida-cover{position:relative;z-index:1;display:block;border-radius:3px;overflow:hidden;box-shadow:0 24px 50px rgba(0,0,0,.5);transform:perspective(900px) rotateY(6deg);transition:transform .4s ease}
.ida-cover:hover{transform:perspective(900px) rotateY(0) translateY(-4px)}
.ida-cover img{display:block;width:100%;aspect-ratio:800/1023;object-fit:cover}
.ida-info{position:relative;z-index:1}
.ida-badge{display:inline-block;padding:6px 14px;border-radius:4px;background:var(--ida-accent);color:#fff;font-size:13px;font-weight:600;letter-spacing:.04em;margin-bottom:18px}
.ida-badge.is-old{background:rgba(255,255,255,.12)}
.ida-year{display:block;font-family:Poppins,sans-serif;font-size:24px;font-weight:500;color:rgba(255,255,255,.65);margin-bottom:4px}
.ida-wrap .ida-title{font-family:Poppins,sans-serif;font-size:64px;line-height:1.05;font-weight:700;letter-spacing:-.01em;color:#fff;margin:0 0 20px;padding:0}
.ida-wrap .ida-desc{font-size:19px;line-height:1.6;font-weight:400;color:rgba(255,255,255,.78);max-width:600px;margin:0 0 32px}
.ida-actions{display:flex;flex-wrap:wrap;gap:12px}
.ida-wrap .ida-cta,.ida-wrap .ida-ghost{display:inline-flex;align-items:center;gap:10px;padding:14px 26px;border-radius:6px;font-weight:600;font-size:15px;line-height:1.2;transition:background .2s ease,border-color .2s ease,transform .2s ease}
.ida-wrap .ida-cta{background:var(--ida-accent);color:#fff}
.ida-wrap .ida-cta:hover{background:var(--ida-accent-dark);color:#fff;transform:translateY(-2px)}
.ida-wrap .ida-ghost{border:1px solid rgba(255,255,255,.3);color:#fff}
.ida-wrap .ida-ghost:hover{border-color:#fff;background:rgba(255,255,255,.08);color:#fff}
.ida-watermark{position:absolute;right:28px;bottom:-30px;z-index:0;font-family:Poppins,sans-serif;font-size:220px;line-height:1;font-weight:800;letter-spacing:-.04em;color:rgba(255,255,255,.05);pointer-events:none;user-select:none}
.ida-thumbs{display:flex;gap:12px;padding:0 40px 28px 396px}
.ida-thumb{position:relative;flex:0 0 58px;padding:0;border:0;background:none;cursor:pointer;border-radius:2px;overflow:hidden;opacity:.45;transition:opacity .25s ease,transform .25s ease}
.ida-thumb img{display:block;width:100%;aspect-ratio:800/1023;object-fit:cover}
.ida-thumb:hover{opacity:.8}
.ida-thumb.is-active{opacity:1;transform:translateY(-3px)}
.ida-bar{position:absolute;left:0;bottom:0;height:3px;width:0;background:var(--ida-accent)}
.ida-thumb.is-active .ida-bar{animation:idaBar var(--ida-delay,6s) linear forwards}
.ida-hero.is-paused .ida-thumb.is-active .ida-bar{animation-play-state:paused}
@keyframes idaBar{to{width:100%}}

/* ---------- BAŞLIK + ARAMA ---------- */
.ida-section-head{scroll-margin-top:110px;display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:0 0 20px}
.ida-wrap .ida-section-head h2{font-family:Poppins,sans-serif;font-size:24px;font-weight:700;margin:0;color:var(--ida-ink)}
.ida-section-head p{margin:4px 0 0;color:var(--ida-muted);font-size:14px}
.ida-search{position:relative;flex:0 1 420px;margin:0}
.ida-search svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#999;pointer-events:none}
.ida-wrap .ida-search-input{width:100%;height:48px;margin:0;padding:0 16px 0 44px;border:1px solid var(--ida-line);border-radius:6px;background:var(--ida-card);color:var(--ida-ink);font-size:14px;outline:0;box-shadow:none;transition:border-color .2s ease,box-shadow .2s ease}
.ida-wrap .ida-search-input:focus{border-color:var(--ida-accent);box-shadow:0 0 0 4px rgba(221,153,51,.15)}

/* ---------- SEKMELER ---------- */
.ida-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 24px;padding:1px 0}
.ida-tab{margin:0;padding:10px 22px;border:1px solid var(--ida-line);border-radius:6px;background:var(--ida-card);font-family:Poppins,sans-serif;font-size:14px;font-weight:600;line-height:1.2;color:var(--ida-ink);cursor:pointer;transition:all .2s ease}
.ida-tab:hover{border-color:var(--ida-accent);color:var(--ida-accent)}
.ida-tab.is-active,.ida-tab.is-active:hover{background:var(--ida-accent);border-color:var(--ida-accent);color:#fff}
.ida-tab:focus-visible{outline:2px solid var(--ida-accent);outline-offset:2px}
.ida-wrap.is-searching .ida-tabs{opacity:.4;pointer-events:none}

/* ---------- KARTLAR ---------- */
.ida-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.ida-grid[hidden],.ida-empty[hidden]{display:none}
.ida-card{display:flex;flex-direction:column;height:100%;padding:14px;background:var(--ida-card);border:1px solid var(--ida-line);border-radius:8px;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.ida-card:hover{transform:translateY(-4px);box-shadow:0 16px 32px rgba(0,0,0,.08);border-color:transparent}
.ida-card-cover{display:block;margin:0 0 14px}
.ida-card-cover img{display:block;width:100%;aspect-ratio:800/1023;object-fit:cover;border-radius:3px;box-shadow:0 6px 18px rgba(0,0,0,.12)}
.ida-wrap .ida-card-title{font-family:Poppins,sans-serif;font-size:15px;font-weight:600;line-height:1.35;color:var(--ida-ink);margin:0 0 14px;padding:0}
.ida-wrap .ida-card-btn{display:flex;align-items:center;justify-content:center;gap:8px;height:42px;margin-top:auto;border-radius:6px;background:var(--ida-accent);color:#fff;font-size:14px;font-weight:600;transition:background .2s ease}
.ida-wrap .ida-card-btn svg{transition:transform .2s ease}
.ida-wrap .ida-card:hover .ida-card-btn,.ida-wrap .ida-card-btn:hover{background:var(--ida-accent-dark);color:#fff}
.ida-card:hover .ida-card-btn svg{transform:scale(1.12)}
.ida-empty{margin:8px 0 0;color:var(--ida-muted);font-size:15px}

/* Jannah'ın içerik linklerine verdiği #the-post ... !important renklerini ez */
#the-post .ida-wrap a.ida-cta,#the-post .ida-wrap a.ida-ghost,#the-post .ida-wrap a.ida-card-btn,
.ida-wrap a.ida-cta,.ida-wrap a.ida-ghost,.ida-wrap a.ida-card-btn{color:#fff !important;text-decoration:none !important}
#the-post .ida-wrap a.ida-cover,#the-post .ida-wrap a.ida-card-cover{text-decoration:none !important;border:0 !important}

/* ---------- RESPONSIVE ---------- */
@media (max-width:1199px){.ida-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:991px){
	.ida-slide{grid-template-columns:minmax(0,220px) 1fr;gap:32px;padding:24px 28px 30px}
	.ida-hero-top{padding-left:28px;padding-right:28px}
	.ida-thumbs{padding:0 28px 26px 280px}
	.ida-wrap .ida-title{font-size:42px}
	.ida-year{font-size:20px}
	.ida-wrap .ida-desc{font-size:16px}
	.ida-watermark{font-size:150px}
}
@media (max-width:767px){
	.ida-hero{border-radius:8px;margin-bottom:28px}
	.ida-hero-top{padding:20px 20px 0}
	.ida-slide{grid-template-columns:1fr;gap:20px;padding:20px;text-align:center}
	.ida-cover{width:84%;max-width:330px;margin:0 auto;transform:none}
	.ida-cover:hover{transform:none}
	.ida-wrap .ida-title{font-size:30px}
	.ida-year{font-size:18px}
	.ida-wrap .ida-desc{font-size:14px;margin:0 auto 20px}
	.ida-badge{margin-bottom:12px}
	.ida-actions{justify-content:center}
	.ida-wrap .ida-ghost,.ida-watermark{display:none}
	.ida-thumbs{justify-content:center;padding:0 20px 20px;gap:8px}
	.ida-thumb{flex-basis:44px}
	.ida-search{flex-basis:100%}
	/* yıl sekmeleri: yatay kaydırmalı şerit */
	.ida-tabs{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;scrollbar-width:none;margin:0 -15px 20px;padding:2px 40px 2px 15px;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 15px,#000 calc(100% - 40px),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 15px,#000 calc(100% - 40px),transparent 100%)}
	.ida-tabs::-webkit-scrollbar{display:none}
	.ida-tab{flex:0 0 auto;scroll-snap-align:start;padding:9px 18px;font-size:13px;white-space:nowrap}
	.ida-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
	.ida-card{padding:10px}
	.ida-wrap .ida-card-title{font-size:13px;margin-bottom:10px}
	.ida-wrap .ida-card-btn{height:38px;font-size:12px;gap:6px}
	.ida-wrap .ida-card-btn svg{width:15px;height:15px}
}
@media (prefers-reduced-motion:reduce){.ida-track,.ida-cover,.ida-thumb,.ida-card{transition:none}.ida-thumb.is-active .ida-bar{animation:none;width:100%}}