/* WinVapp Blog | Aşama 6 — modül renkleri, mevcut ortak header/footer korunur. */
html{scroll-behavior:smooth}
body.wbg-page{background:#f5f8ff;color:#10274d;font-family:'Poppins',Arial,sans-serif}
body.wbg-page .wv-main-navbar.navbar{background:#061c3e!important;border-bottom:1px solid #ffffff22;box-shadow:none!important}
body.wbg-page .wv-main-navbar .navbar-container{max-width:1220px}
body.wbg-page .wv-main-navbar .wv-brand.wbg-nav-brand{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:10px;background:white;min-height:44px}
body.wbg-page .wv-main-navbar .wbg-nav-logo{width:153px;height:34px;object-fit:contain}
body.wbg-page .scroll-to-top,body.wbg-page #backToTop,body.wbg-page .back-to-top{display:none!important}
body.wbg-page .top-ticker-bar{display:none!important}
.wbg{--navy:#071e42;--blue:#0c6ef8;--text:#10274d;--muted:#58708d;font-family:'Poppins',Arial,sans-serif;line-height:1.65;color:var(--text);background:#f5f8ff;overflow-x:clip}
.wbg *, .wbg *::before,.wbg *::after{box-sizing:border-box}
.wbg h1,.wbg h2,.wbg h3,.wbg p{font-family:inherit;margin:0}
.wbg a{text-decoration:none}
.wbg a:hover{text-decoration:none}
.wbg a:focus-visible,.wbg button:focus-visible,.wbg input:focus-visible,.wbg select:focus-visible{outline:3px solid #efab26;outline-offset:3px}
.wbg-wrap{width:min(1200px,calc(100% - 44px));margin-inline:auto}
.wbg-hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 82% 24%,#0a6fea80,transparent 54%),linear-gradient(117deg,#051630 5%,#0a2e64 70%,#06214b);color:white;padding:10px 0 64px}
.wbg-hero:after{content:'';pointer-events:none;position:absolute;inset:0;opacity:.24;background:repeating-linear-gradient(152deg,transparent 0,transparent 120px,#448cff45 121px,transparent 124px)}
.wbg-hero>.wbg-wrap{position:relative;z-index:1}
/* Shared navbar CSS includes a broad `nav` rule; override it for the breadcrumb. */
.wbg .wbg-crumb{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:11px!important;position:relative!important;top:auto!important;z-index:auto!important;width:fit-content!important;max-width:100%!important;margin:12px 0 44px!important;padding:8px 13px!important;min-height:0!important;border:1px solid #aacfff40!important;border-radius:10px!important;background:#001a3b88!important;box-shadow:none!important;color:#f2f8ff!important;font:500 11px/1.5 'Poppins',sans-serif!important}
.wbg .wbg-crumb a,.wbg .wbg-crumb span{background:transparent!important;color:#ddebff!important;margin:0!important;padding:0!important;border:0!important;font:500 11px/1.5 'Poppins',sans-serif!important;text-decoration:none!important}
.wbg .wbg-crumb i{font-size:9px;color:#89bcf5}.wbg .wbg-crumb span{color:#fff!important;font-weight:700!important}
.wbg-hero-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(310px,.88fr);align-items:center;gap:50px}
.wbg-kicker{display:inline-flex;align-items:center;gap:8px;color:#0a73f8;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.wbg-hero .wbg-kicker{color:#65c3ff}
.wbg-hero h1{margin:16px 0 19px;color:#fff;font-size:clamp(36px,4.05vw,57px);font-weight:700;letter-spacing:-.05em;line-height:1.13}
.wbg-hero h1 em{font-style:normal;color:#4dbaff}
.wbg-hero-grid>div:first-child>p:not(.wbg-kicker){font-size:14px;line-height:1.88;color:#d4e6fc;max-width:600px}
.wbg-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.wbg-btn{display:inline-flex;justify-content:center;align-items:center;gap:11px;min-height:46px;border:1px solid transparent;border-radius:10px;padding:11px 20px;font:600 12px/1.4 'Poppins',sans-serif!important;white-space:normal;cursor:pointer;transition:transform .18s,box-shadow .18s,background .18s}
.wbg-btn:hover{transform:translateY(-2px)}
.wbg-btn-main{background:#0a73f8;color:#fff!important;box-shadow:0 9px 20px #031d6630}
.wbg-btn-main:hover{background:#0561d9;color:#fff!important}
.wbg-btn-ghost{background:#ffffff07;color:#fff!important;border-color:#ffffff77}
.wbg-hero-panel{padding:26px 28px;border:1px solid #ffffff35;border-radius:20px;background:linear-gradient(135deg,#ffffff18,#ffffff08);box-shadow:0 20px 60px #02122d55}
.wbg-hero-panel>span{font-size:11px;font-weight:700;letter-spacing:.1em;color:#cdeaff;display:block;margin-bottom:20px}
.wbg-logo-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.wbg-logo-grid a{background:#fff;border:1px solid #ffffffd1;border-radius:12px;min-height:86px;padding:14px 12px;display:grid;place-items:center;transition:transform .18s}
.wbg-logo-grid a:hover{transform:translateY(-2px)}
.wbg-logo-grid img{width:100%;height:55px;object-fit:contain}
.wbg-hero-panel small{display:block;font-size:10px;margin-top:17px;color:#c3d8f2}
.wbg-content{padding:60px 0 85px;background:linear-gradient(180deg,#f5f8ff,#fff 42%,#f6faff 100%)}
.wbg-section-top{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:0 0 24px}
.wbg-section-top h2{font-size:clamp(28px,2.9vw,38px);font-weight:700;letter-spacing:-.045em;line-height:1.2;margin:8px 0 10px;color:#0a2450}
.wbg-section-top p{font-size:13px;color:#5b6d88;line-height:1.7}
/* The global header has a generic nav background rule; fully reset module tabs. */
.wbg .wbg-modules{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:12px!important;position:relative!important;min-height:0!important;padding:0!important;margin:0 0 22px!important;background:transparent!important;box-shadow:none!important;border:0!important;top:auto!important}
.wbg-module-tab{display:flex;align-items:center;justify-content:center;min-width:0;min-height:86px;padding:11px;border:1px solid #dae5f4;border-radius:14px;background:#fff;box-shadow:0 8px 26px #1533620b;transition:transform .18s,border-color .18s,background .18s}
.wbg-module-tab:hover{transform:translateY(-2px);border-color:#7fb8f8}
.wbg-module-tab.is-selected{background:#eff6ff;border-color:#0a73f8;box-shadow:0 8px 24px #0c6bf526}
.wbg-module-tab--winemlak.is-selected{background:#fff2f2;border-color:#ea3636}
.wbg-module-tab--winlead.is-selected{background:#f3ffee;border-color:#18ac00}
.wbg-module-tab--winsatis.is-selected{background:#fff9dc;border-color:#e7b200}
.wbg-module-tab--winkocluk.is-selected{background:#eafbff;border-color:#14a9f2}
.wbg-module-tab img{width:100%;max-width:160px;height:53px;object-fit:contain}
.wbg-module-tab:first-child{display:flex;flex-direction:column;gap:8px;color:#18599d;font-size:12px;font-weight:700}
.wbg-module-tab:first-child i{font-size:22px}
.wbg-filters{display:flex;align-items:stretch;gap:10px;flex-wrap:wrap;border:1px solid #dbe7f7;border-radius:14px;background:#fff;padding:13px;margin-bottom:25px;box-shadow:0 10px 22px #0c387908}
.wbg-search{flex:1 1 310px;min-width:0;display:flex;align-items:center;gap:10px;padding:0 13px;border:1px solid #dfebf9;border-radius:9px;background:#f8fbff;color:#6494c6}
.wbg-search input{width:100%;min-width:0;min-height:42px;border:0;outline:0;background:transparent;color:#112c55;font:400 12px 'Poppins',sans-serif}
.wbg-category-select{flex:0 1 240px;min-width:150px}
.wbg-category-select select{width:100%;min-height:44px;border:1px solid #dfebf9;border-radius:9px;padding:0 11px;background:#f8fbff;color:#17395d;font:500 11px 'Poppins',sans-serif}
.wbg-filters button{min-width:100px}
.wbg-clear{align-self:center;padding:8px;color:#476889;font-size:11px;font-weight:600}
.wbg-results{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:#60758e;font-size:11px;margin:0 0 19px}
.wbg-results strong{color:#153963}
.wbg-featured{--tone:#0b70f1;--light:#e7f4ff;display:grid;grid-template-columns:45% 55%;min-height:335px;background:#fff;border:1px solid #dde9f7;border-radius:20px;overflow:hidden;box-shadow:0 13px 35px #14356614;margin-bottom:23px}
.wbg-featured-media,.wbg-post-image{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(135deg,var(--light),#fff)}
.wbg-featured-media>img,.wbg-post-image>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:2}
.wbg-media-fallback{position:absolute;inset:0;z-index:1;display:grid;place-content:center;justify-items:center;gap:13px;text-align:center;padding:23px;color:var(--tone);background:radial-gradient(circle at 80% 22%,#ffffffd0,transparent 58%),linear-gradient(135deg,var(--light),#f1f8ff)}
.wbg-media-fallback>i{font-size:26px;opacity:.48}.wbg-media-fallback img{width:min(220px,100%);height:92px;object-fit:contain}
.wbg-media-fallback strong{font-size:23px;color:#0c3981}
.wbg-tone--winemlak{--tone:#e92b33;--light:#fff0f0}
.wbg-tone--winlead{--tone:#17ac00;--light:#ecffe4}
.wbg-tone--winsatis{--tone:#d0a300;--light:#fff8d7}
.wbg-tone--winkocluk{--tone:#0da6ef;--light:#e8f8ff}
.wbg-tone--genel{--tone:#0a73f8;--light:#ecf5ff}
.wbg-featured-body{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:33px 36px}
.wbg-label{display:inline-block;font-size:10px;color:#0a70e9;font-weight:700;letter-spacing:.12em;margin-bottom:13px}
.wbg-meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:10px;color:#697e98;margin-bottom:13px}
.wbg-featured h3{font-size:clamp(21px,2.3vw,29px);font-weight:700;letter-spacing:-.036em;line-height:1.35;color:#102c58}
.wbg-featured h3 a,.wbg-post h3 a{color:inherit!important}
.wbg-featured h3 a:hover,.wbg-post h3 a:hover{color:#0871f4!important}
.wbg-featured-body>p{font-size:12px;color:#526984;line-height:1.85;margin:15px 0 20px}
.wbg-posts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.wbg-post{display:flex;flex-direction:column;min-width:0;border:1px solid #e0e8f4;border-radius:17px;overflow:hidden;background:#fff;box-shadow:0 8px 24px #102e5609;transition:transform .18s,box-shadow .18s}
.wbg-post:hover{transform:translateY(-3px);box-shadow:0 14px 30px #102e561a}
.wbg-post-image{display:block;height:174px}
.wbg-post .wbg-media-fallback img{max-width:165px;height:64px}
.wbg-post .wbg-media-fallback>i{font-size:18px}
.wbg-post-body{display:flex;flex-direction:column;flex:1;padding:22px}
.wbg-post-category{padding:4px 9px;border-radius:999px;background:var(--light);color:var(--tone);font-size:10px;font-weight:700}
.wbg-post h3{font-size:16px;font-weight:700;line-height:1.48;letter-spacing:-.018em;color:#113057}
.wbg-post-body>p{color:#5d718d;font-size:11px;line-height:1.7;margin:12px 0 18px;flex:1}
.wbg-read{font-size:11px;color:#086df4!important;font-weight:700;display:inline-flex;align-items:center;gap:10px}
.wbg-pages{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;min-height:0!important;padding:0!important;margin:28px 0 0!important;background:transparent!important;box-shadow:none!important;border:0!important;position:static!important}
.wbg-pages>a{width:37px;height:37px;display:grid;place-items:center;border:1px solid #d6e5f7;border-radius:8px;background:#fff;color:#1e4c83;font-weight:600;font-size:12px}
.wbg-pages>a[aria-current=page]{background:#0872f7;color:white;border-color:#0872f7}
.wbg-empty{text-align:center;padding:60px 30px;border:1px dashed #bbd2ed;border-radius:17px;background:#fff}
.wbg-empty h3{font-size:23px;color:#0d2d56;margin-bottom:9px}.wbg-empty p{font-size:13px;color:#657a91;margin-bottom:18px}
.wbg-cta{display:flex;gap:22px;justify-content:space-between;align-items:center;border-radius:18px;background:linear-gradient(113deg,#082149,#084384);padding:32px 38px;color:#fff;margin-top:42px}
.wbg-cta h2{color:#fff;font-size:22px;line-height:1.35;margin:8px 0}.wbg-cta p{font-size:12px;color:#cce1fc}.wbg-cta .wbg-kicker{color:#66c5ff}
.wbg-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
/* The installed footer.php is left intact; only improve its palette on blog pages. */
body.wbg-page>footer{background:#061b3a!important;color:#e6f3ff!important}
body.wbg-page>footer a,body.wbg-page>footer strong{color:#fff!important}
/* Detail page: override old blue/dark style to match the new blog without modifying article bodies. */
body.wbg-page .wv-blog-v2.wbg-detail{background:linear-gradient(180deg,#f2f8ff,#ffffff 35%,#f5f9ff)!important;color:#10274d!important;min-height:65vh;overflow:visible}
body.wbg-page .wbg-detail .wv-article-hero{background:radial-gradient(ellipse at 78% 27%,#1672d870,transparent 52%),linear-gradient(112deg,#061b3b,#0b3269);padding:34px 0 46px}
body.wbg-page .wbg-detail .wv-back{color:#9bd6ff!important}
body.wbg-page .wbg-detail h1{color:#fff!important}
body.wbg-page .wbg-detail .wv-kicker{color:#b8e2ff!important}
body.wbg-page .wbg-detail .wv-meta{color:#cfddf5!important}
body.wbg-page .wbg-detail .wv-cover{border-radius:19px;border-color:#ffffff25;max-width:950px}
body.wbg-page .wbg-detail .wv-content-wrap{padding:42px 0 50px}
body.wbg-page .wbg-detail .wv-article{background:#fff!important;color:#102b54!important;border:1px solid #deebf7!important;box-shadow:0 12px 29px #143a6313!important;border-radius:18px!important}
body.wbg-page .wbg-detail .wv-article-body{color:#3a506e!important;font-size:15px!important;line-height:1.95!important;overflow-wrap:anywhere}
body.wbg-page .wbg-detail .wv-article-body h2,body.wbg-page .wbg-detail .wv-article-body h3{color:#0d2f61!important}
body.wbg-page .wbg-detail .wv-article-body a{color:#0970e9!important}
body.wbg-page .wbg-detail .wv-side-card{background:#fff!important;border-color:#e0ebf7!important;box-shadow:0 10px 22px #0d2c4b08!important}
body.wbg-page .wbg-detail .wv-side-card h2{color:#0b2d5d!important}
body.wbg-page .wbg-detail .wv-side-card p{color:#536b88!important}
body.wbg-page .wbg-detail .wv-btn-primary{background:#0a73fa!important;color:#fff!important}
body.wbg-page .wbg-detail .wv-btn-soft{background:#ecf5ff!important;color:#134f89!important;border-color:#cae1f9!important}
body.wbg-page .wbg-detail .wv-section-title{color:#0b2c59!important}
body.wbg-page .wbg-detail .wv-related-card{background:#fff!important;border:1px solid #dbe8f6!important}
body.wbg-page .wbg-detail .wv-related-card strong{color:#123456!important}
body.wbg-page .wbg-detail .wv-related-card span{color:#586f8d!important}
body.wbg-page .wbg-detail .wv-not-found-panel{background:#fff;border-color:#d9e6f5}
body.wbg-page .wbg-detail .wv-not-found-panel h1{color:#123354!important}
body.wbg-page .wbg-detail .wv-not-found-panel p{color:#566e8e!important}
@media(max-width:960px){.wbg-hero-grid{grid-template-columns:1fr;gap:24px}.wbg-hero-panel{max-width:680px}.wbg .wbg-modules{grid-template-columns:repeat(3,minmax(0,1fr))!important}.wbg-posts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.wbg-wrap{width:calc(100% - 30px)}.wbg-hero{padding-bottom:35px}.wbg .wbg-crumb{margin:12px 0 27px!important}.wbg-hero h1{font-size:35px}.wbg-hero-grid>div:first-child>p:not(.wbg-kicker){font-size:12px}.wbg-logo-grid a{min-height:66px}.wbg-logo-grid img{height:43px}.wbg-hero-panel{padding:17px}.wbg-content{padding:40px 0 65px}.wbg .wbg-modules{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.wbg-module-tab{min-height:70px;padding:8px}.wbg-module-tab img{height:42px}.wbg-filters{padding:10px}.wbg-search,.wbg-category-select,.wbg-filters button{flex:1 1 100%;min-width:0}.wbg-featured{grid-template-columns:1fr}.wbg-featured-media{min-height:200px}.wbg-featured-body{padding:23px}.wbg-posts{grid-template-columns:1fr}.wbg-post-image{height:195px}.wbg-cta{padding:25px 21px;flex-direction:column;align-items:flex-start}.wbg-cta .wbg-btn{width:100%}.wbg-results{font-size:10px}.wbg-hero-actions .wbg-btn{min-height:43px}.wbg-section-top h2{font-size:29px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.wbg *, .wbg *::before,.wbg *::after{transition:none!important;animation:none!important}}