/* İzmir Life – Dergi Okuyucu */
html,body.izl-oku-body{margin:0!important;padding:0!important;height:100%;background:#1c1d20!important;overflow:hidden}
body.izl-oku-body{font-family:"Poppins",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif!important;-webkit-font-smoothing:antialiased}
body.izl-oku-body.raf-sayfa{overflow:auto;background:#f4f1ec!important}
.io,.io *,.io-raf,.io-raf *{box-sizing:border-box}
.io button,.io-raf button{font:inherit}
.io svg,.io-raf svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;flex:none}
@media print{body.izl-oku-body *{display:none!important}body.izl-oku-body:after{content:"Bu içerik yazdırılamaz.";display:block}}

/* ana kap */
.io{--k:#e0262d;--ui:#26272b;--ui2:#303136;--cizgi:rgba(255,255,255,.09);--yazi:#f2f2f3;--soluk:#a1a2a8;position:fixed;inset:0;top:var(--wp-admin--admin-bar--height,0px);z-index:99990;display:grid;grid-template-rows:56px 1fr 52px;grid-template-columns:1fr;background:#1c1d20;color:var(--yazi);font-size:14px;line-height:1.4}
.io.kucuk-acik{grid-template-columns:1fr}
.io a{color:inherit;text-decoration:none}

/* üst çubuk */
.io-ust{grid-row:1;display:flex;align-items:center;gap:14px;padding:0 14px;background:var(--ui);border-bottom:1px solid var(--cizgi);min-width:0}
.io-geri{display:inline-flex;align-items:center;gap:4px;color:var(--soluk)!important;font-size:13px;font-weight:600;padding:7px 10px 7px 4px;border-radius:8px;white-space:nowrap}
.io-geri:hover{color:#fff!important;background:var(--ui2)}
.io-baslik{display:flex;align-items:baseline;gap:12px;min-width:0;flex:1;overflow:hidden}
.io-logo{font-size:17px;font-weight:500;letter-spacing:.01em;color:#fff!important;white-space:nowrap}.io-logo b{color:var(--k);font-weight:800}
.io-sayi{font-size:13px;color:var(--soluk);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.io-sayi i{font-style:normal;opacity:.5;margin:0 2px}
.io-arac{display:flex;align-items:center;gap:4px}
.io-btn{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border:0;border-radius:9px;background:transparent;color:#d9d9dc;cursor:pointer;padding:0}
.io-btn:hover{background:var(--ui2);color:#fff}
.io-btn:focus-visible,.io-ok:focus-visible{outline:2px solid var(--k);outline-offset:1px}
.io.kucuk-acik [data-io=kucuk]{background:var(--k);color:#fff}
.io-ayrac{width:1px;height:22px;background:var(--cizgi);margin:0 6px}
.io-zoom{min-width:46px;text-align:center;font-size:12px;font-weight:600;color:var(--soluk);font-variant-numeric:tabular-nums}
.io .m-tek{display:none}.io[data-mod=tek] .m-tek{display:block}.io[data-mod=tek] .m-cift{display:none}
.io-giris-btn{margin-left:8px;height:34px;padding:0 14px;border-radius:8px;border:0;background:var(--k);color:#fff;font-weight:700;font-size:13px;cursor:pointer}
.io-giris-btn:hover{background:#c41d23}
.io-kim{margin-left:8px;width:32px;height:32px;border-radius:50%;background:#3b3c42;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:700;text-transform:uppercase;font-size:13px}

/* sahne */
.io-sahne{grid-row:2;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 40%,#2a2b30 0%,#1c1d20 70%)}
.io-kaydirma{position:absolute;inset:0;overflow:hidden;display:flex}
.io-kaydirma.zoomlu{overflow:auto;cursor:grab}.io-kaydirma.suruk{cursor:grabbing}
.io-kitap{margin:auto;display:flex;align-items:center;justify-content:center;padding:14px 0;position:relative}
.io-kaydirma.zoomlu .io-kitap{padding:28px}
.io-yaprak{position:relative;background:#fff;flex:none;overflow:hidden;user-select:none;-webkit-user-select:none}
.io-yaprak canvas{display:block;pointer-events:none}
.io-yaprak:not(.hazir):after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,#ececee 30%,#f7f7f8 50%,#ececee 70%);background-size:300% 100%;animation:io-ish 1.2s linear infinite}
@keyframes io-ish{to{background-position:-150% 0}}
.io-yaprak.sol{box-shadow:-10px 14px 34px -8px rgba(0,0,0,.6)}
.io-yaprak.sag{box-shadow:10px 14px 34px -8px rgba(0,0,0,.6)}
.io-yaprak.tek{box-shadow:0 14px 40px -8px rgba(0,0,0,.65)}
/* sırt gölgesi */
.io-yaprak.sol:before,.io-yaprak.sag:before{content:"";position:absolute;top:0;bottom:0;width:7%;z-index:2;pointer-events:none}
.io-yaprak.sol:before{right:0;background:linear-gradient(90deg,rgba(0,0,0,0),rgba(0,0,0,.16))}
.io-yaprak.sag:before{left:0;background:linear-gradient(270deg,rgba(0,0,0,0),rgba(0,0,0,.18))}
.io-kitap.gec-ileri .io-yaprak{animation:io-ileri .28s ease-out}
.io-kitap.gec-geri .io-yaprak{animation:io-geri .28s ease-out}
@keyframes io-ileri{from{opacity:.25;transform:translateX(28px)}to{opacity:1;transform:none}}
@keyframes io-geri{from{opacity:.25;transform:translateX(-28px)}to{opacity:1;transform:none}}
.io-yaprak{cursor:pointer}.io-kaydirma.zoomlu .io-yaprak{cursor:inherit}

.io-ok{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:46px;height:76px;border:0;border-radius:10px;background:rgba(255,255,255,.06);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,opacity .15s}
.io-ok svg{width:28px;height:28px}
.io-ok:hover{background:rgba(255,255,255,.14)}
.io-ok:disabled{opacity:0;pointer-events:none}
.io-onceki{left:14px}.io-sonraki{right:14px}

.io-yuk{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:var(--soluk);font-size:13px;z-index:4;background:#1c1d20}
.io-yuk[hidden]{display:none}
.io-spin{width:34px;height:34px;border-radius:50%;border:3px solid rgba(255,255,255,.12);border-top-color:var(--k);animation:io-don 0.9s linear infinite}
@keyframes io-don{to{transform:rotate(360deg)}}
.io-tost{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);background:rgba(20,20,22,.92);color:#fff;font-size:13px;padding:10px 16px;border-radius:999px;z-index:6;box-shadow:0 8px 24px rgba(0,0,0,.4);white-space:nowrap}

/* alt çubuk */
.io-alt{grid-row:3;display:flex;align-items:center;gap:10px;padding:0 16px;background:var(--ui);border-top:1px solid var(--cizgi)}
.io-kaydir{flex:1;-webkit-appearance:none;appearance:none;height:4px;border-radius:2px;background:#45464c;outline:none;margin:0 4px}
.io-kaydir::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--k);border:3px solid #fff;cursor:pointer}
.io-kaydir::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:var(--k);border:3px solid #fff;cursor:pointer}
.io-no{min-width:82px;text-align:right;font-size:13px;font-weight:600;font-variant-numeric:tabular-nums;color:#e6e6e8}

/* küçük resimler */
.io-kucuk{position:absolute;left:0;top:56px;bottom:52px;width:248px;background:#232428;border-right:1px solid var(--cizgi);overflow-y:auto;z-index:8;padding:14px 12px;scrollbar-width:thin;scrollbar-color:#45464c transparent;box-shadow:12px 0 30px -18px rgba(0,0,0,.8)}
.io-kucuk[hidden]{display:none}
.io-kucuk-ic{display:grid;grid-template-columns:1fr 1fr;gap:12px 8px}
.io-kucuk-s{border:0;background:transparent;padding:0;cursor:pointer;color:var(--soluk);display:flex;flex-direction:column;align-items:center;gap:5px}
.io-kucuk-s.kapak{grid-column:1/-1;width:50%;justify-self:center}
.io-kucuk-s .k{display:block;width:100%;background:#3a3b40;border-radius:2px;overflow:hidden;outline:2px solid transparent;outline-offset:2px;transition:outline-color .15s;position:relative}
.io-kucuk-s .k canvas{display:block;width:100%;height:100%}
.io-kucuk-s .n{font-size:11px;font-weight:600}
.io-kucuk-s:hover .k{outline-color:#6a6b72}
.io-kucuk-s.on .k{outline-color:var(--k)}.io-kucuk-s.on .n{color:#fff}
.io-kucuk-s.kilit .k:after{content:"";position:absolute;inset:0;background:#2d2e33 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237d7e85' stroke-width='1.8' stroke-linecap='round'%3E%3Crect x='5' y='11' width='14' height='10' rx='2'/%3E%3Cpath d='M8 11V7a4 4 0 0 1 8 0v4'/%3E%3C/svg%3E") center/26px no-repeat}

/* kilitli yaprak (yarım açık çift sayfada) */
.io-yaprak.kilit-yaprak{background:linear-gradient(160deg,#f6f4f0,#ebe7e0);display:flex;align-items:center;justify-content:center;cursor:default}
.io-kilit-ic{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:24px;max-width:300px;color:#3a3a3f}
.io-kilit-ic svg{width:34px;height:34px;color:#e0262d}
.io-kilit-ic b{font-size:18px;color:#141414;line-height:1.25}
.io-kilit-ic span{font-size:13.5px;line-height:1.5}
.io-kilit-ic .io-kapi-ana{padding:0 22px;margin-top:6px}
/* kapı (üyelik) */
.io-kitap.kilitli{width:100%;height:100%;padding:16px}
.io-kapi{position:relative;display:flex;align-items:center;justify-content:center;gap:40px;width:100%;max-width:980px;margin:auto}
.io-kapi-kapak{width:min(300px,30vw);height:auto;border-radius:3px;box-shadow:0 26px 50px -16px rgba(0,0,0,.8);transform:rotate(-2deg);filter:saturate(.95)}
.io-kapi-kart{position:relative;background:#fff;color:#18181b;border-radius:12px;padding:30px 30px 24px;width:100%;max-width:430px;box-shadow:0 30px 60px -20px rgba(0,0,0,.7)}
.io-kapi-k{margin:0 0 8px;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--k,#e0262d)}
.io-kapi-kart h2{margin:0 0 8px;font-size:22px;line-height:1.25;font-weight:800;color:#141414}
.io-kapi-kart>p{margin:0 0 18px;font-size:14px;color:#55555b;line-height:1.5}
.io-sekme{display:flex;background:#f1f0ee;border-radius:9px;padding:4px;margin:0 0 16px}
.io-sekme button{flex:1;border:0;background:transparent;padding:9px 0;border-radius:7px;font-weight:700;font-size:13px;color:#6b6b70;cursor:pointer}
.io-sekme button.on{background:#fff;color:#141414;box-shadow:0 1px 3px rgba(0,0,0,.12)}
.io-form{display:flex;flex-direction:column;gap:11px}
.io-form[hidden]{display:none}
.io-form label{display:flex;flex-direction:column;gap:5px;font-size:12.5px;font-weight:600;color:#3a3a3f}
.io-form label small{font-weight:400;color:#8a8a90}
.io-form input[type=text],.io-form input[type=email],.io-form input[type=password]{height:42px;border:1px solid #d9d8d4;border-radius:8px;padding:0 12px;font:inherit;font-size:14px;color:#141414;background:#fff;outline:none;box-shadow:none;margin:0;width:100%}
.io-form input:focus{border-color:#141414;box-shadow:0 0 0 3px rgba(20,20,20,.08)}
.io-form .io-onay{flex-direction:row;align-items:flex-start;gap:8px;font-weight:400;font-size:12px;color:#55555b;line-height:1.45}
.io-onay input{margin-top:2px;flex:none;width:16px;height:16px;accent-color:#e0262d}
.io-onay a{color:#141414!important;text-decoration:underline!important}
.io-kapi-ana{display:flex;align-items:center;justify-content:center;height:46px;border:0;border-radius:8px;background:#e0262d;color:#fff!important;font-weight:700;font-size:14.5px;cursor:pointer;margin-top:4px;text-decoration:none!important}
.io-kapi-ana:hover{background:#c41d23}.io-kapi-ana:disabled{opacity:.6;cursor:default}
.io-kapi-ana.pasif{background:#e7e5e1;color:#8a8780!important;cursor:default}
.io-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}
.io-mesaj{margin:0;font-size:13px;min-height:18px;color:#55555b}.io-mesaj.ok{color:#14833b}.io-mesaj.hata{color:#c41d23}
.io-alt-l{margin:0;text-align:center;font-size:12.5px}.io-alt-l a{color:#55555b!important;text-decoration:underline!important}
.io-kapi-ust{position:absolute;inset:0;z-index:20;background:rgba(14,14,16,.78);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:16px;overflow:auto}
.io-kapi-ust .io-kapi-kapak{display:none}
.io-kapat{position:absolute;top:8px;right:10px;width:34px;height:34px;border:0;border-radius:50%;background:transparent;font-size:24px;line-height:1;color:#6b6b70;cursor:pointer}
.io-kapat:hover{background:#f1f0ee;color:#141414}

/* küçük resimler açıkken sahne kayar (masaüstü) */
@media (min-width:761px){.io.kucuk-acik .io-sahne{margin-left:248px}}
/* tam ekran */
.io.tam-ekran{top:0}

/* mobil */
@media (max-width:760px){
.io{grid-template-rows:50px 1fr 48px}
.io-ust{gap:6px;padding:0 6px}
.io-geri span,.io-sayi,.io-gizle-m{display:none!important}
.io-btn{width:34px;height:34px}
.io-zoom,.io [data-io=uzak]{display:none!important}.io-giris-btn{padding:0 10px;margin-left:4px}.io-logo{font-size:16px}
.io-ok{display:none}
.io-kucuk{top:50px;bottom:48px;width:100%}
.io-kucuk-ic{grid-template-columns:1fr 1fr 1fr}
.io-kapi{flex-direction:column;gap:18px}
.io-kapi-kapak{width:120px}
.io-kapi-kart{padding:22px 18px 18px}
.io-kapi-kart h2{font-size:19px}
.io-kitap.kilitli{overflow:auto;align-items:flex-start}
.io-kaydirma{overflow-y:auto}
}

/* ---------- raf ---------- */
body.izl-oku-body:has(.io-raf){overflow:auto;background:#f4f1ec!important}
html:has(.io-raf){overflow:auto;height:auto;background:#f4f1ec!important}
.io-raf{--k:#e0262d;max-width:1180px;margin:0 auto;padding:0 20px 60px;color:#141414}
.io-raf a{text-decoration:none;color:inherit}
.io-raf-ust{display:flex;align-items:center;gap:16px;height:64px;border-bottom:1px solid #e3dfd8;margin-bottom:34px}
.io-raf-ust .io-geri{color:#6b6b70!important}.io-raf-ust .io-geri:hover{background:#ebe7e0;color:#141414!important}
.io-raf-ust .io-logo{color:#141414!important;font-size:20px}
.io-raf-kim{margin-left:auto;font-size:13px;color:#6b6b70}
.io-raf-bas{max-width:640px;margin:0 0 34px}
.io-raf-bas h1{font-size:40px;line-height:1.1;font-weight:800;margin:0 0 10px}
.io-raf-bas p{margin:0;color:#55555b;font-size:16px}
.io-raf-bas .io-kapi-k{color:var(--k)}
.io-raf-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:34px 26px}
.io-raf-oge{display:flex;flex-direction:column;gap:4px}
.io-raf-kapak{position:relative;display:block;aspect-ratio:650/850;background:#e4e0d9;border-radius:3px;overflow:hidden;box-shadow:0 18px 30px -16px rgba(40,25,10,.45);margin-bottom:10px;transition:transform .2s,box-shadow .2s}
.io-raf-kapak img{width:100%;height:100%;object-fit:cover;display:block}
.io-raf-oge:hover .io-raf-kapak{transform:translateY(-4px);box-shadow:0 26px 40px -18px rgba(40,25,10,.55)}
.io-raf-kapak em{position:absolute;left:10px;top:10px;font-style:normal;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;background:var(--k);color:#fff;padding:5px 8px;border-radius:3px}
.io-raf-no{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:56px;font-weight:800;color:#b9b2a6}
.io-raf-oge strong{font-size:16px;font-weight:800}
.io-raf-oge small{font-size:12.5px;color:#6b6b70}
.io-raf-btn{align-self:flex-start;margin-top:8px;font-size:12.5px;font-weight:700;padding:7px 14px;border-radius:6px;background:#141414;color:#fff}
.io-raf-btn.kilit{background:transparent;color:#141414;border:1.5px solid #141414}
.io-raf-oge:hover .io-raf-btn{background:var(--k);border-color:var(--k);color:#fff}
.io-raf-bos{color:#6b6b70}
@media (max-width:600px){.io-raf-bas h1{font-size:28px}.io-raf-izgara{grid-template-columns:repeat(2,1fr);gap:26px 14px}}