/* İstanbul Vitrin v1.0 — navy / arctic-blue / teal / coral.
   Deliberately separate from the pink-purple VIP Tema aesthetic.
   All legacy post meta keys and client-side interactions remain untouched. */
:root{
  --ink:#102739;--muted:#5c7284;--paper:#f2f7fa;--surface:#fff;
  --line:#dce9f0;--deep:#091b2f;--deep-2:#103951;
  --green:#23d6bd;--green-dark:#087b7c;--gold:#ffbb94;
  --purple:#097eae;--pink:#ff7669;--cyan:#20d6e0;
  --shadow:0 18px 45px rgba(13,61,87,.09);--radius:16px;
}
body{background:radial-gradient(circle at 0 0,#dff6fa,transparent 30%),radial-gradient(circle at 100% 8%,#e5edf6,transparent 29%),#edf4f8;color:var(--ink)}
::selection{background:#adf4ec;color:#092432}
:focus-visible{outline-color:#ff7669}
.site-shell{width:min(100%,1280px);background:#f4f9fb;box-shadow:0 30px 100px rgba(11,45,67,.13)}
.site-header{padding-block:21px;background:linear-gradient(120deg,#071827 0%,#0c3044 72%,#105369 100%);border-bottom:3px solid #22d6d8;border-image:none}
.brand-mark{width:45px;height:45px;border-radius:13px;background:#1cdae0;color:#092b3d;border:0;font-size:17px;font-weight:950;letter-spacing:-.06em;box-shadow:0 7px 16px rgba(33,217,225,.24)}
.brand-name{letter-spacing:-.045em}
.top-nav a{border-color:rgba(146,235,244,.24);background:rgba(255,255,255,.07);border-radius:9px}
.top-nav>a:last-child,.top-nav li:last-child a{background:#20d6e0;border-color:#20d6e0;color:#082c3b}
.site-main{padding-top:28px}
.hero-intro{padding:clamp(27px,4vw,48px);border:1px solid rgba(42,210,221,.28);border-radius:22px;background:linear-gradient(107deg,#071d30 0%,#0f4960 68%,#08667a 100%);box-shadow:0 24px 46px rgba(7,55,77,.19)}
.hero-intro::before{right:-40px;top:-60px;width:255px;height:255px;border:2px solid rgba(89,229,232,.22);box-shadow:0 0 0 35px rgba(38,225,222,.035),0 0 0 70px rgba(38,225,222,.035)}
.hero-intro::after{background:rgba(34,217,217,.13)}
.hero-topline .eyebrow{color:#59f0dd}
.hero-count{color:#e1f9fa;border-color:rgba(118,221,235,.3)}
.hero-intro h1{font-size:clamp(35px,5.2vw,61px);letter-spacing:-.065em}
.hero-intro h1 em{color:#7ef1e8}
.hero-intro p{color:#d4eaf0}
.admin-cta{border-radius:11px;background:#ff7d6e;color:#102b39;box-shadow:0 12px 26px rgba(255,125,110,.22)}
.admin-cta:hover{box-shadow:0 16px 28px rgba(255,125,110,.3)}
.admin-cta span{background:#0c3443;color:#fff}
.listing-filter{border-radius:14px;border-color:#d9e8ee;box-shadow:0 8px 21px rgba(14,62,81,.05)}
.listing-filter input{background:#f5fafc;border-color:#d5e7ee}
.listing-filter input:focus{border-color:#15bfd0;box-shadow:0 0 0 3px rgba(32,214,224,.15)}
.listing-filter button{background:#0b8ba3;box-shadow:0 6px 16px rgba(11,139,163,.18)}
.eyebrow{color:#067e97}
.section-heading h2,.block-title h2{color:#08293d;letter-spacing:-.047em}
.section-count{background:#e0f7fa;border-color:#c3e8ed;color:#086e83}
.popular-list{scrollbar-color:#8bd0db transparent}
.popular-item img,.popular-placeholder{border-color:#fff;box-shadow:0 4px 0 #66e3dd,0 8px 20px rgba(11,78,99,.13)}
.popular-placeholder{background:linear-gradient(135deg,#087d97,#20d2d2)}
.popular-item strong{color:#153847}
/* Portrait card system — four desktop, three tablet and TWO mobile. */
.listing-stack{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.listing-card{background:#0b2235;border:1px solid #cde3ed;border-radius:17px;box-shadow:0 10px 23px rgba(8,65,81,.11)}
.listing-card:hover{transform:translateY(-3px);border-color:#20c8d0;box-shadow:0 18px 32px rgba(10,83,106,.17)}
.listing-card-link,.listing-media{min-width:0}
.listing-media{aspect-ratio:4/5;background:#0c2a3b}
.listing-banner{aspect-ratio:4/5;object-fit:cover;object-position:center center}
.listing-card:hover .listing-banner{transform:scale(1.015)}
.listing-banner-empty{background:linear-gradient(155deg,#062031,#0e546b);color:#fff}
.listing-banner-empty span{color:#bee6e7}
.listing-card-overlay{padding:9px}
.listing-overlay-badge{padding:8px 10px;font-size:11px;line-height:1.1;letter-spacing:0;border:1px solid rgba(255,255,255,.23);box-shadow:0 5px 14px rgba(3,20,31,.25)}
.listing-overlay-badge.is-online{background:rgba(0,105,87,.95);color:#fff}
.listing-overlay-badge.is-featured{background:rgba(1,101,139,.95);color:#fff}
.listing-overlay-badge i{background:#8ef5b0}
.category-area{border-top-color:#d6e6ec}
.seo-copy{border-radius:18px;border-color:#d9eaf0;background:linear-gradient(110deg,#fff,#eaf8fa)}
.seo-copy h2{color:#0d3547}
.archive-head h1{color:#082c42}
.nav-links a,.nav-links span{border-color:#d9eaf0;border-radius:10px}
.nav-links .current{background:#0a8198;border-color:#0a8198;color:#fff}
/* Detail page: crisp white surfaces, large typography and less glassy blur. */
.detail-hero{border-radius:19px;box-shadow:0 18px 35px rgba(5,49,70,.2)}
.detail-hero-gradient{background:linear-gradient(180deg,rgba(7,22,35,0) 39%,rgba(7,22,35,.19) 62%,rgba(7,22,35,.94) 100%)}
.detail-label{background:#0c3146;box-shadow:0 4px 15px rgba(12,49,70,.15)}
.back-link{color:#087d98}
.status-pill.is-online{background:#b3f8d5;color:#0c4b30}
.status-pill.is-online i{background:#009d6c}
.gallery-nav:hover{background:#067d91}
.gallery-dot.is-active{background:#26dbd5}
.notice-band,.detail-notice{background:#fff1e5;border:1px solid #ffcaa9;color:#723b20}
.notice-band span,.detail-notice span{background:#ffcdaf}
.contact-card,.detail-block,.detail-stats,.related-block{border:1px solid #d7e7ec;background:#fff;border-radius:17px;box-shadow:0 8px 25px rgba(12,59,82,.055)}
.contact-card{border:1px solid #a9e7e5;background:linear-gradient(135deg,#eafcfa,#f3f9ff);box-shadow:0 17px 30px rgba(13,103,112,.12)}
.contact-title{color:#154451;font-weight:900}
.contact-title .online-dot{background:#0bb89c}
.contact-actions{display:grid;grid-template-columns:minmax(0,1fr);gap:11px;margin-top:16px}
.contact-secondary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-width:0}
.contact-action{display:flex;min-width:0;justify-content:flex-start;align-items:center;gap:12px;min-height:68px;padding:15px 18px;border-radius:13px;font-size:15px;font-weight:900;box-shadow:none;transition:transform .17s ease,filter .17s ease}
.contact-action:hover{transform:translateY(-2px)}
.contact-action.whatsapp{width:100%;min-height:80px;background:linear-gradient(120deg,#15d971,#03bd64);color:#052a18;border:1px solid #0ab95d;box-shadow:0 8px 20px rgba(0,166,90,.15)}
.contact-action.phone{background:linear-gradient(125deg,#fa5968,#df304c);color:#fff;border:1px solid #e54a5b}
.contact-action.telegram{background:linear-gradient(125deg,#31c8f4,#078acc);color:#fff;border:1px solid #169ad4}
.contact-action-icon{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;border-radius:11px;background:rgba(255,255,255,.18);font-size:23px;line-height:1}
.contact-action.whatsapp .contact-action-icon{background:rgba(255,255,255,.42)}
.contact-action-arrow{margin-left:auto;font-size:25px;line-height:1}
.contact-action .contact-action-copy{display:flex;min-width:0;align-items:flex-start;flex-direction:column;gap:3px;font-size:15px;line-height:1.15}
.contact-action .contact-action-copy strong{font-size:inherit}
.contact-action small{display:block;max-width:100%;overflow-wrap:anywhere;white-space:normal;font-size:12px;font-weight:750;letter-spacing:0}
.contact-note{color:#507180}
.block-title{border-left-color:#0db8bf}
.detail-block:nth-of-type(odd) .block-title{border-left-color:#fc8269}
.detail-block .eyebrow{color:#047f92}
.feature-grid{gap:10px}
.feature-box{background:linear-gradient(155deg,#f5fcff,#eaf6f9);border:1px solid #cde9ed;border-radius:11px;box-shadow:none}
.feature-box strong{color:#075b75}
.feature-box span{color:#466b79}
.tag-item{border:1px solid #afe0de;background:#dcf8f5;color:#046a75}
.rich-text{color:#18384d}
.detail-thumb:hover,.detail-thumb.is-active{border-color:#10aeba}
.detail-stats{background:linear-gradient(115deg,#0b2235,#075a6e 80%);border-color:#237c90;box-shadow:0 12px 28px rgba(8,65,87,.14)}
.detail-stats span{color:#b5e5e8}
.related-block .section-heading>a,.related-block .section-heading .eyebrow{color:#087f9d}
.related-card{border:1px solid #cae4eb;border-radius:14px;box-shadow:0 7px 18px rgba(8,68,84,.05)}
.related-card:hover{border-color:#0cc7cf;box-shadow:0 9px 19px rgba(9,91,111,.13)}
.related-card img,.related-placeholder{aspect-ratio:4/5;object-fit:cover;background:linear-gradient(135deg,#0b2335,#15617a)}
.related-card strong{color:#0b3045}
.related-card span{color:#426478}
.related-card .related-view{color:#067f9a}
.site-footer{background:linear-gradient(120deg,#071a2a,#0d3f51);color:#bcd9e4}
.footer-links{color:#73eee5}
.footer-bottom{color:#a1cad4}
.page-article,.single-post-article{border-color:#d6e8ed;border-radius:17px}
/* Responsive design: never collapse listing covers to one column on mobile. */
@media (max-width:1080px){.listing-stack{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}}
@media (max-width:850px){.listing-stack{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:620px){
  .site-main{padding:14px 10px 38px}
  .site-header{padding:12px}
  .brand-mark{width:36px;height:36px;font-size:14px}
  .hero-intro{border-radius:17px;padding:23px 18px}
  .hero-intro h1{font-size:clamp(31px,7vw,42px)}
  .listing-stack{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .listing-card{border-radius:12px}
  .listing-media,.listing-banner{aspect-ratio:4/5}
  .listing-card-overlay{padding:6px}
  .listing-overlay-badge{padding:5px 7px;font-size:9px;gap:4px}
  .listing-overlay-badge i{width:6px;height:6px;box-shadow:none}
  .contact-card,.detail-block,.detail-stats,.related-block{border-radius:14px;padding:14px}
  .contact-action.whatsapp{min-height:73px}
  .contact-action{padding:12px 10px;gap:7px;min-height:61px}
  .contact-action-icon{width:28px;height:33px;flex-basis:28px;font-size:18px}
  .contact-secondary{gap:7px}
  .contact-action .contact-action-copy{font-size:12px}
  .contact-action small{font-size:10px}
  .related-card{grid-template-columns:minmax(0,1fr)}
  .related-card img{width:100%;aspect-ratio:4/5;max-height:340px;object-fit:contain}
}
@media (max-width:360px){
  .listing-stack{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
  .listing-overlay-badge{font-size:8px;padding:4px 5px}
  .contact-action-icon{display:none}
  .contact-action .contact-action-copy{font-size:11px}
  .contact-action small{font-size:9px}
}

/* İstanbul Vitrin Afiş — tek fotoğraflı dikey poster kartları. */
.listing-stack{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.5vw,20px)}
.listing-card.afis-card{min-width:0;border:1px solid #c8dce5;border-radius:18px;background:#0c2032;overflow:hidden;box-shadow:0 11px 27px rgba(9,52,69,.13);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.listing-card.afis-card:hover{transform:translateY(-4px);border-color:#1fbec9;box-shadow:0 19px 34px rgba(6,48,67,.22)}
.afis-card-link{display:block;position:relative;min-width:0;color:#fff;text-decoration:none}
.afis-photo{position:relative;width:100%;aspect-ratio:3/4;isolation:isolate;overflow:hidden;background:#0d2a3c}
.afis-cover{display:block;position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;transition:transform .35s ease}
.afis-cover-empty{background:radial-gradient(circle at 75% 15%,#0c7892,transparent 45%),linear-gradient(145deg,#152d46,#051421)}
.afis-card:hover .afis-cover:not(.afis-cover-empty){transform:scale(1.035)}
.afis-fade{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(0deg,rgba(3,9,17,.99) 0%,rgba(4,11,21,.92) 19%,rgba(5,13,26,.57) 40%,rgba(5,13,26,.08) 66%,transparent 79%)}
.afis-copy{position:absolute;z-index:2;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:flex-start;gap:clamp(7px,.9vw,11px);padding:clamp(16px,2.1vw,26px);color:#fff;text-align:left}
.afis-city{position:absolute;z-index:3;top:12px;left:12px;display:inline-flex;max-width:48%;align-items:center;padding:6px 10px;background:#f5fbfd;border:1px solid rgba(255,255,255,.96);border-radius:8px;color:#102c3e;font-size:clamp(11px,1vw,13px);font-weight:950;line-height:1.2;letter-spacing:.025em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:0 4px 14px rgba(0,0,0,.12)}
.afis-name{margin:2px 0 0!important;color:#fff!important;font-size:clamp(23px,2.65vw,37px);font-weight:950;line-height:1.07;letter-spacing:-.045em;text-shadow:0 2px 7px rgba(0,0,0,.38);overflow-wrap:anywhere;text-wrap:balance}
.afis-number{display:block;max-width:100%;color:#fff;font-family:inherit;font-size:clamp(20px,2.65vw,37px);font-weight:950;line-height:1.12;letter-spacing:-.055em;font-variant-numeric:tabular-nums;text-shadow:0 2px 7px rgba(0,0,0,.5);white-space:nowrap;overflow:hidden;text-overflow:clip}
.afis-number.is-long{font-size:clamp(16px,2.35vw,31px)}
.afis-number.is-very-long{font-size:clamp(13px,1.85vw,25px)}
.afis-first-point{display:block;max-width:100%;color:#f4fcff;font-size:clamp(13px,1.25vw,17px);font-weight:850;line-height:1.35;text-shadow:0 1px 6px rgba(0,0,0,.42);overflow-wrap:anywhere}
.afis-first-point::before{content:"";display:inline-block;vertical-align:middle;width:12px;height:3px;margin:0 7px 3px 0;background:#32d9dc;border-radius:3px}
.afis-status{position:absolute;z-index:3;top:12px;right:12px;display:inline-flex;align-items:center;gap:6px;max-width:72%;padding:7px 11px;border:1px solid rgba(255,255,255,.2);border-radius:999px;color:#fff;background:#126888;font-size:12px;font-weight:900;line-height:1.1;white-space:nowrap;box-shadow:0 6px 16px rgba(0,0,0,.22)}
.afis-status.is-online{background:#04784e}
.afis-status i{width:8px;height:8px;border-radius:50%;background:#8affc8;box-shadow:0 0 0 2px rgba(138,255,200,.17)}
@media(max-width:900px){.listing-stack{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}
@media(max-width:620px){
 .listing-stack{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 .listing-card.afis-card{border-radius:12px}
 .afis-copy{padding:12px 11px 14px;gap:6px}
 .afis-city{top:7px;left:7px;max-width:48%;font-size:10px;padding:5px 6px;border-radius:6px}
 .afis-name{font-size:clamp(20px,5.5vw,26px);line-height:1.08}
 .afis-number{font-size:clamp(15px,5.05vw,25px);line-height:1.16}
 .afis-number.is-long{font-size:clamp(13px,4.25vw,22px)}
 .afis-number.is-very-long{font-size:clamp(11px,3.35vw,18px)}
 .afis-first-point{font-size:clamp(11.5px,3.05vw,14px);line-height:1.3}
 .afis-first-point::before{width:8px;margin-right:4px}
 .afis-status{top:7px;right:7px;font-size:10px;padding:5px 7px;gap:4px}
 .afis-status i{width:6px;height:6px}
}
@media(max-width:360px){
 .listing-stack{gap:7px}
 .afis-copy{padding:10px 9px 12px}
 .afis-city{font-size:9px;padding:4px 5px}
 .afis-name{font-size:19px}
 .afis-number{font-size:clamp(13px,4.75vw,18px)}
 .afis-number.is-long{font-size:clamp(11px,4vw,16px)}
 .afis-number.is-very-long{font-size:clamp(10px,3.2vw,14px)}
 .afis-first-point{font-size:11px}
 .afis-status{font-size:9px;padding:4px 6px}
}