/* جيان أونلاين V.0.0.3 — fixes over V.0.0.2 (loaded last) */
/* 1) no specks / droplets / grain anywhere */
body.gv5.gv5.gv5 .g-drops::after,body.gv5.gv5.gv5 .g-photo-frame.g-drops::after{
  background:linear-gradient(170deg,rgba(255,255,255,.22) 0%,rgba(255,255,255,.08) 24%,rgba(255,255,255,0) 40%)!important}
body.gv5::before{display:none!important;background:none!important}
body.gv5.gv5.gv5 :where(.g-panel,.g-tile,.g-photo-frame,.g-btn,.g-key)::after{background-image:none!important;
  background:linear-gradient(175deg,rgba(255,255,255,.28) 0%,rgba(255,255,255,0) 38%)!important;opacity:.8!important}

/* 2) top bar + dock: pure-CSS clear glass capsule, squircle keys */
body.gv5 :is(.topbar>.g-bar,.dock>.g-bar){
  background:linear-gradient(180deg,rgba(255,255,255,.34),rgba(255,255,255,.14))!important;
  -webkit-backdrop-filter:blur(18px) saturate(160%)!important;backdrop-filter:blur(18px) saturate(160%)!important;
  border:1px solid rgba(255,255,255,.7)!important;border-radius:999px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),inset 0 -1px 0 rgba(0,0,0,.06),0 0 0 .5px rgba(60,60,70,.12),0 12px 28px -12px rgba(30,25,20,.40)!important}
body.gv5.gv5.gv5 :is(.topbar>.g-bar,.dock>.g-bar,.topbar .g-key,.topbar .g-btn,.dock a)::before,
body.gv5.gv5.gv5 :is(.topbar>.g-bar,.dock>.g-bar,.topbar .g-key,.topbar .g-btn,.dock a)::after{
  content:none!important;display:none!important;border-image:none!important;background:none!important}
body.gv5.gv5 :is(.topbar .g-key,.topbar .g-btn,.dock>.g-bar>a){
  background:linear-gradient(180deg,rgba(255,255,255,.42),rgba(255,255,255,.16))!important;
  border:1px solid rgba(255,255,255,.75)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95),inset 0 -2px 3px rgba(0,0,0,.07),0 1px 1.5px rgba(40,35,30,.18),0 6px 12px -6px rgba(40,35,30,.38)!important;
  -webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important}
body.gv5.gv5 .topbar .g-key{border-radius:30%!important}
body.gv5.gv5 .topbar .g-btn{border-radius:999px!important}
body.gv5.gv5 .dock>.g-bar>a{border-radius:28%!important}
body.gv5 .dock>.g-bar{display:flex!important;justify-content:space-evenly!important;gap:10px!important;padding:8px 12px!important}
body.gv5 .dock>.g-bar>a{flex:1 1 0;max-width:62px}
body.gv5 .dock>.g-bar>a.wa{background:linear-gradient(180deg,rgba(70,222,135,.75),rgba(26,169,86,.7))!important}
body.gv5 .topbar .brand img{filter:brightness(0) invert(1) drop-shadow(0 0 .6px rgba(0,0,0,.6)) drop-shadow(0 1px 2px rgba(0,0,0,.35))!important;image-rendering:auto}

/* 3) white text + dark hairline outline, white icons with drop shadow */
body.gv5,body.gv5 :not(svg):not(svg *){color:#fff!important;
  text-shadow:.8px 0 0 rgba(0,0,0,.6),-.8px 0 0 rgba(0,0,0,.6),0 .8px 0 rgba(0,0,0,.6),0 -.8px 0 rgba(0,0,0,.6),0 1px 3px rgba(0,0,0,.30)!important}
body.gv5 :is(input,textarea,select)::placeholder{color:rgba(255,255,255,.85)!important}
body.gv5 svg,body.gv5 :is(.dock,.topbar,.ico-orb,.circle) svg{color:#fff!important;stroke:#fff;filter:drop-shadow(0 0 .5px rgba(0,0,0,.55)) drop-shadow(0 1px 1.5px rgba(0,0,0,.35))!important}
body.gv5 .ss-key img,body.gv5 .ss-ico{filter:brightness(0) invert(1) drop-shadow(0 0 .6px rgba(0,0,0,.6)) drop-shadow(0 1px 2px rgba(0,0,0,.35))!important}
body.gv5 select option{color:#222!important;text-shadow:none!important}

/* V.0.0.3 r2 — readability: bigger type, icons, stronger outline */
body.gv5{font-size:17px}
body.gv5 :is(p,li,dd,td,label,.lead,.desc,address){font-size:max(1em,17px)!important;line-height:1.6;font-weight:500}
body.gv5 :is(small,.small,.tip,.hint,.glass-hint,.chip,.tag,.kicker,.crumbs,.crumbs a,figcaption,.reel-tag,.new,.ver-badge,.brand small,caption){font-size:max(.9em,14px)!important;font-weight:600}
body.gv5 h1{font-size:clamp(34px,6vw,64px)!important}
body.gv5 h2{font-size:clamp(26px,4vw,42px)!important}
body.gv5 h3{font-size:clamp(19px,2.2vw,24px)!important;font-weight:700}
body.gv5 :is(.pill,.g-btn,button,.btn){font-size:17px!important;font-weight:600!important}
body.gv5 :is(.pill.sm,.g-btn--sm,.g-btn--xs){font-size:15px!important}
body.gv5 .nav a{font-size:16px!important;font-weight:600!important}
body.gv5 svg.i{stroke-width:2.1!important}
body.gv5 :is(.pill,.g-btn,.tag) svg.i{width:20px!important;height:20px!important}
body.gv5 .ico-orb svg,body.gv5 .g-tile svg.i{width:32px!important;height:32px!important}
body.gv5 .topbar .g-key{width:48px!important;height:48px!important;min-width:48px}
body.gv5 .topbar .g-key svg{width:26px!important;height:26px!important;stroke-width:2.2!important}
body.gv5 .dock>.g-bar>a{height:58px!important;max-width:66px}
body.gv5 .dock a svg{width:28px!important;height:28px!important;stroke-width:2.2!important}
body.gv5 .topbar .brand img{height:44px!important;width:auto!important}
body.gv5,body.gv5 :not(svg):not(svg *){
  text-shadow:1px 0 0 rgba(0,0,0,.7),-1px 0 0 rgba(0,0,0,.7),0 1px 0 rgba(0,0,0,.7),0 -1px 0 rgba(0,0,0,.7),.7px .7px 0 rgba(0,0,0,.5),-.7px -.7px 0 rgba(0,0,0,.5),0 2px 4px rgba(0,0,0,.35)!important;
  overflow-wrap:anywhere}
body.gv5 svg,body.gv5 :is(.dock,.topbar,.ico-orb,.circle) svg{filter:drop-shadow(0 0 .7px rgba(0,0,0,.75)) drop-shadow(0 1px 2px rgba(0,0,0,.4))!important}
body.gv5 :is(h1,h2,h3,.pill,.g-btn,.nav a){overflow-wrap:normal}
/* r3 — desktop dock: bigger keys/icons (base keys.css .dock a 58px/30px wins visually small on wide screens) */
@media (min-width:721px){
  body.gv5 .dock>.g-bar{gap:14px!important;padding:10px 16px!important}
  body.gv5 .dock>.g-bar>a{width:68px!important;height:68px!important;max-width:68px!important;flex:0 0 68px!important}
  body.gv5 .dock a svg{width:34px!important;height:34px!important;stroke-width:2.2!important}
}