/* Alaeddin V2 — Sosyal C-eddin görsel referans uyarlaması, 24.10.2026
 * C-eddin hero smoke, layout, side rail, poster, responsive, motion language.
 * Sosyal only; no shared files, no database, and no media PNG modifications.
 */
:root{--sy-blue:#CE222E;--sy-deep:#64171C;--sy-cyan:#ED6C75;--sy-pale:#F9EFF0;--sy-fog:#FBF6F6;--sy-ink:#571B1F;
 --ce-green:#CE222E;--ce-green-strong:#64171C;--ce-green-soft:#F9EFF0;--ce-accent:#CE222E;--ce-accent-deep:#64171C;--ce-accent-soft:#F9EFF0;--ce-accent-glow:#ED6C75;
 --smoke-a:rgba(223, 110, 118,.62);--smoke-b:rgba(238, 172, 176,.48);
 --cechat-deep:#64171C;--cechat-text:#60272B;--cechat-leaf:#CE222E;--cechat-light:#FBF6F6;--cechat-line:#F0DBDC;--cechat-mute:#825356;
}
body[data-modul="sosyal"] .ce-shell{background:#fff}
body[data-modul="sosyal"] .ce-page{--ce-accent:#CE222E;--ce-accent-soft:#F9EFF0}
/* SAME STAGE LANGUAGE AS C-EDDİN — full height, breathable smoke, airy layout. */
body[data-modul="sosyal"] .ce-home-layout.ce-hero-stage{
 min-height:max(780px,calc(100svh - var(--ce-shared-header-size,56px)));
 height:auto;display:grid;grid-template-columns:minmax(400px,45%) minmax(0,55%);
 position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(115deg,#fff 15%,#fff 58%,#FDF9FA 100%);
 align-items:center;
}
body[data-modul="sosyal"] .ce-home-layout .ce-hero-copy{
 z-index:5;position:relative;max-width:625px;padding:52px 10px 56px clamp(32px,4vw,78px);
}
body[data-modul="sosyal"] .ce-home-layout h1{font-size:clamp(43px,4.1vw,72px);line-height:1.085;letter-spacing:-.053em;max-width:635px;color:#302F30}
body[data-modul="sosyal"] .ce-home-layout .ce-lead{max-width:460px;color:#7D5053;font-weight:620}
body[data-modul="sosyal"] .ce-home-layout .ce-hero-copy>p:not(.ce-lead){max-width:485px;color:#915C60;font-size:14px;line-height:1.85}
body[data-modul="sosyal"] .ce-home-layout .ce-hero-points{display:flex;gap:8px;flex-wrap:wrap;margin:26px 0 0;max-width:495px}
body[data-modul="sosyal"] .ce-hero-points span{background:#F8EFEF;border:1px solid #EFD7D9;color:#701B20;box-shadow:0 4px 16px rgba(99, 28, 33,.06);padding:8px 11px;font-size:11px}
body[data-modul="sosyal"] .ce-readmore{color:#64171C;border-bottom:1px solid #E8878E}
body[data-modul="sosyal"] .ce-readmore:hover{color:#CE222E}
body[data-modul="sosyal"] .ce-hero-art{
 position:absolute;z-index:2;right:0;top:0;bottom:0;width:59%;pointer-events:none;
 display:flex;align-items:flex-end;justify-content:flex-end;overflow:visible;
 transform:translate3d(var(--px,0px),var(--py,0px),0);transition:transform .5s ease-out;
}
/* Not a solid disk: the same moving, multi-layer smoke technique as C-eddin */
body[data-modul="sosyal"] .ce-hero-art .ce-hero-smoke{
 position:absolute;right:-70px;bottom:-150px;width:min(88vw,980px);height:770px;opacity:.95;pointer-events:none;
 background:radial-gradient(ellipse at 47% 62%,rgba(206, 34, 46,.82) 0%,rgba(215, 79, 88,.67) 23%,rgba(243, 164, 170,.43) 40%,rgba(249, 240, 241,.20) 57%,transparent 76%),
 radial-gradient(ellipse at 70% 65%,rgba(237, 108, 117,.42),transparent 56%),
 radial-gradient(ellipse at 34% 42%,rgba(239, 215, 217,.43),transparent 60%);
 filter:blur(19px);animation:sy-smoke-breathe 9s ease-in-out infinite;
}
body[data-modul="sosyal"] .ce-hero-art img{
 position:absolute;z-index:2;width:auto;max-width:none;height:min(73vw,715px);right:clamp(2px,4.5vw,75px);bottom:-68px;
 object-fit:contain;transform-origin:60% 77%;filter:drop-shadow(0 13px 17px rgba(123, 26, 33,.20));
 animation:ce-gentle-float 6s ease-in-out infinite, sy-character-breathe 7s ease-in-out infinite;
}
@keyframes sy-character-breathe{0%,100%{scale:1}50%{scale:1.035}}
@keyframes sy-smoke-breathe{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(-12px,-10px,0) scale(1.04)}}
/* Decorative floating shapes: cyan/blue, never C-eddin green. */
body[data-modul="sosyal"] .ce-shape{color:#ED6C75}
body[data-modul="sosyal"] .ce-shape-square{background:#ED6C75;box-shadow:0 13px 30px rgba(173,144,68,.24)}
body[data-modul="sosyal"] .ce-shape-plus{color:#CE222E}
body[data-modul="sosyal"] .ce-shape-triangle{border-bottom-color:#F4999F}
body[data-modul="sosyal"] .ce-shape-circle{border-color:#DD7B81}
body[data-modul="sosyal"] .ce-hero-art:before{background:#EFD6D8}
/* Sidebar in the canonical C-eddin proportions; small character stays in bounds. */
@media(min-width:691px){
 body[data-modul="sosyal"] .ce-rail-brand{height:210px!important;min-height:210px!important;flex:0 0 210px!important;width:var(--ce-rail-width,108px);background:linear-gradient(180deg,#CE222E 0 72px,#fff 72px)!important;overflow:visible}
 body[data-modul="sosyal"] .ce-rail-brand img{position:absolute;top:0!important;left:0!important;width:100%!important;height:190px!important;max-width:100%!important;max-height:190px!important;object-fit:contain!important;object-position:center top!important;filter:drop-shadow(0 5px 7px rgba(99, 28, 33,.22))}
 body[data-modul="sosyal"] .ce-rail-links{margin-top:0!important;padding-top:10px;min-height:0;flex:1 1 auto;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-color:#E6C2C4 transparent}
}
body[data-modul="sosyal"] .ce-icon-links a{color:#6D4548}
body[data-modul="sosyal"] .ce-icon-links a:hover,body[data-modul="sosyal"] .ce-icon-links a[aria-current="page"]{background:#F9EFF0;color:#64171C}
body[data-modul="sosyal"] .ce-icon-links a[aria-current="page"]::after{background:#ED6C75}
body[data-modul="sosyal"] .ce-footer-toggle{color:#62383B;background:linear-gradient(#fff,#F9F1F1);border-color:#F1DCDD}
body[data-modul="sosyal"] .ce-footer-toggle:hover{color:#64171C;background:#F7EBEC}
/* C-eddin smooth cards and poster language using Sosyal tones. */
body[data-modul="sosyal"] .ce-home-poster{margin-top:26px}
body[data-modul="sosyal"] [data-zoom-poster]{border-color:#F2E0E1;box-shadow:0 12px 34px rgba(109, 23, 29,.08)}
body[data-modul="sosyal"] [data-zoom-poster]:hover{border-color:#EE9197;box-shadow:0 18px 42px rgba(109, 23, 29,.15)}
body[data-modul="sosyal"] .ce-feature:hover{border-color:#E59A9F;box-shadow:0 16px 36px rgba(109, 23, 29,.12)}
/* Full-screen magic transition, particles, magic ring in blue/cyan. */
body[data-modul="sosyal"] .ce-smoke{background:radial-gradient(ellipse 33% 62% at 35% 50%,rgba(235, 154, 160,.75),transparent 78%),radial-gradient(ellipse 29% 60% at 66% 45%,rgba(220, 123, 130,.58),transparent 80%),radial-gradient(ellipse 29% 60% at 80% 57%,rgba(251, 246, 246,.85),transparent 82%)}
body[data-modul="sosyal"] .ce-smoke:before,body[data-modul="sosyal"] .ce-smoke:after{background:radial-gradient(ellipse at 44% 58%,rgba(206, 34, 46,.62),transparent 77%),radial-gradient(ellipse at 65% 42%,rgba(237, 108, 117,.54),transparent 82%),radial-gradient(ellipse at 35% 30%,rgba(239, 216, 217,.82),transparent 78%)}
body[data-modul="sosyal"] .ce-smoke-ring{border-color:rgba(237, 108, 117,.5);box-shadow:0 0 90px rgba(206, 34, 46,.35)}
body[data-modul="sosyal"] .ce-smoke-brand{filter:drop-shadow(0 0 20px rgba(206, 34, 46,.4))}
body[data-modul="sosyal"] .ce-particle{background:radial-gradient(circle,#FFF7D8,#ED6C75 65%,transparent);box-shadow:0 0 18px rgba(237, 108, 117,.8)}
body[data-modul="sosyal"] .ce-hero-copy .ce-kicker{color:#64171C}
body[data-modul="sosyal"] .ce-zoom-poster{background:radial-gradient(circle,#FCF6F7,#F7EBEC 43%,#fff 73%)}
@media(max-width:1150px){
 body[data-modul="sosyal"] .ce-home-layout.ce-hero-stage{grid-template-columns:minmax(350px,48%) minmax(0,52%)}
 body[data-modul="sosyal"] .ce-home-layout h1{font-size:clamp(38px,4.7vw,63px)}
 body[data-modul="sosyal"] .ce-hero-art img{height:min(67vw,620px);right:1vw;bottom:-45px}
 body[data-modul="sosyal"] .ce-hero-art .ce-hero-smoke{right:-155px;bottom:-140px;width:760px;height:650px}
}
@media(max-width:860px){
 body[data-modul="sosyal"] .ce-home-layout.ce-hero-stage{grid-template-columns:minmax(285px,48%) minmax(0,52%);min-height:700px}
 body[data-modul="sosyal"] .ce-hero-art img{height:490px;right:-18px;bottom:-25px}
 body[data-modul="sosyal"] .ce-hero-art .ce-hero-smoke{width:590px;height:530px;bottom:-145px}
 body[data-modul="sosyal"] .ce-home-layout .ce-hero-copy{padding-left:24px}
}
@media(max-width:690px){
 body[data-modul="sosyal"] .ce-home-layout.ce-hero-stage{display:flex;flex-direction:column;align-items:stretch;min-height:0;height:auto;overflow:hidden}
 body[data-modul="sosyal"] .ce-home-layout .ce-hero-copy{padding:35px 22px 12px;max-width:100%;width:100%}
 body[data-modul="sosyal"] .ce-home-layout h1{font-size:clamp(36px,9vw,55px)}
 body[data-modul="sosyal"] .ce-hero-art{position:relative;top:auto;right:auto;bottom:auto;width:100%;height:350px;min-height:350px;overflow:hidden}
 body[data-modul="sosyal"] .ce-hero-art img{height:390px;max-height:100%;max-width:100%;width:auto;right:4%;bottom:-32px;object-fit:contain}
 body[data-modul="sosyal"] .ce-hero-art .ce-hero-smoke{width:580px;height:450px;right:-115px;bottom:-170px}
 body[data-modul="sosyal"] .ce-rail-brand{height:63px!important;min-height:63px!important;width:70px!important;background:#F8EFEF!important}
 body[data-modul="sosyal"] .ce-rail-brand img{height:67px!important;width:66px!important;max-width:66px!important;top:0!important;left:0!important;object-fit:contain!important}
 body[data-modul="sosyal"] .ce-menu-toggle{color:#64171C;border-color:#E6C2C4}
 body[data-modul="sosyal"] .ce-footer-toggle{position:fixed;right:12px;bottom:max(12px,env(safe-area-inset-bottom));z-index:99;width:70px;min-height:55px;border:1px solid #EDD1D3;border-radius:12px;box-shadow:0 8px 24px rgba(102, 36, 40,.15)}
}
@media(max-width:420px){
 body[data-modul="sosyal"] .ce-hero-art{height:285px;min-height:285px}
 body[data-modul="sosyal"] .ce-hero-art img{height:325px;right:0}
 body[data-modul="sosyal"] .ce-hero-art .ce-hero-smoke{height:370px;width:460px;bottom:-160px;right:-120px}
}
@media(prefers-reduced-motion:reduce){
 body[data-modul="sosyal"] .ce-hero-art .ce-hero-smoke,
 body[data-modul="sosyal"] .ce-hero-art img,
 body[data-modul="sosyal"] .ce-smoke,body[data-modul="sosyal"] .ce-particle{animation:none!important;transition:none!important}
}

/* Final specificity: ensure overlays and every C-eddin green variable maps to Sosyal blue. */
body[data-modul="sosyal"]{--ce-green:#CE222E;--ce-green-strong:#951C24;--ce-green-soft:#F9F1F1;--ce-accent:#CE222E;--ce-accent-deep:#951C24;--ce-accent-soft:#F9F1F1;--cechat-leaf:#CE222E;--cechat-deep:#951C24;--bot-accent:#CE222E}
body[data-modul="sosyal"] .ce-page{--ce-accent:#CE222E;--ce-accent-soft:#F9F1F1}
body[data-modul="sosyal"] .ce-hero-art .ce-hero-smoke{background:radial-gradient(ellipse at 45% 65%,rgba(201, 52, 62,.72) 0%,rgba(237, 126, 134,.49) 34%,rgba(246, 232, 233,.28) 58%,transparent 77%),radial-gradient(ellipse at 75% 60%,rgba(225, 54, 66,.33),transparent 58%),radial-gradient(ellipse at 34% 42%,rgba(237, 210, 212,.36),transparent 65%)}
body[data-modul="sosyal"] .ce-rail-brand{background:linear-gradient(180deg,#CE222E 0 72px,#fff 72px)}
body[data-modul="sosyal"] .ce-room-status.is-ready{background:#F8ECED;color:#951C24}
body[data-modul="sosyal"] :focus-visible{outline-color:#ED6C75}

/* Sosyal definitive rose/red tokens; replaces any inherited C-eddin green. */
:root{--sy-red:#DC3038;--sy-dark:#9D1F28;--sy-coral:#FA7064;--sy-pale:#FFF0F1;--ce-green:#DC3038;--ce-green-strong:#9D1F28;--ce-green-soft:#FFF0F1;--ce-accent:#DC3038;--ce-accent-deep:#9D1F28;--ce-accent-soft:#FFF0F1;--ce-accent-glow:#FA7064;--cechat-leaf:#DC3038;--cechat-deep:#882029;--cechat-line:#F3C0C3;--bot-accent:#DC3038}
body[data-modul="sosyal"]{--ce-green:#DC3038;--ce-green-strong:#9D1F28;--ce-green-soft:#FFF0F1;--ce-accent:#DC3038;--ce-accent-deep:#9D1F28;--ce-accent-soft:#FFF0F1;--ce-accent-glow:#FA7064;--cechat-leaf:#DC3038;--cechat-deep:#882029;--cechat-line:#F3C0C3;--cechat-light:#FFF8F8;--bot-accent:#DC3038}
body[data-modul="sosyal"] .ce-page{--ce-accent:#DC3038;--ce-accent-soft:#FFF0F1}
body[data-modul="sosyal"] .ce-rail-brand{background:linear-gradient(180deg,#DC3038 0 72px,#fff 72px)!important}
body[data-modul="sosyal"] .ce-hero-art .ce-hero-smoke{background:radial-gradient(ellipse at 46% 60%,rgba(220,48,56,.69),rgba(250,112,100,.38) 35%,rgba(255,232,232,.16) 58%,transparent 77%),radial-gradient(ellipse at 78% 62%,rgba(157,31,40,.24),transparent 62%),radial-gradient(ellipse at 32% 40%,rgba(255,244,244,.45),transparent 65%)}
body[data-modul="sosyal"] .ce-smoke{background:radial-gradient(ellipse at 34% 48%,rgba(250,112,100,.73),transparent 77%),radial-gradient(ellipse at 72% 48%,rgba(220,48,56,.52),transparent 78%)}
body[data-modul="sosyal"] .ce-smoke:before,body[data-modul="sosyal"] .ce-smoke:after{background:radial-gradient(ellipse,rgba(250,112,100,.64),rgba(255,236,237,.36),transparent 77%)}
body[data-modul="sosyal"] .ce-smoke-ring{border-color:rgba(250,112,100,.5);box-shadow:0 0 84px rgba(157,31,40,.25)}
body[data-modul="sosyal"] .ce-particle{background:radial-gradient(circle,#FFF9F9,#FA7064 65%,transparent);box-shadow:0 0 18px rgba(220,48,56,.65)}
body[data-modul="sosyal"] .ce-shape-square{background:#FA7064;box-shadow:0 13px 30px rgba(157,31,40,.19)}
body[data-modul="sosyal"] .ce-shape-plus{color:#DC3038}
body[data-modul="sosyal"] .ce-shape-triangle{border-bottom-color:#FA7064}
body[data-modul="sosyal"] .ce-shape-circle{border-color:#F3C0C3}
body[data-modul="sosyal"] .ce-icon-links a:hover,body[data-modul="sosyal"] .ce-icon-links a[aria-current="page"]{background:#FFF0F1;color:#9D1F28}
body[data-modul="sosyal"] .ce-icon-links a[aria-current="page"]::after{background:#DC3038}
body[data-modul="sosyal"] .ce-footer-toggle{color:#9D1F28;background:linear-gradient(#fff,#FFF0F1);border-color:#F3C0C3}
body[data-modul="sosyal"] .ce-hero-art img{filter:drop-shadow(0 13px 17px rgba(157,31,40,.20))}
body[data-modul="sosyal"] :focus-visible{outline-color:#DC3038}
@media(max-width:690px){body[data-modul="sosyal"] .ce-rail-brand{background:#FFF0F1!important}}