.gp-float{position:fixed;z-index:9999;display:flex;align-items:center;justify-content:center;width:54px;height:54px;border-radius:50%;border:0;cursor:pointer;box-shadow:0 6px 20px rgba(0,0,0,.18);transition:transform .2s ease;text-decoration:none}
.gp-float:hover,.gp-float:focus-visible{transform:scale(1.08)}
.gp-wa{right:20px;bottom:90px;background:#25D366}
.gp-theme-toggle{left:20px;bottom:20px;background:#111;color:#fff;font-size:24px;line-height:1;padding:0}
.gp-theme-toggle .gp-ico-sun{display:none}
html.gp-dark .gp-theme-toggle{background:#fff;color:#111}
html.gp-dark .gp-theme-toggle .gp-ico-sun{display:inline}
html.gp-dark .gp-theme-toggle .gp-ico-moon{display:none}
@media (max-width:767px){.gp-float{width:48px;height:48px}.gp-wa{right:14px;bottom:80px}.gp-theme-toggle{left:14px;bottom:14px;font-size:21px}}

.elementor-element-8793b43{text-align:center;width:100%}

/* ---------- Language switcher box ---------- */
.gp-lang-switch{position:relative;list-style:none;display:flex;align-items:center;margin-inline-start:14px}
.gp-lang{position:relative}
.gp-lang summary{list-style:none;display:flex;align-items:center;gap:8px;cursor:pointer;padding:7px 12px;border:1px solid #e3e3e3;border-radius:10px;background:#fff;color:#111;font-weight:600;font-size:15px;line-height:1;white-space:nowrap;user-select:none}
.gp-lang summary::-webkit-details-marker{display:none}
.gp-lang summary:hover,.gp-lang[open] summary{border-color:#e3302f}
.gp-caret{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid currentColor;transition:transform .2s}
.gp-lang[open] .gp-caret{transform:rotate(180deg)}
.gp-flag{display:inline-block;width:24px;height:16px;border-radius:3px;box-shadow:0 0 0 1px rgba(0,0,0,.15);flex:0 0 auto;vertical-align:middle}
.gp-lang-menu{position:absolute;top:calc(100% + 6px);inset-inline-end:0;z-index:1000;min-width:170px;margin:0;padding:6px;list-style:none;background:#fff;border:1px solid #e3e3e3;border-radius:12px;box-shadow:0 12px 30px rgba(0,0,0,.14)}
.gp-lang-menu li{list-style:none;margin:0;padding:0}
.gp-lang-menu a.gp-lang-opt{display:flex!important;align-items:center;gap:10px;padding:9px 10px!important;border-radius:8px;color:#111!important;font-weight:500;text-decoration:none;white-space:nowrap}
.gp-lang-menu a.gp-lang-opt:hover{background:#f4f4f4}
.gp-lang-menu a.gp-lang-opt.is-current{background:#fdeceb;color:#e3302f!important;font-weight:700}
.menu-mobile .gp-lang-switch{margin:12px 0 0;padding:0 15px}
.menu-mobile .gp-lang-menu{position:static;box-shadow:none;margin-top:8px}

/* ---------- Dark mode ----------
   Colours are inverted only inside the page regions (not on <html>/<body>),
   so fixed elements (WhatsApp, toggle, scroll-to-top, mobile menu panel) keep working. */
html.gp-dark,html.gp-dark body,html.gp-dark .wrapper{background:#121212!important}
html.gp-dark .wrapper>*:not(header),
html.gp-dark .wrapper>header .header--row,
html.gp-dark .header-menu-sidebar-bg,
html.gp-dark body>footer{filter:invert(1) hue-rotate(180deg)}
html.gp-dark :is(.wrapper>*:not(header),.wrapper>header .header--row,.header-menu-sidebar-bg,body>footer) :is(img,video,iframe,picture,.gp-keep,.gp-flag){filter:invert(1) hue-rotate(180deg)}
html.gp-dark .gp-keep :is(img,video,iframe,picture){filter:none!important}
html.gp-dark :is(.wrapper>*:not(header),.wrapper>header .header--row,.header-menu-sidebar-bg,body>footer) :is(img.solace-site-logo,img[src*="GRAND2-BLACK"],img[src*="LOGOGRAND"]){filter:none}

html[dir="rtl"] body,html[lang^="ar"] body,html[lang^="ckb"] body,html[lang^="ku"] body{font-family:"Readex Pro",Tahoma,Arial,sans-serif}
