/** * Desktop web shell (html.wlc-page-home): header + page chrome for 1024px+ viewports. * Loaded on all routes from web/view so the header matches the home layout; home-only blocks use the same prefix. * Uses clamp / min() so content scales from small laptops to ultrawide without overflow. */ /* Reference site typography: Lato everywhere (loaded in before style.css) */ html, html body, html button, html input, html select, html textarea, html .wlc-application, html .wlc-application__container { font-family: Lato, sans-serif !important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* Shell vars + page tone on home root (promo / SON KAZANANLAR use vars below 1024px too) */ html.wlc-page-home { --wlc-home-pad: clamp(12px, 3vw, 40px); --wlc-home-max: min(100vw - 2 * var(--wlc-home-pad), 1680px); --wlc-accent: #fbb203; background: #151414; font-family: Lato, sans-serif; } html.wlc-page-casino, html.wlc-page-livecasino, html[class*="wlc-page-"] { --wlc-home-pad: clamp(12px, 3vw, 40px); } html.wlc-page-home body, html.wlc-page-home button, html.wlc-page-home input, html.wlc-page-home select, html.wlc-page-home textarea, html.wlc-page-home .wlc-header-main, html[class*="wlc-page-"] .wlc-footer { font-family: Lato, sans-serif !important; } /* --- User bomb + yellow dropdown (desktop + mobile; matches Casibom wlc-user-menu) --- */ html.wlc-page-home .wlc-user-bomb-wrap { position: relative; display: flex; align-items: center; flex: 0 0 auto !important; margin: 0 !important; } html.wlc-page-home .wlc-user-bomb { display: inline-flex; align-items: center; gap: 6px; padding: 0; margin: 0; border: 0; background: transparent; cursor: pointer; color: #fff; } html.wlc-page-home .wlc-user-bomb__icon { position: relative; display: inline-flex; width: 37px; height: 37px; } html.wlc-page-home .wlc-user-bomb__svg { width: 37px; height: 37px; display: block; } html.wlc-page-home .wlc-user-bomb__badge { position: absolute; top: -4px; right: -6px; min-width: 18px; height: 18px; padding: 0 4px; border-radius: 999px; background: #28a745; color: #fff; font-size: 10px; font-weight: 800; line-height: 18px; text-align: center; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.35); } html.wlc-page-home .wlc-user-bomb__caret { width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 6px solid #fff; } html.wlc-page-home .wlc-user-menu { position: absolute; top: calc(100% + 8px); right: 0; width: min(320px, calc(100vw - 16px)); z-index: 2147483000; border-radius: 8px; overflow: hidden; background: #000; box-shadow: 0 14px 36px rgba(0, 0, 0, 0.6); font-family: Lato, sans-serif; } html.wlc-page-home .wlc-user-menu[hidden] { display: none !important; } html.wlc-page-home .wlc-user-menu__head { background: #f2b819; color: #111; font-weight: 700; text-align: center; padding: 11px 14px; letter-spacing: 0.01em; font-size: 14px; text-transform: none; } html.wlc-page-home .wlc-user-menu__list { list-style: none; margin: 0; padding: 2px 0; background: #000; } html.wlc-page-home .wlc-user-menu__list li { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 12px 16px; color: #fff; font-size: 12px; font-weight: 700; letter-spacing: 0.03em; text-transform: uppercase; border-bottom: 1px solid rgba(255, 255, 255, 0.06); } html.wlc-page-home .wlc-user-menu__list li:last-child { border-bottom: 0; } html.wlc-page-home .wlc-user-menu__label { color: #fff; text-decoration: none; font-weight: 700; } html.wlc-page-home .wlc-user-menu__value, html.wlc-page-home .wlc-user-menu__right { color: #fff; text-align: right; display: inline-flex; align-items: center; gap: 8px; font-weight: 700; text-decoration: none; } html.wlc-page-home .wlc-user-menu__msg-badge { display: inline-flex; align-items: center; justify-content: center; min-width: 22px; height: 22px; padding: 0 6px; border-radius: 999px; background: #28a745; color: #fff; font-size: 11px; font-weight: 800; } html.wlc-page-home .wlc-user-menu__msg-link { color: #28a745; font-weight: 800; } html.wlc-page-home .wlc-user-menu__msg-chev { color: #28a745; font-weight: 800; font-size: 14px; line-height: 1; } html.wlc-page-home .wlc-user-menu__foot { display: flex; align-items: stretch; padding: 0; background: #f2b819; } html.wlc-page-home .wlc-user-menu__foot-btn { flex: 1 1 50%; display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 12px 8px; background: transparent; border: 0; border-right: 1px solid rgba(0, 0, 0, 0.12); color: #111; font-weight: 800; font-size: 12px; letter-spacing: 0.04em; text-decoration: none; cursor: pointer; font-family: inherit; text-transform: uppercase; } html.wlc-page-home .wlc-user-menu__foot-btn:last-child { border-right: 0; } html.wlc-page-home .wlc-user-menu__foot-ico { display: inline-flex; line-height: 0; flex: 0 0 auto; } html.wlc-page-home .wlc-user-menu__foot-ico svg { display: block; } @media (min-width: 1024px) { html.wlc-page-home { /* Match 1077casibom body tone */ background: #151414; --wlc-home-pad: clamp(12px, 2.5vw, 40px); --wlc-home-max: min(100vw - 2 * var(--wlc-home-pad), 1680px); /* Hero slightly shorter than before */ --wlc-hero-aspect: 14 / 5; --wlc-nav-fs: 14px; --wlc-btn-pad-x: clamp(18px, 2.2vw, 40px); } html.wlc-page-home *, html.wlc-page-home *::before, html.wlc-page-home *::after { box-sizing: border-box; } html.wlc-page-home body { background: transparent; } html.wlc-page-home .container, html.wlc-page-home .container-fluid { width: 100%; max-width: 100%; padding-left: var(--wlc-home-pad); padding-right: var(--wlc-home-pad); } html.wlc-page-home section.container-fluid.wlc-header, html.wlc-page-home .container-fluid.wlc-header { padding-left: 0 !important; padding-right: 0 !important; } /* --- Header: Logo left | nav toward right | auth far right (ref image 2) --- */ html.wlc-page-home .wlc-header-main.row, html.wlc-page-home header.wlc-header-main.row { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; justify-content: flex-start; gap: clamp(12px, 1.8vw, 28px); width: 100%; max-width: none; margin-left: 0 !important; margin-right: 0 !important; padding: clamp(8px, 1.2vw, 14px) var(--wlc-home-pad) !important; --bs-gutter-x: 0; background: transparent; border: 0 !important; border-top: none !important; border-bottom: none !important; box-shadow: none !important; box-sizing: border-box; } html.wlc-page-home .wlc-header-main::before, html.wlc-page-home .wlc-header-main::after, html.wlc-page-home .wlc-header-desktop-primary-nav::before, html.wlc-page-home .wlc-header-desktop-primary-nav::after, html.wlc-page-home .wlc-header-desktop-primary-nav__list::before, html.wlc-page-home .wlc-header-desktop-primary-nav__list::after { content: none !important; display: none !important; border: 0 !important; height: 0 !important; background: none !important; } html.wlc-page-home .wlc-header-desktop-primary-nav__list a, html.wlc-page-home .wlc-header-desktop-primary-nav__list a:hover, html.wlc-page-home .wlc-header-desktop-primary-nav__list a.is-active, html.wlc-page-home .wlc-header-desktop-primary-nav__list a[aria-current="page"] { border-bottom: none !important; box-shadow: none !important; text-decoration: none !important; } html.wlc-page-home .wlc-header-main .wlc-main-menu, html.wlc-page-home header.wlc-header-main .wlc-main-menu, html.wlc-page-home .wlc-header-left > nav.row.wlc-main-menu { box-shadow: none !important; border: 0 !important; border-bottom: none !important; background: transparent !important; } html.wlc-page-home .wlc-header-main > .wlc-header-logo.col, html.wlc-page-home .wlc-header-main > .wlc-header-logo { flex: 0 0 auto; flex-shrink: 0; max-width: none; width: auto; padding-left: 0; padding-right: 0; padding-bottom: 0; } html.wlc-page-home .wlc-header-main > .wlc-header-desktop-primary-nav.col, html.wlc-page-home .wlc-header-main > .wlc-header-desktop-primary-nav { flex: 1 1 auto !important; min-width: 0 !important; max-width: none !important; padding-left: 12px !important; padding-right: 12px !important; display: flex !important; justify-content: center !important; align-items: center !important; } html.wlc-page-home .wlc-header-main > .wlc-header-left.col, html.wlc-page-home .wlc-header-main > .wlc-header-left { flex: 0 0 auto !important; flex-shrink: 0 !important; min-width: 0 !important; max-width: none !important; width: auto !important; margin-left: 0 !important; padding-left: 0 !important; padding-right: 0 !important; } html.wlc-page-home .wlc-header-logo .wlc-logo__image img, html.wlc-page-home .wlc-header-logo .wlc-logo__image svg, html.wlc-page-home .wlc-header-logo .logo svg { max-height: clamp(36px, 4vw, 52px); width: auto; display: block; } html.wlc-page-home .wlc-header-left > nav.row.wlc-main-menu { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: center !important; justify-content: flex-end !important; gap: 0 !important; margin: 0 !important; width: auto !important; max-width: none !important; } /* Hidden menu must not steal width from auth buttons */ html.wlc-page-home .wlc-main-menu__block-2, html.wlc-page-home nav.wlc-main-menu > .wlc-main-menu__block-2.col { display: none !important; flex: 0 0 0 !important; width: 0 !important; max-width: 0 !important; min-width: 0 !important; padding: 0 !important; margin: 0 !important; overflow: hidden !important; } html.wlc-page-home nav.wlc-main-menu > .wlc-main-menu__block_right.col { flex: 0 0 auto !important; width: auto !important; } html.wlc-page-home nav.wlc-main-menu.row > .col { padding-left: 0; padding-right: 0; } html.wlc-page-home .wlc-main-menu__block-2 .wlc-menu-big { display: flex; flex-wrap: wrap; justify-content: center; gap: clamp(4px, 0.8vw, 10px) clamp(8px, 1.2vw, 22px); margin: 0; padding: 0; list-style: none; max-width: 100%; } html.wlc-page-home .wlc-menu-big__item-mobile { display: none !important; } html.wlc-page-home #wlc-livechat-mobile-nav-item { display: none !important; } html.wlc-page-home .wlc-menu-big__item .wlc-footer-nav-stack .wlc-icon { display: none; } html.wlc-page-home .wlc-menu-big__item .wlc-footer-nav-stack { flex-direction: row; align-items: center; justify-content: center; gap: 0; } html.wlc-page-home .wlc-menu-big__item .wlc-text { font-size: var(--wlc-nav-fs); font-weight: 300; letter-spacing: normal; text-transform: uppercase; color: #fff !important; font-family: Lato, sans-serif; } html.wlc-page-home .wlc-menu-big__item a { border-bottom: none; padding-bottom: 4px; } html.wlc-page-home .wlc-menu-big__item a:hover .wlc-text, html.wlc-page-home .wlc-menu-big__item a:focus .wlc-text { color: #ffb800 !important; } html.wlc-page-home .wlc-header-left .wlc-menu-big__item a.active, html[class*="wlc-page-"] .wlc-header-left .wlc-menu-big__item a.active { border: 1px solid #fbb203 !important; border-radius: 5px; padding: 2px 10px; } html.wlc-page-home .wlc-header-left .wlc-menu-big__item a.active .wlc-footer-nav-stack, html[class*="wlc-page-"] .wlc-header-left .wlc-menu-big__item a.active .wlc-footer-nav-stack { border: none !important; padding: 0 !important; } html.wlc-page-home .wlc-header-left .wlc-menu-big__item a.active .wlc-text, html[class*="wlc-page-"] .wlc-header-left .wlc-menu-big__item a.active .wlc-text { color: #fff !important; } html.wlc-page-home .wlc-main-menu__block_right, html.wlc-page-home .wlc-main-menu__block_right.wlc-header-php-session { flex: 0 0 auto !important; width: auto !important; max-width: none !important; min-width: 0 !important; display: flex !important; justify-content: flex-end !important; align-items: center !important; margin: 0 !important; padding: 0 !important; } html.wlc-page-home .wlc-login-buttons.wlc-desktop, html.wlc-page-home .wlc-login-buttons.wlc-header-php-session { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; justify-content: flex-end !important; align-items: center !important; gap: 10px !important; width: auto !important; max-width: none !important; margin: 0 !important; } html.wlc-page-home .wlc-login-buttons .wlc-btn_login, html.wlc-page-home .wlc-login-buttons .wlc-main-menu-dropdown__button.wlc-btn_login, html.wlc-page-home .wlc-header-php-session-balance-text { background: #fff !important; color: #000 !important; border: 2px solid #fff !important; border-radius: 5px !important; padding: 8px 30px !important; font-weight: 500 !important; font-size: 13px !important; letter-spacing: normal; text-transform: none; font-family: Lato, sans-serif !important; box-shadow: none !important; margin: 0 !important; min-width: max-content !important; width: auto !important; flex: 0 0 auto !important; white-space: nowrap !important; line-height: 1.2 !important; } html.wlc-page-home .wlc-login-buttons .wlc-btn_signup, html.wlc-page-home .wlc-login-buttons .wlc-main-menu-dropdown__button.wlc-btn_signup, html.wlc-page-home .wlc-header-php-session-deposit { background: #33ae33 !important; color: #fff !important; border: 2px solid #33ae33 !important; border-radius: 5px !important; padding: 8px 30px !important; font-weight: 500 !important; font-size: 13px !important; letter-spacing: normal; text-transform: none; font-family: Lato, sans-serif !important; box-shadow: none !important; margin: 0 !important; min-width: max-content !important; width: auto !important; flex: 0 0 auto !important; white-space: nowrap !important; line-height: 1.2 !important; } html.wlc-page-home .wlc-login-buttons .wlc-btn_login:hover { background: #fbb203 !important; border-color: #fbb203 !important; color: #000 !important; } html.wlc-page-home .wlc-login-buttons .wlc-btn_signup:hover, html.wlc-page-home .wlc-header-php-session-deposit:hover { filter: brightness(1.06); } html.wlc-page-home .wlc-header-php-session-deposit { text-transform: uppercase !important; font-weight: 700 !important; } html.wlc-page-home .wlc-header-php-session .wlc-header-php-session-deposit, html.wlc-page-home .wlc-header-php-session-deposit { color: #fff !important; text-transform: uppercase !important; font-weight: 700 !important; background: #33ae33 !important; border: 2px solid #33ae33 !important; } /* Desktop: yellow dropdown under bomb (right drawer is mobile-only) */ html.wlc-page-home .wlc-user-menu, html.wlc-page-home #wlc-user-menu { display: block !important; } html.wlc-page-home .wlc-user-menu[hidden], html.wlc-page-home #wlc-user-menu[hidden] { display: none !important; } html.wlc-page-home #wlc-user-bomb-btn, html.wlc-page-home .wlc-user-bomb-wrap, html.wlc-page-home .wlc-user-bomb { position: relative !important; z-index: 2147483002 !important; pointer-events: auto !important; cursor: pointer !important; } /* Desktop: keep right drawer closed unless explicitly opened */ html.wlc-page-home #solhesapm2.goster:not(.profile-drawer-open):not(.profile-drawer-closing) { display: none !important; } html.wlc-page-home #solhesapm2.profile-drawer-open { display: block !important; visibility: visible !important; pointer-events: auto !important; z-index: 2147483646 !important; } /* --- Hero: full width between side pads, left edge = logo "c" --- */ html.wlc-page-home .wlc-banners-home { width: 100%; max-width: none; margin: 0; padding: clamp(12px, 2vw, 28px) var(--wlc-home-pad) 0; background: transparent; box-sizing: border-box; } html.wlc-page-home .wlc-banners-home__slider .row { margin-left: 0; margin-right: 0; } html.wlc-page-home .wlc-banners-home__slider .col { padding-left: 0; padding-right: 0; } html.wlc-page-home .wlc-banners-home__slider .swiper, html.wlc-page-home .wlc-banners-home__slider .mySwiper { width: 100%; max-width: 100%; border-radius: clamp(8px, 1vw, 14px); overflow: hidden; box-shadow: 0 12px 40px rgba(0, 0, 0, 0.55); } html.wlc-page-home .wlc-banners-home .swiper-slide, html.wlc-page-home .wlc-banners-home__slider .mySwiper .swiper-slide.wlc-home-catalog--new { width: 100% !important; max-width: 100% !important; margin-right: 0 !important; flex-shrink: 0; height: auto !important; aspect-ratio: var(--wlc-hero-aspect) !important; min-height: 240px !important; overflow: hidden; max-height: min(48vh, 520px) !important; background-size: cover !important; background-position: center center !important; box-sizing: border-box; } html.wlc-page-home .wlc-banners-home .swiper-wrapper { align-items: stretch; } html.wlc-page-home .wlc-banners-home .banner-wrp { display: flex; align-items: center; justify-content: center; padding: clamp(12px, 2vw, 24px); min-height: 100%; width: 100%; box-sizing: border-box; } html.wlc-page-home .wlc-banners-home .wlc-btn { background: #fbb203 !important; color: #000 !important; font-weight: 400 !important; text-transform: uppercase; letter-spacing: normal; font-family: Lato, sans-serif !important; padding: 8px 30px !important; border-radius: 5px !important; border: none !important; box-shadow: none !important; font-size: 14px !important; } html.wlc-page-home .wlc-banners-home .swiper-pagination { bottom: clamp(10px, 1.5vw, 20px) !important; } html.wlc-page-home .wlc-banners-home .swiper-pagination-bullet { background: rgba(255, 255, 255, 0.45); opacity: 1; transform: scale(clamp(0.9, 1vw, 1.1)); } html.wlc-page-home .wlc-banners-home .swiper-pagination-bullet-active { background: #ffb800; } /* Fluid images in home hero/last-wins only (avoid affecting casino/catalog thumbs on other routes) */ html.wlc-page-home .wlc-banners-home img:not(.wlc-hero-slide-img), html.wlc-page-home .wlc-section-last-wins img { max-width: 100%; height: auto; } /* Prevent accidental horizontal scroll on narrow-desktop zoom */ html.wlc-page-home body { overflow-x: hidden; } } /* Large monitors: slight height bump, still below previous tall hero */ @media (min-width: 1440px) { html.wlc-page-home { --wlc-hero-aspect: 14 / 5; --wlc-home-max: min(100vw - 2 * var(--wlc-home-pad), 1720px); } html.wlc-page-home .wlc-banners-home .swiper-slide { min-height: 260px; max-height: min(50vh, 560px); } } @media (min-width: 1920px) { html.wlc-page-home { --wlc-home-max: min(100vw - 2 * var(--wlc-home-pad), 1760px); } } /* --- Home: SON KAZANANLAR bar + section shell (all widths; Swiper shows 1 / 2 / 3 slides via JS) --- */ html.wlc-page-home .wlc-banners-home__stack { display: flex; flex-direction: column; width: 100%; } /* --- Mobile / tablet: hero slider must not overflow viewport --- */ @media (max-width: 1023px) { html.wlc-page-home, html.wlc-page-home body { overflow-x: hidden !important; max-width: 100vw; } html.wlc-page-home .wlc-banners-home { width: 100% !important; max-width: 100vw !important; margin: 0 !important; padding: 8px 10px 0 !important; box-sizing: border-box !important; overflow: hidden !important; } html.wlc-page-home .wlc-banners-home__slider, html.wlc-page-home .wlc-banners-home__slider.row, html.wlc-page-home .wlc-banners-home__stack, html.wlc-page-home .wlc-banners-home__slider .col { width: 100% !important; max-width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; padding-left: 0 !important; padding-right: 0 !important; box-sizing: border-box !important; } html.wlc-page-home .wlc-banners-home .swiper, html.wlc-page-home .wlc-banners-home .mySwiper { width: 100% !important; max-width: 100% !important; overflow: hidden !important; border-radius: 10px; } html.wlc-page-home .wlc-banners-home .swiper-wrapper { max-width: 100%; } html.wlc-page-home .wlc-banners-home .swiper-slide, html.wlc-page-home .wlc-banners-home .swiper-slide.wlc-home-catalog--new { width: 100% !important; max-width: 100% !important; margin-right: 0 !important; box-sizing: border-box !important; aspect-ratio: 16 / 9 !important; min-height: 140px !important; max-height: 220px !important; height: auto !important; background-size: cover !important; background-position: center center !important; overflow: hidden !important; } html.wlc-page-home .wlc-banners-home .banner-wrp { width: 100%; max-width: 100%; min-height: 100%; padding: 12px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; } html.wlc-page-home .wlc-banners-home .banner-wrp .wlc-btn { font-size: 12px !important; padding: 8px 16px !important; max-width: calc(100% - 24px); } html.wlc-page-home .wlc-banners-home img:not(.wlc-hero-slide-img) { max-width: 100% !important; width: 100% !important; height: auto !important; } html.wlc-page-home .wlc-banners-home .wlc-hero-slide-img { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover !important; object-position: center center !important; display: block !important; pointer-events: none !important; z-index: 0 !important; } html.wlc-page-home .wlc-banners-home .wlc-hero-slide-picture { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; display: block !important; pointer-events: none !important; z-index: 0 !important; } html.wlc-page-home .wlc-banners-home .wlc-hero-slide-picture .wlc-hero-slide-img { position: static !important; width: 100% !important; height: 100% !important; } html.wlc-page-home .wlc-banners-home .swiper-slide.wlc-home-catalog--new { overflow: hidden !important; } /* Mobile logged-in header: white balance | green PARA YATIR | bomb + badge (ref) */ html.wlc-page-home .wlc-login-buttons.wlc-desktop.wlc-header-php-session, html.wlc-page-home .wlc-login-buttons.wlc-header-php-session, html.wlc-page-home .wlc-main-menu__block_right.wlc-header-php-session .wlc-login-buttons { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: center !important; justify-content: flex-end !important; gap: 6px !important; column-gap: 6px !important; row-gap: 0 !important; max-width: none !important; width: auto !important; margin: 0 !important; padding: 0 !important; visibility: visible !important; opacity: 1 !important; } html.wlc-page-home .wlc-header-php-session-balance-text, html.wlc-page-home .wlc-login-buttons.wlc-header-php-session .wlc-header-php-session-balance-text, html.wlc-page-home .wlc-login-buttons.wlc-desktop.wlc-header-php-session .wlc-btn_login.wlc-header-php-session-balance-text, html.wlc-page-home .wlc-login-buttons.wlc-header-php-session .wlc-btn_login.wlc-header-php-session-balance-text, html.wlc-page-home span.wlc-header-php-session-balance-text, html.wlc-page-home .wlc-login-buttons.wlc-desktop .wlc-header-php-session-balance-text.wlc-btn_login { display: inline-flex !important; align-items: center !important; justify-content: center !important; background: #fff !important; color: #111 !important; border: none !important; border-radius: 5px !important; padding: 6px 14px !important; margin: 0 !important; font-size: 12px !important; font-weight: 700 !important; min-width: 0 !important; min-height: 32px !important; height: 32px !important; line-height: 1.1 !important; box-sizing: border-box !important; box-shadow: none !important; white-space: nowrap !important; flex: 0 0 auto !important; } html.wlc-page-home .wlc-header-php-session-deposit, html.wlc-page-home .wlc-login-buttons.wlc-header-php-session .wlc-header-php-session-deposit, html.wlc-page-home .wlc-login-buttons.wlc-desktop.wlc-header-php-session .wlc-btn_signup.wlc-header-php-session-deposit, html.wlc-page-home .wlc-login-buttons.wlc-header-php-session .wlc-btn_signup.wlc-header-php-session-deposit { display: inline-flex !important; align-items: center !important; justify-content: center !important; background: #33ae33 !important; color: #fff !important; border: none !important; border-radius: 5px !important; padding: 6px 12px !important; margin: 0 !important; font-size: 11px !important; font-weight: 800 !important; text-transform: uppercase !important; min-width: 0 !important; min-height: 32px !important; height: 32px !important; line-height: 1.1 !important; box-sizing: border-box !important; box-shadow: none !important; white-space: nowrap !important; flex: 0 0 auto !important; } html.wlc-page-home .wlc-user-bomb-wrap { position: relative !important; z-index: 2147483001 !important; flex: 0 0 auto !important; margin: 0 !important; padding: 0 !important; width: 34px !important; min-width: 34px !important; max-width: 34px !important; } html.wlc-page-home .wlc-user-bomb, html.wlc-page-home #wlc-user-bomb-btn { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 0 !important; padding: 0 !important; margin: 0 !important; width: 34px !important; height: 34px !important; min-width: 34px !important; min-height: 34px !important; border: 0 !important; background: transparent !important; position: relative !important; z-index: 5 !important; pointer-events: auto !important; touch-action: manipulation !important; -webkit-tap-highlight-color: transparent !important; cursor: pointer !important; } html.wlc-page-home .wlc-user-bomb__icon { position: relative !important; width: 34px !important; height: 34px !important; overflow: visible !important; pointer-events: none !important; } html.wlc-page-home .wlc-user-bomb__svg, html.wlc-page-home .wlc-user-bomb__icon svg { width: 34px !important; height: 34px !important; pointer-events: none !important; } html.wlc-page-home .wlc-user-bomb__badge { pointer-events: none !important; } html.wlc-page-home .wlc-user-bomb__badge { position: absolute !important; top: -3px !important; right: -5px !important; bottom: auto !important; left: auto !important; min-width: 18px !important; width: auto !important; height: 18px !important; padding: 0 4px !important; border-radius: 999px !important; line-height: 18px !important; font-size: 10px !important; font-weight: 800 !important; background: #28a745 !important; color: #fff !important; z-index: 3 !important; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4) !important; } /* Ref mobile header: no caret next to bomb */ html.wlc-page-home .wlc-user-bomb__caret { display: none !important; } /* Mobile: bomb opens #solhesapm2 — hide yellow dropdown */ html.wlc-page-home .wlc-user-menu, html.wlc-page-home #wlc-user-menu { display: none !important; } html.wlc-page-home .wlc-login-buttons.wlc-header-php-session, html.wlc-page-home .wlc-main-menu__block_right.wlc-header-php-session, html.wlc-page-home .wlc-header-left, html.wlc-page-home .wlc-header-main, html.wlc-page-home header { overflow: visible !important; } /* Ensure right profile drawer can open above chrome */ html.wlc-page-home #solhesapm2.wlc-nav-mobile, html.wlc-page-home #solhesapm2 { z-index: 2147483646 !important; } html.wlc-page-home #wlc-user-bomb-btn, html.wlc-page-home .wlc-user-bomb-wrap { position: relative !important; z-index: 2147483002 !important; pointer-events: auto !important; } /* Login/register modal: full-screen mobile (edge to edge) */ html.wlc-page-home #girismenu2.wlc-login-modal-dialog:not(.goster), html.wlc-page-home #uyeolmenu2.wlc-login-modal-dialog:not(.goster), html.wlc-page-home #uyeolmenu2.wlc-register-modal-dialog:not(.goster), html.wlc-page-home #girismenu2.modal-dialog:not(.goster), html.wlc-page-home #uyeolmenu2.modal-dialog:not(.goster), #girismenu2.modal-dialog.wlc-login-modal-dialog.wlc-auth-slide-in:not(.goster), #uyeolmenu2.modal-dialog.wlc-login-modal-dialog.wlc-auth-slide-in:not(.goster), #uyeolmenu2.modal-dialog.wlc-register-modal-dialog.wlc-auth-slide-in:not(.goster), #girismenu2.modal-dialog.wlc-login-modal-dialog:not(.goster), #uyeolmenu2.modal-dialog.wlc-login-modal-dialog:not(.goster), #uyeolmenu2.modal-dialog.wlc-register-modal-dialog:not(.goster) { position: fixed !important; inset: 0 !important; left: 0 !important; right: 0 !important; top: 0 !important; bottom: 0 !important; margin: 0 !important; padding: 0 !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; height: 100dvh !important; min-height: 100dvh !important; max-height: none !important; overflow-x: hidden !important; overflow-y: auto !important; box-sizing: border-box !important; border-radius: 0 !important; transform: translateY(-100%) !important; } html.wlc-page-home #girismenu2.wlc-login-modal-dialog.wlc-auth-slide-in:not(.goster), html.wlc-page-home #uyeolmenu2.wlc-login-modal-dialog.wlc-auth-slide-in:not(.goster), html.wlc-page-home #uyeolmenu2.wlc-register-modal-dialog.wlc-auth-slide-in:not(.goster), #girismenu2.wlc-login-modal-dialog.wlc-auth-slide-in:not(.goster), #uyeolmenu2.wlc-login-modal-dialog.wlc-auth-slide-in:not(.goster), #uyeolmenu2.wlc-register-modal-dialog.wlc-auth-slide-in:not(.goster) { transform: translateY(0) !important; opacity: 1 !important; } /* Deposit / payment picker: full-screen on mobile */ #wlc-deposit-modal.wlc-deposit-modal-wrap.wlc-login-modal-dialog:not(.goster), #wlc-bonus-picker-modal.wlc-bonus-picker-wrap.wlc-login-modal-dialog:not(.goster), #wlc-payment-method-modal.wlc-bonus-picker-wrap.wlc-login-modal-dialog:not(.goster), #wlc-deposit-confirm-modal.wlc-bonus-picker-wrap.wlc-login-modal-dialog:not(.goster), #wlc-withdraw-account-modal.wlc-bonus-picker-wrap.wlc-login-modal-dialog:not(.goster) { inset: 0 !important; top: 0 !important; bottom: 0 !important; left: 0 !important; right: 0 !important; width: 100% !important; max-width: 100% !important; height: 100dvh !important; min-height: 100dvh !important; max-height: none !important; margin: 0 !important; border-radius: 0 !important; overflow: hidden !important; display: flex !important; flex-direction: column !important; } #wlc-deposit-modal.wlc-deposit-modal-wrap.wlc-login-modal-dialog:not(.goster), #wlc-bonus-picker-modal.wlc-bonus-picker-wrap.wlc-login-modal-dialog:not(.goster), #wlc-payment-method-modal.wlc-bonus-picker-wrap.wlc-login-modal-dialog:not(.goster), #wlc-deposit-confirm-modal.wlc-bonus-picker-wrap.wlc-login-modal-dialog:not(.goster), #wlc-withdraw-account-modal.wlc-bonus-picker-wrap.wlc-login-modal-dialog:not(.goster) { transform: translateY(-100%) !important; } #wlc-deposit-modal.wlc-deposit-modal-wrap.wlc-login-modal-dialog.wlc-auth-slide-in:not(.goster), #wlc-bonus-picker-modal.wlc-bonus-picker-wrap.wlc-login-modal-dialog.wlc-auth-slide-in:not(.goster), #wlc-payment-method-modal.wlc-bonus-picker-wrap.wlc-login-modal-dialog.wlc-auth-slide-in:not(.goster), #wlc-deposit-confirm-modal.wlc-bonus-picker-wrap.wlc-login-modal-dialog.wlc-auth-slide-in:not(.goster), #wlc-withdraw-account-modal.wlc-bonus-picker-wrap.wlc-login-modal-dialog.wlc-auth-slide-in:not(.goster) { transform: translateY(0) !important; opacity: 1 !important; } #wlc-deposit-modal.wlc-deposit-modal-wrap.wlc-login-modal-dialog:not(.goster), #wlc-deposit-modal.wlc-deposit-modal-wrap.wlc-login-modal-dialog { border-radius: 20px 20px 0 0 !important; overflow: hidden !important; } #wlc-deposit-modal .wlc-deposit-modal__shell, #wlc-deposit-modal .wlc-deposit-modal-inner { border-radius: 20px 20px 0 0 !important; overflow: hidden !important; } #wlc-deposit-modal .wlc-deposit-modal__header { border-top-left-radius: 20px !important; border-top-right-radius: 20px !important; overflow: hidden !important; } html.wlc-page-home #girismenu2[data-wlc-auth-anchor="1"], html.wlc-page-home #uyeolmenu2[data-wlc-auth-anchor="1"], #girismenu2[data-wlc-auth-anchor="1"], #uyeolmenu2[data-wlc-auth-anchor="1"] { left: 0 !important; right: 0 !important; width: 100% !important; max-width: 100% !important; transform: translateY(0) !important; } html.wlc-page-home #girismenu2 .modal-content, html.wlc-page-home #uyeolmenu2 .modal-content, html.wlc-page-home #girismenu2 .wlc-modal, html.wlc-page-home #uyeolmenu2 .wlc-modal, #girismenu2 .modal-content, #uyeolmenu2 .modal-content, #girismenu2 .wlc-modal, #uyeolmenu2 .wlc-modal { width: 100% !important; max-width: 100% !important; min-width: 0 !important; box-sizing: border-box !important; border-radius: 0 !important; } } /* --- Theme popup (Yetersiz Bakiye / site chrome like 1077 yellow-header modal) --- */ body.wlc-theme-popup-open { overflow: hidden; } .wlc-theme-popup-backdrop { position: fixed; inset: 0; z-index: 2147483646; display: flex; align-items: center; justify-content: center; padding: 16px; box-sizing: border-box; background: rgba(0, 0, 0, 0.72); } .wlc-play-login-backdrop { background: rgba(21, 18, 17, 0.9) !important; backdrop-filter: none; -webkit-backdrop-filter: none; opacity: 0; transition: opacity 0.28s ease; } @media (min-width: 1024px) { .wlc-play-login-backdrop { align-items: center !important; justify-content: center !important; padding: 16px !important; } } .wlc-play-login-backdrop.wlc-play-login-backdrop--open { opacity: 1; } .wlc-play-login-backdrop .wlc-play-login-popup { transform: translateY(-110%); opacity: 0; transition: transform 0.38s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.28s ease; will-change: transform, opacity; } .wlc-play-login-backdrop.wlc-play-login-backdrop--open .wlc-play-login-popup { transform: translateY(0); opacity: 1; } .wlc-theme-popup { width: min(420px, calc(100vw - 24px)); max-height: calc(100dvh - 24px); overflow: hidden; border-radius: 6px; background: #1a1a1a; box-shadow: 0 16px 40px rgba(0, 0, 0, 0.65), 0 0 0 1px rgba(255, 255, 255, 0.06); font-family: Lato, sans-serif; } .wlc-play-login-popup { width: min(520px, calc(100vw - 24px)); } .wlc-play-login-popup__mobile { display: none; } .wlc-play-login-popup__desktop { display: block; } .wlc-play-login-popup__body { padding: 18px 20px 22px !important; text-align: center; } .wlc-play-login-popup__lead { margin: 0 0 16px !important; font-size: 15px !important; color: #fff !important; } .wlc-play-login-popup__form { margin: 0; text-align: left; } .wlc-play-login-popup__row { display: grid; grid-template-columns: 1fr 1fr; gap: 12px 14px; } .wlc-play-login-popup__field { min-width: 0; } .wlc-play-login-popup__label { display: block; margin: 0 0 6px; color: #ddd; font-size: 12px; font-weight: 500; } .wlc-play-login-popup__input { width: 100%; box-sizing: border-box; min-height: 36px; padding: 8px 12px; border: 0; border-radius: 4px; background: #fff; color: #111; font-size: 13px; font-family: Lato, sans-serif; } .wlc-play-login-popup__pass-wrap { position: relative; } .wlc-play-login-popup__pass-wrap .wlc-play-login-popup__input { padding-right: 40px; } .wlc-play-login-popup__eye { position: absolute; top: 50%; right: 8px; transform: translateY(-50%); width: 28px; height: 28px; border: 0; padding: 0; background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2'%3E%3Cpath d='M1 12s4-7 11-7 11 7 11 7-4 7-11 7S1 12 1 12z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E") center / 18px 18px no-repeat; cursor: pointer; } .wlc-play-login-popup__links { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin: 12px 0 16px; } .wlc-play-login-popup__link { color: #fbb203 !important; font-size: 13px; text-decoration: none !important; font-weight: 400; } .wlc-play-login-popup__link:hover { text-decoration: underline !important; } .wlc-play-login-popup__actions { text-align: center; } .wlc-play-login-popup .wlc-theme-popup__or { text-align: center; } .wlc-play-login-popup__actions .wlc-theme-popup__btn { min-width: 160px; } @media (max-width: 560px) { .wlc-play-login-popup__row { grid-template-columns: 1fr; } } .wlc-theme-popup__header { position: relative; display: flex; align-items: center; justify-content: center; min-height: 44px; background: #fbb203; padding: 0 44px; } .wlc-theme-popup__title { margin: 0; padding: 12px 8px; color: #000; font-size: 16px; font-weight: 700; line-height: 1.2; text-align: center; font-family: Lato, sans-serif; } .wlc-theme-popup__close { position: absolute; top: 50%; right: 8px; transform: translateY(-50%); width: 36px; height: 36px; display: inline-flex; align-items: center; justify-content: center; margin: 0; padding: 0; border: 0; background: transparent; cursor: pointer; } .wlc-theme-popup__body { padding: 22px 20px 20px; text-align: center; color: #fff; } .wlc-theme-popup__text { margin: 0 0 20px; color: #fff; font-size: 15px; line-height: 1.45; font-weight: 400; } .wlc-theme-popup__balance { display: flex; flex-direction: column; align-items: center; gap: 4px; margin: 0 0 16px; } .wlc-theme-popup__balance-label { color: rgba(255, 255, 255, 0.7); font-size: 12px; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; font-family: Lato, sans-serif; } .wlc-theme-popup__balance-value { color: #fbb203; font-size: 26px; font-weight: 800; line-height: 1.2; font-family: Lato, sans-serif; } .wlc-theme-popup__btn { display: inline-flex; align-items: center; justify-content: center; width: auto; min-width: 180px; max-width: 100%; margin: 0 auto; padding: 10px 28px; border: 0; border-radius: 4px; font-size: 13px; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; font-family: Lato, sans-serif; cursor: pointer; } .wlc-theme-popup__btn--primary { background: #fff; color: #000; } .wlc-theme-popup__btn--accent { background: #fbb203; color: #000; } .wlc-theme-popup__or { margin: 14px 0; color: #fff; font-size: 12px; font-weight: 500; letter-spacing: 0.06em; text-transform: uppercase; } @media (max-width: 480px) { .wlc-theme-popup { width: min(360px, calc(100vw - 20px)); } .wlc-theme-popup__btn { width: 100%; min-width: 0; } } html.wlc-page-home .wlc-section-last-wins { width: 100%; max-width: 100vw; overflow-x: hidden; padding-left: 0; padding-right: 0; } html.wlc-page-home .wlc-section-last-wins__title--home { text-transform: uppercase; font-weight: 400; letter-spacing: normal; color: #fff; font-family: Lato, sans-serif; } html.wlc-page-home .wlc-section-last-wins__title { width: 100%; max-width: none; margin-left: 0; margin-right: 0; padding: 0 var(--wlc-home-pad) 20px; font-size: 18px; font-weight: 400; text-transform: uppercase; color: #fff; margin-bottom: 0; margin-top: clamp(14px, 1.6vw, 22px); font-family: Lato, sans-serif; } html.wlc-page-home .wlc-last-wins.container, html.wlc-page-home .wlc-last-wins--home-bar.container { width: 100%; max-width: none; margin-left: 0; margin-right: 0; padding-left: var(--wlc-home-pad); padding-right: var(--wlc-home-pad); background-color: #121212 !important; overflow: visible; } html.wlc-page-home .wlc-last-wins-swiper--home { background: #1a1a1a; border-radius: 10px; overflow: hidden; border: 1px solid rgba(255, 255, 255, 0.06); box-shadow: none; } html.wlc-page-home .wlc-last-wins-swiper--home .swiper-wrapper { align-items: stretch; } html.wlc-page-home .wlc-last-wins-swiper--home .swiper-slide.wlc-last-wins-item { margin-right: 0 !important; box-sizing: border-box; border-right: 1px solid rgba(0, 0, 0, 0.55); height: auto; padding: clamp(10px, 1.2vw, 14px) clamp(10px, 1.1vw, 16px); } html.wlc-page-home .wlc-last-wins-swiper--home .swiper-slide.wlc-last-wins-item:last-child { border-right: none; } html.wlc-page-home .wlc-last-wins-swiper--home .wlc-item { display: grid; grid-template-columns: minmax(42px, 52px) minmax(0, 1fr) auto; grid-template-rows: auto auto; column-gap: clamp(8px, 1vw, 14px); row-gap: 2px; align-items: center; min-height: 48px; } html.wlc-page-home .wlc-last-wins-swiper--home .wlc-item-data { display: contents; } html.wlc-page-home .wlc-last-wins-swiper--home .wlc-item-data-user-block { display: contents; } html.wlc-page-home .wlc-last-wins-swiper--home .wlc-item__image { grid-column: 1; grid-row: 1 / span 2; margin: 0; align-self: center; } html.wlc-page-home .wlc-last-wins-swiper--home .wlc-item__image img { display: block; width: 100%; max-width: 52px; height: auto; aspect-ratio: 1; object-fit: cover; border-radius: 6px; } html.wlc-page-home .wlc-last-wins-swiper--home .wlc-item__name { grid-column: 2; grid-row: 1; margin: 0; align-self: end; } html.wlc-page-home .wlc-last-wins-swiper--home .wlc-item__name .wlc-name { color: #fff !important; font-weight: 400 !important; font-size: 14.4px !important; font-family: Lato, sans-serif !important; } html.wlc-page-home .wlc-last-wins-swiper--home .wlc-last-wins-game-block { grid-column: 2; grid-row: 2; margin: 0; align-self: start; min-width: 0; } html.wlc-page-home .wlc-last-wins-swiper--home .wlc-item__game a { text-decoration: none; color: #fff !important; font-size: 14.4px !important; font-weight: 700 !important; font-family: Lato, sans-serif !important; display: block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } html.wlc-page-home .wlc-last-wins-swiper--home .wlc-item__amount { grid-column: 3; grid-row: 1 / span 2; margin: 0; display: inline-flex; flex-direction: row; align-items: center; gap: 8px; justify-self: end; font-weight: 400 !important; color: #fbb203 !important; font-size: 21.6px !important; font-family: Lato, sans-serif !important; white-space: nowrap; } html.wlc-page-home .wlc-last-wins-swiper--home .wlc-amount, html.wlc-page-home .wlc-last-wins-swiper--home .wlc-amount__currency, html.wlc-page-home .wlc-last-wins-swiper--home .wlc-amount__value { font-weight: 400 !important; color: #fbb203 !important; font-size: 21.6px !important; font-family: Lato, sans-serif !important; } html.wlc-page-home .wlc-last-wins-swiper--home .wlc-item__currency { color: #fbb203; font-size: 0.95em; } html.wlc-page-home .wlc-last-wins-swiper--home .wlc-item__amount-decimal { display: none; } html.wlc-page-home .wlc-last-wins-swiper--home .wlc-item__amount::after { content: ""; display: inline-block; width: 24px; height: 24px; border-radius: 50%; flex-shrink: 0; background-color: #fbb203; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='10' viewBox='0 0 8 10'%3E%3Cpath fill='%23111' d='M0 0 L8 5 L0 10 Z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: 54% 50%; background-size: 7px 9px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.35); } html.wlc-page-home .wlc-last-wins-swiper--home .wlc-item__arrow { display: none !important; } /* Mobile / tablet: full-width slides, no half-peek, override SoftGamings grid */ @media (max-width: 1023px) { html.wlc-page-home .wlc-section-last-wins { overflow-x: hidden !important; max-width: 100vw !important; padding-left: 0 !important; padding-right: 0 !important; } html.wlc-page-home .wlc-section-last-wins__title { padding-left: 12px !important; padding-right: 12px !important; } html.wlc-page-home .wlc-last-wins.container, html.wlc-page-home .wlc-last-wins--home-bar.container { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 10px 12px !important; box-sizing: border-box !important; overflow: visible !important; } html.wlc-page-home .wlc-home-catalog .container, html.wlc-page-casino .wlc-home-catalog .container, html.wlc-page-livecasino .wlc-home-catalog .container { padding-left: 12px !important; padding-right: 12px !important; } html.wlc-page-home .wlc-last-wins-swiper--home { width: 100% !important; max-width: 100% !important; overflow: hidden !important; border-radius: 10px !important; } html.wlc-page-home .wlc-last-wins-swiper--home .swiper-wrapper { display: flex !important; align-items: stretch !important; } /* One full card per view on small screens — width set in max-width:767px block */ html.wlc-page-home .wlc-last-wins-swiper--home .swiper-slide.wlc-last-wins-item { box-sizing: border-box !important; height: auto !important; margin-right: 0 !important; padding: 12px 12px !important; border-right: 0 !important; flex-shrink: 0 !important; } /* SoftGamings hides prev slides — keep all card content visible during swipe */ html.wlc-page-home .wlc-last-wins-swiper--home .swiper-slide .wlc-item, html.wlc-page-home .wlc-last-wins-swiper--home .swiper-slide-prev .wlc-item, html.wlc-page-home .wlc-last-wins-swiper--home .swiper-slide-next .wlc-item { opacity: 1 !important; visibility: visible !important; } html.wlc-page-home .wlc-last-wins-swiper--home .wlc-item { display: grid !important; grid-template-columns: 48px minmax(0, 1fr) auto !important; grid-template-rows: auto auto !important; grid-template-areas: none !important; column-gap: 10px !important; row-gap: 2px !important; align-items: center !important; min-height: 52px !important; width: 100% !important; max-width: 100% !important; padding: 0 !important; gap: 2px 10px !important; box-sizing: border-box !important; } html.wlc-page-home .wlc-last-wins-swiper--home .wlc-item-data, html.wlc-page-home .wlc-last-wins-swiper--home .wlc-item-data-user-block { display: contents !important; } html.wlc-page-home .wlc-last-wins-swiper--home .wlc-item__image { grid-column: 1 !important; grid-row: 1 / span 2 !important; margin: 0 !important; padding: 0 !important; width: 48px !important; max-width: 48px !important; } html.wlc-page-home .wlc-last-wins-swiper--home .wlc-item__image img { width: 48px !important; height: 48px !important; max-width: 48px !important; object-fit: cover !important; border-radius: 6px !important; } html.wlc-page-home .wlc-last-wins-swiper--home .wlc-item__name { grid-column: 2 !important; grid-row: 1 !important; margin: 0 !important; min-width: 0 !important; } html.wlc-page-home .wlc-last-wins-swiper--home .wlc-item__name .wlc-name { font-size: 13px !important; display: block !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; } html.wlc-page-home .wlc-last-wins-swiper--home .wlc-last-wins-game-block { grid-column: 2 !important; grid-row: 2 !important; margin: 0 !important; min-width: 0 !important; } html.wlc-page-home .wlc-last-wins-swiper--home .wlc-item__game a { font-size: 12px !important; } html.wlc-page-home .wlc-last-wins-swiper--home .wlc-item__amount { grid-column: 3 !important; grid-row: 1 / span 2 !important; grid-area: auto !important; margin: 0 !important; font-size: 15px !important; gap: 6px !important; width: auto !important; max-width: 46vw !important; justify-self: end !important; } html.wlc-page-home .wlc-last-wins-swiper--home .wlc-amount, html.wlc-page-home .wlc-last-wins-swiper--home .wlc-amount__currency, html.wlc-page-home .wlc-last-wins-swiper--home .wlc-amount__value, html.wlc-page-home .wlc-last-wins-swiper--home .wlc-item__amount-int, html.wlc-page-home .wlc-last-wins-swiper--home .wlc-item__currency { font-size: 15px !important; } html.wlc-page-home .wlc-last-wins-swiper--home .wlc-item__amount::after { width: 20px !important; height: 20px !important; background-size: 6px 8px !important; } } @media (min-width: 768px) and (max-width: 1023px) { html.wlc-page-home .wlc-last-wins-swiper--home .swiper-slide.wlc-last-wins-item { flex: 0 0 50% !important; width: 50% !important; max-width: 50% !important; box-sizing: border-box !important; } } /* Desktop: 4 equal cards — Swiper must control slide width, not content auto-width */ @media (min-width: 1024px) { html.wlc-page-home .wlc-last-wins-swiper--home .swiper-slide.wlc-last-wins-item { flex: 0 0 25% !important; width: 25% !important; max-width: 25% !important; margin-right: 0 !important; box-sizing: border-box !important; } } @media (max-width: 767px) { html.wlc-page-home .wlc-last-wins-swiper--home .swiper-slide.wlc-last-wins-item { flex: 0 0 100% !important; width: 100% !important; max-width: 100% !important; } html.wlc-page-home .wlc-last-wins-swiper--home .wlc-item { grid-template-columns: 44px minmax(0, 1fr) auto !important; column-gap: 8px !important; } html.wlc-page-home .wlc-last-wins-swiper--home .wlc-item__image, html.wlc-page-home .wlc-last-wins-swiper--home .wlc-item__image img { width: 44px !important; height: 44px !important; max-width: 44px !important; } html.wlc-page-home .wlc-last-wins-swiper--home .wlc-item__amount { font-size: 14px !important; gap: 5px !important; } html.wlc-page-home .wlc-last-wins-swiper--home .wlc-item__amount::after { width: 18px !important; height: 18px !important; background-size: 5px 7px !important; } } /* --- Desktop auth: SoftGamings inline dropdown (not yellow Hoşgeldiniz modal) --- */ @media (min-width: 1024px) { html.wlc-page-home .wlc-login-buttons .wlc-btn_login { background: #fff !important; color: #000 !important; border: 2px solid #fff !important; border-radius: 5px !important; font-weight: 500 !important; font-size: 13px !important; font-family: Lato, sans-serif !important; min-height: 0 !important; padding: 8px 30px !important; } html.wlc-page-home .wlc-login-buttons .wlc-btn_signup { background: #33ae33 !important; color: #fff !important; border: 2px solid #33ae33 !important; border-radius: 5px !important; font-weight: 500 !important; font-size: 13px !important; font-family: Lato, sans-serif !important; min-height: 0 !important; padding: 8px 30px !important; text-transform: none !important; } html[class*="wlc-page-"] .wlc-header-right .wlc-login-buttons:not(.wlc-header-php-session) { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: center !important; justify-content: flex-end !important; gap: 12px !important; column-gap: 12px !important; margin: 0 !important; padding: 0 !important; } html[class*="wlc-page-"] .wlc-header-right .wlc-login-buttons:not(.wlc-header-php-session) > .wlc-btn_login + .wlc-btn_signup, html[class*="wlc-page-"] .wlc-header-right .wlc-login-buttons:not(.wlc-header-php-session) > .wlc-main-menu-dropdown__button.wlc-btn_login + .wlc-main-menu-dropdown__button.wlc-btn_signup { margin-left: 0 !important; } html[class*="wlc-page-"] .wlc-header-right .wlc-login-buttons:not(.wlc-header-php-session) .wlc-btn_login, html[class*="wlc-page-"] .wlc-header-right .wlc-login-buttons:not(.wlc-header-php-session) .wlc-btn_signup, html[class*="wlc-page-"] .wlc-header-right .wlc-login-buttons:not(.wlc-header-php-session) .wlc-main-menu-dropdown__button { margin: 0 !important; flex: 0 0 auto !important; } /* SoftGamings native dropdown under header buttons */ html.wlc-page-home .wlc-main-menu__block_right, html.wlc-page-home .login-signup-dropdown, html.wlc-page-home .wlc-login-buttons.wlc-desktop { position: relative !important; } html.wlc-page-home .login-signup-dropdown__form { display: block !important; visibility: visible !important; z-index: 2147483000 !important; position: fixed !important; width: 370px !important; max-width: min(370px, calc(100vw - 24px)) !important; background: #151211 !important; overflow: hidden !important; border-radius: 0 !important; box-shadow: 0 12px 32px rgba(0, 0, 0, 0.55) !important; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: top right; transform-origin: top right; -webkit-transition: -webkit-transform 0.35s linear; transition: transform 0.35s linear; pointer-events: none !important; opacity: 1 !important; } html.wlc-page-home .login-signup-dropdown__form.wlc-soft-auth--register { width: 480px !important; max-width: min(480px, calc(100vw - 24px)) !important; -webkit-transform-origin: top right; transform-origin: top right; } html.wlc-page-home .login-signup-dropdown__form[data-wlc-auth-anchor="1"] { right: auto !important; bottom: auto !important; } html.wlc-page-home .login-signup-dropdown__form.login-signup-dropdown__form--open, html.wlc-page-home .login-signup-dropdown__form--open { -webkit-transform: scaleY(1) !important; transform: scaleY(1) !important; pointer-events: auto !important; z-index: 2147483000 !important; position: fixed !important; opacity: 1 !important; } html.wlc-page-home .login-signup-dropdown__out-click { display: none !important; position: fixed !important; inset: 0 !important; z-index: 10040 !important; background: transparent !important; pointer-events: auto !important; } html.wlc-page-home .login-signup-dropdown__out-click.login-signup-dropdown__out-click--open, html.wlc-page-home .login-signup-dropdown__out-click--open { display: block !important; } /* Bonuses: hide Şartları oku entirely */ html.wlc-page-home .wlc-btn--more, html.wlc-page-home [data-wlc-modal="bonusDescription"], html.wlc-page-home .item-buttons__btn:has(.wlc-btn--more) { display: none !important; visibility: hidden !important; pointer-events: none !important; width: 0 !important; height: 0 !important; overflow: hidden !important; margin: 0 !important; padding: 0 !important; border: 0 !important; } /* SoftGamings-like casino toolbar: cats LEFT + yellow filter/search RIGHT — one row */ html.wlc-page-home .wlc-casino-toolbar-wrap { width: 100%; max-width: none; margin: 0; padding: 10px var(--wlc-home-pad) 0; box-sizing: border-box; } html.wlc-page-home .wlc-casino-toolbar { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: flex-end !important; gap: 12px !important; width: 100% !important; max-width: 100% !important; margin: 0 0 14px !important; padding: 0 !important; box-sizing: border-box !important; overflow: visible !important; } html.wlc-page-home .wlc-casino-toolbar .wlc-casino-menu-strip { flex: 1 1 auto !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; width: auto !important; max-width: none !important; } html.wlc-page-home .wlc-casino-toolbar .wlc-casino-menu-strip__btn { display: none !important; } html.wlc-page-home .wlc-casino-toolbar .wlc-casino-menu-scroll, html.wlc-page-home .wlc-casino-toolbar .wlc-casino-menu-strip__inner { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: flex-end !important; gap: 0 !important; min-height: 75px !important; height: 75px !important; overflow-x: auto !important; overflow-y: hidden !important; -webkit-overflow-scrolling: touch; scrollbar-width: none; -webkit-mask-image: none !important; mask-image: none !important; } html.wlc-page-home .wlc-casino-toolbar .wlc-casino-menu-scroll::-webkit-scrollbar, html.wlc-page-home .wlc-casino-toolbar .wlc-casino-menu-strip__inner::-webkit-scrollbar { display: none !important; height: 0 !important; } html.wlc-page-home .wlc-casino-toolbar .wlc-casino-menu-strip__inner a, html.wlc-page-home .wlc-casino-toolbar .wlc-custom-menu__link { flex: 0 0 auto !important; white-space: nowrap !important; text-transform: uppercase !important; min-width: 0 !important; max-width: none !important; height: 75px !important; padding: 0 4px !important; font-size: 14px !important; font-weight: 700 !important; justify-content: space-between !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } html.wlc-page-home .wlc-casino-toolbar .wlc-casino-menu-strip__ico { width: 33px !important; min-width: 33px !important; max-width: 55px !important; height: 44px !important; margin: 0 auto !important; background: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; color: #fff !important; } html.wlc-page-home .wlc-casino-toolbar .wlc-casino-menu-strip__ico svg { width: 33px !important; height: 44px !important; max-width: 55px !important; max-height: 44px !important; display: block !important; margin: 0 auto !important; } html.wlc-page-home .wlc-casino-toolbar .wlc-casino-menu-strip__label { display: block !important; font-size: inherit !important; font-weight: inherit !important; line-height: 1.15 !important; letter-spacing: 0.02em !important; text-align: center !important; color: inherit !important; padding-bottom: 2px !important; } html.wlc-page-home .wlc-casino-toolbar .wlc-casino-menu-strip__scroll-hint { flex: 0 0 auto !important; align-self: flex-end !important; padding: 0 2px 10px 6px !important; color: rgba(255, 255, 255, 0.55) !important; font-size: 22px !important; line-height: 1 !important; font-weight: 300 !important; } html.wlc-page-home .wlc-casino-toolbar .cb-casino-search { flex: 0 0 auto !important; margin: 0 !important; padding: 0 !important; width: auto !important; max-width: none !important; } html.wlc-page-home .wlc-casino-toolbar .cb-casino-search__row { display: flex !important; flex-direction: row !important; align-items: stretch !important; gap: 10px !important; width: auto !important; min-height: 35px !important; } html.wlc-page-home .wlc-casino-toolbar .cb-casino-search__provider { flex: 0 0 220px !important; max-width: 240px !important; min-width: 0 !important; width: 220px !important; } html.wlc-page-home .wlc-casino-toolbar .cb-casino-search__field { flex: 0 0 180px !important; max-width: 200px !important; min-width: 0 !important; width: 180px !important; } html.wlc-page-home .wlc-casino-toolbar .wlc-custom-menu__link--active, html.wlc-page-home .wlc-livecasino-category-strip .wlc-custom-menu__link--active { color: #ffb100 !important; } html.wlc-page-home .wlc-casino-toolbar .wlc-custom-menu__link--active .wlc-casino-menu-strip__ico svg, html.wlc-page-home .wlc-casino-toolbar .wlc-custom-menu__link--active .wlc-casino-menu-strip__ico svg path, html.wlc-page-home .wlc-casino-toolbar .wlc-custom-menu__link--active .wlc-casino-menu-strip__ico svg circle, html.wlc-page-home .wlc-casino-toolbar .wlc-custom-menu__link--active .wlc-casino-menu-strip__ico svg rect, html.wlc-page-home .wlc-livecasino-category-strip .wlc-custom-menu__link--active .wlc-casino-menu-strip__ico svg, html.wlc-page-home .wlc-livecasino-category-strip .wlc-custom-menu__link--active .wlc-casino-menu-strip__ico svg path, html.wlc-page-home .wlc-livecasino-category-strip .wlc-custom-menu__link--active .wlc-casino-menu-strip__ico svg circle, html.wlc-page-home .wlc-livecasino-category-strip .wlc-custom-menu__link--active .wlc-casino-menu-strip__ico svg rect { fill: #ffb100 !important; stroke: #ffb100 !important; } /* SoftGamings-like casino search (yellow provider + white search) */ html.wlc-page-home .cb-casino-search { font-family: Lato, sans-serif !important; margin: 0 0 14px !important; padding: 0 !important; max-width: 100% !important; } html.wlc-page-home .cb-casino-search__row { display: flex !important; flex-direction: row !important; align-items: stretch !important; gap: 12px !important; min-height: 35px !important; } html.wlc-page-home .cb-casino-search__provider { flex: 1 1 auto !important; min-width: 0 !important; } html.wlc-page-home .cb-casino-search__provider-btn.wlc-filter_merchants, html.wlc-page-home .wlc-filter_merchants.cb-casino-search__provider-btn { height: 35px !important; min-height: 35px !important; background: #ffb100 !important; border-radius: 5px !important; border: 0 !important; box-shadow: 0 0 4px rgba(0, 0, 0, 0.95) !important; } html.wlc-page-home .cb-casino-search__field { flex: 0 1 320px !important; max-width: 34% !important; min-height: 35px !important; height: 35px !important; background: #fff !important; border-radius: 5px !important; border: 1px solid rgba(0, 0, 0, 0.08) !important; } html.wlc-page-home .cb-casino-search__input { font-family: Lato, sans-serif !important; color: #1c1a19 !important; } html.wlc-page-home .login-signup-dropdown__form .wlc-tabs-header { display: flex !important; border-bottom: 1px solid #33ae33 !important; margin: 0 !important; } html.wlc-page-home .login-signup-dropdown__form .wlc-tabs-header .item { flex: 1 1 50% !important; max-width: 50% !important; margin: 0 !important; padding: 12px 8px !important; text-align: center !important; background: #151211 !important; border-bottom: 0 !important; cursor: pointer !important; } html.wlc-page-home .login-signup-dropdown__form .wlc-tabs-header .item.item-active { background: #33ae33 !important; } html.wlc-page-home .login-signup-dropdown__form .wlc-tabs-header .item__title { color: #fff !important; font-size: 16px !important; font-weight: 700 !important; font-family: Lato, sans-serif !important; } html.wlc-page-home .login-signup-dropdown__form .item-login__content, html.wlc-page-home .login-signup-dropdown__form .wlc-signup-register__wrapper { padding: 14px 20px 18px !important; } html.wlc-page-home .login-signup-dropdown__form .wlc-social, html.wlc-page-home .login-signup-dropdown__form .wlc-social-wrapper, html.wlc-page-home .login-signup-dropdown__form .wlc-form-separator, html.wlc-page-home .login-signup-dropdown__form .wlc-content-row.wlc-social { display: none !important; } html.wlc-page-home .login-signup-dropdown__form .wlc-label { color: #cfcfcf !important; font-size: 12px !important; margin-bottom: 5px !important; } html.wlc-page-home .login-signup-dropdown__form .wlc-input { background: #fff !important; color: #111 !important; border: 0 !important; border-radius: 4px !important; min-height: 36px !important; height: 36px !important; padding: 6px 12px !important; font-size: 13px !important; width: 100% !important; box-sizing: border-box !important; } html.wlc-page-home .login-signup-dropdown__form .wlc-form-block { margin-bottom: 10px !important; } html.wlc-page-home .login-signup-dropdown__form .wlc-form__buttons { display: flex !important; justify-content: center !important; margin-top: 12px !important; } html.wlc-page-home .login-signup-dropdown__form .wlc-btn_submit { background: #fff !important; color: #000 !important; border: 0 !important; border-radius: 4px !important; font-weight: 700 !important; font-size: 13px !important; font-family: Lato, sans-serif !important; text-transform: uppercase !important; letter-spacing: 0.04em; padding: 10px 28px !important; min-width: 140px !important; } html.wlc-page-home .login-signup-dropdown__form .wlc-btn_link, html.wlc-page-home .login-signup-dropdown__form [data-wlc-element="button_forgot-password"] { color: #acacac !important; font-size: 14px !important; text-decoration: underline !important; background: transparent !important; border: 0 !important; } html.wlc-page-home .login-signup-dropdown__form .wlc-tabs-body .item { display: none !important; } html.wlc-page-home .login-signup-dropdown__form .wlc-tabs-body .item.active { display: block !important; } /* Fallback modals (uyeolmenu2 / girismenu2): SoftGamings green tabs, not yellow Hoşgeldiniz */ #girismenu2.wlc-login-modal-dialog[data-wlc-auth-anchor="1"], #girismenu2.wlc-login-modal-dialog:not(.goster), html.wlc-page-home #girismenu2[data-wlc-auth-anchor="1"] { width: 370px !important; max-width: 370px !important; max-height: calc(100dvh - 24px) !important; overflow: visible !important; z-index: 2147483647 !important; transform: none !important; margin: 0 !important; padding: 0 !important; position: fixed !important; } #uyeolmenu2.wlc-login-modal-dialog[data-wlc-auth-anchor="1"], #uyeolmenu2.wlc-register-modal-dialog[data-wlc-auth-anchor="1"], html.wlc-page-home #uyeolmenu2[data-wlc-auth-anchor="1"] { width: min(480px, calc(100vw - 24px)) !important; max-width: 480px !important; max-height: calc(100dvh - 24px) !important; overflow: visible !important; z-index: 2147483647 !important; transform: none !important; margin: 0 !important; padding: 0 !important; position: fixed !important; } #girismenu2[data-wlc-auth-anchor="1"], #uyeolmenu2[data-wlc-auth-anchor="1"] { overflow-x: hidden !important; right: auto !important; bottom: auto !important; } #girismenu2[data-wlc-auth-anchor="1"] .wlc-modal__body, #uyeolmenu2[data-wlc-auth-anchor="1"] .wlc-modal__body { overflow-x: hidden !important; box-sizing: border-box !important; } #girismenu2[data-wlc-auth-kind="login"] .modal-content, #girismenu2[data-wlc-auth-anchor="1"]:not([data-wlc-auth-kind="register"]) .modal-content { -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: top right; transform-origin: top right; -webkit-transition: -webkit-transform 0.35s linear; transition: transform 0.35s linear; opacity: 1; } #uyeolmenu2[data-wlc-auth-kind="register"] .modal-content, #uyeolmenu2[data-wlc-auth-anchor="1"] .modal-content { -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: top right; transform-origin: top right; -webkit-transition: -webkit-transform 0.35s linear; transition: transform 0.35s linear; opacity: 1; } #girismenu2[data-wlc-auth-anchor="1"].wlc-auth-slide-in:not(.goster) .modal-content, #uyeolmenu2[data-wlc-auth-anchor="1"].wlc-auth-slide-in:not(.goster) .modal-content { -webkit-transform: scaleY(1) !important; transform: scaleY(1) !important; opacity: 1 !important; } #girismenu2 .modal-content, #uyeolmenu2 .modal-content, #girismenu2[data-wlc-auth-anchor="1"] .modal-content, #uyeolmenu2[data-wlc-auth-anchor="1"] .modal-content { border: 0 !important; border-radius: 0 !important; overflow: hidden !important; background: #151211 !important; box-shadow: 0 12px 32px rgba(0, 0, 0, 0.55) !important; } #girismenu2 .wlc-modal.wlc-modal_login-signup, #uyeolmenu2 .wlc-modal.wlc-modal_login-signup, #girismenu2[data-wlc-auth-anchor="1"] .wlc-modal.wlc-modal_login-signup, #uyeolmenu2[data-wlc-auth-anchor="1"] .wlc-modal.wlc-modal_login-signup { border-radius: 0 !important; background: #151211 !important; } #girismenu2 .modal-header, #uyeolmenu2 .modal-header, #girismenu2[data-wlc-auth-anchor="1"] .modal-header, #uyeolmenu2[data-wlc-auth-anchor="1"] .modal-header { padding: 0 !important; margin: 0 !important; border: 0 !important; background: transparent !important; } #girismenu2 .wlc-modal__header, #uyeolmenu2 .wlc-modal__header, #girismenu2[data-wlc-auth-anchor="1"] .wlc-modal__header, #uyeolmenu2[data-wlc-auth-anchor="1"] .wlc-modal__header { display: flex !important; align-items: stretch; justify-content: stretch; background: #151211 !important; border-radius: 0 !important; border-bottom: 1px solid #33ae33 !important; padding: 0 !important; min-height: 44px !important; position: relative; } #girismenu2 .wlc-modal-title, #uyeolmenu2 .wlc-modal-title, #girismenu2[data-wlc-auth-anchor="1"] .wlc-modal-title, #uyeolmenu2[data-wlc-auth-anchor="1"] .wlc-modal-title { display: none !important; } #girismenu2 .wlc-modal-close, #uyeolmenu2 .wlc-modal-close, #girismenu2[data-wlc-auth-anchor="1"] .wlc-modal-close, #uyeolmenu2[data-wlc-auth-anchor="1"] .wlc-modal-close { display: none !important; } .wlc-auth-dd-tabs { display: flex !important; width: 100% !important; margin: 0 !important; } .wlc-auth-dd-tabs__btn { flex: 1 1 50%; margin: 0; padding: 12px 8px; border: 0; background: #151211; color: #fff; font-size: 16px; font-weight: 700; font-family: Lato, sans-serif; cursor: pointer; } .wlc-auth-dd-tabs__btn.is-active { background: #33ae33 !important; color: #fff !important; } #girismenu2 .wlc-modal__body, #uyeolmenu2 .wlc-modal__body, #girismenu2[data-wlc-auth-anchor="1"] .wlc-modal__body, #uyeolmenu2[data-wlc-auth-anchor="1"] .wlc-modal__body { background: #151211 !important; padding: 14px 16px 16px !important; color: #fff !important; } #girismenu2 .wlc-social-wrapper, #girismenu2 .wlc-form-separator, #girismenu2 .wlc-social, #uyeolmenu2 #wlc_reg_passport, #uyeolmenu2 label[for="wlc_reg_passport"], #girismenu2[data-wlc-auth-anchor="1"] .wlc-social-wrapper, #girismenu2[data-wlc-auth-anchor="1"] .wlc-form-separator, #girismenu2[data-wlc-auth-anchor="1"] .wlc-social, #uyeolmenu2[data-wlc-auth-anchor="1"] #wlc_reg_passport, #uyeolmenu2[data-wlc-auth-anchor="1"] label[for="wlc_reg_passport"] { display: none !important; } #girismenu2 a[data-wlc-element="button_register"], #girismenu2[data-wlc-auth-anchor="1"] a[data-wlc-element="button_register"] { display: inline !important; color: #acacac !important; font-size: 13px !important; font-weight: 400 !important; text-decoration: underline !important; } #uyeolmenu2 .wlc-form-block:has(#wlc_reg_passport), #uyeolmenu2[data-wlc-auth-anchor="1"] .wlc-form-block:has(#wlc_reg_passport) { display: none !important; } #girismenu2 .wlc-label, #uyeolmenu2 .wlc-label, #girismenu2[data-wlc-auth-anchor="1"] .wlc-label, #uyeolmenu2[data-wlc-auth-anchor="1"] .wlc-label { color: #cfcfcf !important; font-size: 12px !important; font-weight: 500 !important; margin-bottom: 5px !important; } #girismenu2 .wlc-input, #uyeolmenu2 .wlc-input, #girismenu2 select.wlc-input, #uyeolmenu2 select.wlc-input, #girismenu2[data-wlc-auth-anchor="1"] .wlc-input, #uyeolmenu2[data-wlc-auth-anchor="1"] .wlc-input, #girismenu2[data-wlc-auth-anchor="1"] select.wlc-input, #uyeolmenu2[data-wlc-auth-anchor="1"] select.wlc-input, html.wlc-page-home #girismenu2 .wlc-input, html.wlc-page-home #uyeolmenu2 .wlc-input { background: #fff !important; color: #111 !important; border: 0 !important; border-radius: 4px !important; min-height: 34px !important; height: 34px !important; padding: 6px 12px !important; font-size: 13px !important; line-height: 1.2 !important; box-shadow: none !important; width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; } #girismenu2 .wlc-form-block, #uyeolmenu2 .wlc-form-block, #girismenu2 .wlc-form-block_password, #uyeolmenu2 .wlc-form-block_password, #girismenu2[data-wlc-auth-anchor="1"] .wlc-form-block, #uyeolmenu2[data-wlc-auth-anchor="1"] .wlc-form-block, #girismenu2[data-wlc-auth-anchor="1"] .wlc-form-block_password, #uyeolmenu2[data-wlc-auth-anchor="1"] .wlc-form-block_password { margin-bottom: 10px !important; width: 100% !important; } /* Register: password + currency on one row (like reference) */ #uyeolmenu2[data-wlc-auth-anchor="1"] #wlc_register_modal_form, #uyeolmenu2 #wlc_register_modal_form { display: flex; flex-direction: column; } #uyeolmenu2[data-wlc-auth-anchor="1"] .wlc-form-content, #uyeolmenu2 .wlc-form-content { display: grid; grid-template-columns: 1fr 1fr; gap: 10px 12px; align-items: start; order: 1; width: 100% !important; max-width: 100% !important; } #uyeolmenu2[data-wlc-auth-anchor="1"] .wlc-form-content > div[style*="grid-template-columns"], #uyeolmenu2[data-wlc-auth-anchor="1"] .wlc-form-block_email, #uyeolmenu2[data-wlc-auth-anchor="1"] .wlc-form-block__restore, #uyeolmenu2[data-wlc-auth-anchor="1"] .wlc-checkbox-row, #uyeolmenu2[data-wlc-auth-anchor="1"] label.wlc-checkbox, #uyeolmenu2[data-wlc-auth-anchor="1"] .wlc-reg-checks, #uyeolmenu2[data-wlc-auth-anchor="1"] .wlc-form-content > .wlc-form-block:not(.wlc-form-block_password) { grid-column: 1 / -1; } #uyeolmenu2[data-wlc-auth-anchor="1"] .wlc-form-block_password { grid-column: 1 / 2; margin-bottom: 0 !important; width: 100%; min-width: 0; } #uyeolmenu2[data-wlc-auth-anchor="1"] .wlc-form-block_email:has(#wlc_reg_currency) { grid-column: 2 / 3; margin-bottom: 0 !important; width: 100%; min-width: 0; } #uyeolmenu2[data-wlc-auth-anchor="1"] .wlc-form-bottom { order: 2; } #uyeolmenu2[data-wlc-auth-anchor="1"] .wlc-form-block__restore { order: 3; grid-column: 1 / -1; } #girismenu2[data-wlc-auth-anchor="1"] #login_form, #girismenu2 #login_form { display: flex; flex-direction: column; } #girismenu2[data-wlc-auth-anchor="1"] .wlc-form-content, #girismenu2 .wlc-form-content { display: grid !important; grid-template-columns: 1fr 1fr; gap: 12px 14px; width: 100% !important; } #girismenu2[data-wlc-auth-anchor="1"] .wlc-form-block, #girismenu2[data-wlc-auth-anchor="1"] .wlc-form-block_password, #girismenu2[data-wlc-auth-anchor="1"] .wlc-form-block_email { order: 1; margin-bottom: 0 !important; min-width: 0; } #girismenu2[data-wlc-auth-anchor="1"] .wlc-form-block__restore, #girismenu2 .wlc-form-block__restore { display: flex !important; justify-content: space-between !important; align-items: center !important; order: 3; margin-top: 10px !important; width: 100%; grid-column: 1 / -1; } #girismenu2[data-wlc-auth-anchor="1"] .wlc-form-bottom, #girismenu2 .wlc-form-bottom { order: 4; margin-top: 12px; text-align: center !important; justify-content: center !important; } #girismenu2 a[data-wlc-element="button_forgot-password"], #girismenu2 #wlc-btn-restore, #girismenu2[data-wlc-auth-anchor="1"] a[data-wlc-element="button_forgot-password"], #girismenu2[data-wlc-auth-anchor="1"] #wlc-btn-restore { color: #acacac !important; text-decoration: underline !important; font-size: 13px !important; font-weight: 400 !important; } #girismenu2 .wlc-btn_submit, #girismenu2 button[type="submit"].wlc-btn, #girismenu2[data-wlc-auth-anchor="1"] .wlc-btn_submit, #girismenu2[data-wlc-auth-anchor="1"] button[type="submit"].wlc-btn { display: inline-flex !important; align-items: center; justify-content: center; width: auto !important; min-width: 140px !important; max-width: 180px !important; margin: 8px auto 0 !important; background: #fff !important; color: #000 !important; border: 0 !important; border-radius: 4px !important; font-weight: 700 !important; letter-spacing: 0.04em; text-transform: uppercase; padding: 10px 28px !important; font-size: 13px !important; font-family: Lato, sans-serif !important; } #uyeolmenu2 .wlc-btn_submit, #uyeolmenu2 button[type="submit"].wlc-btn, #uyeolmenu2[data-wlc-auth-anchor="1"] .wlc-btn_submit, #uyeolmenu2[data-wlc-auth-anchor="1"] button[type="submit"].wlc-btn { display: inline-flex !important; align-items: center; justify-content: center; width: auto !important; min-width: 160px !important; max-width: 220px !important; margin: 12px auto 0 !important; background: #fbb203 !important; color: #000 !important; border: 0 !important; border-radius: 4px !important; font-weight: 700 !important; letter-spacing: 0.04em; text-transform: uppercase; padding: 10px 28px !important; font-size: 13px !important; font-family: Lato, sans-serif !important; } #uyeolmenu2 a[data-wlc-element="link_have-account"], #uyeolmenu2[data-wlc-auth-anchor="1"] a[data-wlc-element="link_have-account"] { display: block; text-align: center; color: #fbb203 !important; text-decoration: none !important; margin-top: 12px; font-size: 13px; } #uyeolmenu2 .wlc-checkbox, #uyeolmenu2 label[for*="wlc_reg"], #uyeolmenu2[data-wlc-auth-anchor="1"] .wlc-checkbox, #uyeolmenu2[data-wlc-auth-anchor="1"] label[for*="wlc_reg"] { color: #eee !important; } #wlc-login-modal-backdrop.wlc-login-modal-backdrop:not(.goster), #wlc-register-modal-backdrop.wlc-login-modal-backdrop:not(.goster) { background: rgba(0, 0, 0, 0.55) !important; } } /* --- Deposit / history desktop polish: centered popup + slide-down --- */ @media (min-width: 1024px) { html.wlc-page-home #wlc-deposit-modal-backdrop.wlc-login-modal-backdrop:not(.goster), html.wlc-page-home #wlc-bonus-picker-modal-backdrop.wlc-login-modal-backdrop:not(.goster), html.wlc-page-home #wlc-payment-method-modal-backdrop.wlc-login-modal-backdrop:not(.goster), html.wlc-page-home #wlc-withdraw-account-modal-backdrop.wlc-login-modal-backdrop:not(.goster), html.wlc-page-home #wlc-deposit-confirm-backdrop.wlc-login-modal-backdrop:not(.goster) { background: rgba(0, 0, 0, 0.72) !important; } html.wlc-page-home #wlc-deposit-modal-backdrop.wlc-login-modal-backdrop.wlc-auth-backdrop-in:not(.goster), html.wlc-page-home #wlc-bonus-picker-modal-backdrop.wlc-login-modal-backdrop.wlc-auth-backdrop-in:not(.goster), html.wlc-page-home #wlc-payment-method-modal-backdrop.wlc-login-modal-backdrop.wlc-auth-backdrop-in:not(.goster), html.wlc-page-home #wlc-withdraw-account-modal-backdrop.wlc-login-modal-backdrop.wlc-auth-backdrop-in:not(.goster), html.wlc-page-home #wlc-deposit-confirm-backdrop.wlc-login-modal-backdrop.wlc-auth-backdrop-in:not(.goster) { opacity: 1 !important; background: rgba(0, 0, 0, 0.72) !important; } html.wlc-page-home #wlc-deposit-modal.wlc-deposit-modal-wrap.wlc-login-modal-dialog:not(.goster), html.wlc-page-home #wlc-bonus-picker-modal.wlc-bonus-picker-wrap.wlc-login-modal-dialog:not(.goster), html.wlc-page-home #wlc-payment-method-modal.wlc-bonus-picker-wrap.wlc-login-modal-dialog:not(.goster), html.wlc-page-home #wlc-withdraw-account-modal.wlc-bonus-picker-wrap.wlc-login-modal-dialog:not(.goster), html.wlc-page-home #wlc-deposit-confirm-modal.wlc-bonus-picker-wrap.wlc-login-modal-dialog:not(.goster) { position: fixed !important; left: 50% !important; top: 50% !important; right: auto !important; bottom: auto !important; transform: translate(-50%, calc(-50% - 42vh)) !important; opacity: 0; width: min(560px, calc(100vw - 48px)) !important; max-width: 560px !important; height: auto !important; max-height: min(88vh, 720px) !important; min-height: 0 !important; border-radius: 10px !important; overflow: hidden !important; padding: 0 !important; margin: 0 !important; display: flex !important; flex-direction: column !important; transition: transform 0.32s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.22s ease-out !important; } html.wlc-page-home #wlc-deposit-modal.wlc-deposit-modal-wrap.wlc-login-modal-dialog.wlc-auth-slide-in:not(.goster), html.wlc-page-home #wlc-bonus-picker-modal.wlc-bonus-picker-wrap.wlc-login-modal-dialog.wlc-auth-slide-in:not(.goster), html.wlc-page-home #wlc-payment-method-modal.wlc-bonus-picker-wrap.wlc-login-modal-dialog.wlc-auth-slide-in:not(.goster), html.wlc-page-home #wlc-withdraw-account-modal.wlc-bonus-picker-wrap.wlc-login-modal-dialog.wlc-auth-slide-in:not(.goster), html.wlc-page-home #wlc-deposit-confirm-modal.wlc-bonus-picker-wrap.wlc-login-modal-dialog.wlc-auth-slide-in:not(.goster) { transform: translate(-50%, -50%) !important; opacity: 1; } html.wlc-page-home #wlc-deposit-modal.wlc-deposit-modal-wrap.wlc-login-modal-dialog.wlc-auth-slide-out:not(.goster), html.wlc-page-home #wlc-bonus-picker-modal.wlc-bonus-picker-wrap.wlc-login-modal-dialog.wlc-auth-slide-out:not(.goster), html.wlc-page-home #wlc-payment-method-modal.wlc-bonus-picker-wrap.wlc-login-modal-dialog.wlc-auth-slide-out:not(.goster), html.wlc-page-home #wlc-withdraw-account-modal.wlc-bonus-picker-wrap.wlc-login-modal-dialog.wlc-auth-slide-out:not(.goster), html.wlc-page-home #wlc-deposit-confirm-modal.wlc-bonus-picker-wrap.wlc-login-modal-dialog.wlc-auth-slide-out:not(.goster) { transform: translate(-50%, calc(-50% - 42vh)) !important; opacity: 0; } html.wlc-page-home #wlc-deposit-modal .wlc-deposit-modal__shell, html.wlc-page-home #wlc-deposit-modal .wlc-deposit-modal-inner, html.wlc-page-home #wlc-bonus-picker-modal .wlc-deposit-modal__shell, html.wlc-page-home #wlc-bonus-picker-modal .wlc-bonus-picker-inner, html.wlc-page-home #wlc-payment-method-modal .wlc-deposit-modal__shell, html.wlc-page-home #wlc-payment-method-modal .wlc-bonus-picker-inner, html.wlc-page-home #wlc-deposit-confirm-modal .wlc-deposit-modal__shell, html.wlc-page-home #wlc-deposit-confirm-modal .wlc-bonus-picker-inner, html.wlc-page-home #wlc-withdraw-account-modal .wlc-deposit-modal__shell, html.wlc-page-home #wlc-withdraw-account-modal .wlc-withdraw-account-inner { height: auto !important; max-height: min(88vh, 720px) !important; border-radius: 10px !important; overflow: hidden !important; display: flex !important; flex-direction: column !important; min-height: 0 !important; } html.wlc-page-home #wlc-bonus-picker-modal .wlc-bonus-picker__footer, html.wlc-page-home #wlc-payment-method-modal .wlc-bonus-picker__footer, html.wlc-page-home #wlc-deposit-confirm-modal .wlc-bonus-picker__footer { position: relative !important; inset: auto !important; width: 100% !important; flex-shrink: 0 !important; box-sizing: border-box !important; } html.wlc-page-home #wlc-bonus-picker-modal .wlc-bonus-picker__scroll, html.wlc-page-home #wlc-payment-method-modal .wlc-bonus-picker__scroll, html.wlc-page-home #wlc-deposit-confirm-modal .wlc-bonus-picker__scroll { flex: 1 1 auto !important; min-height: 0 !important; overflow-y: auto !important; max-height: none !important; } /* Kill leftover fullscreen confirm CSS from page-local