@import url('./var-route/home.css');
@import url('./var-route/search_order.css');
@import url('./var-route/contact_us.css');
@import url('./var-route/order.css');
@import url('./var-route/leaderboard.css');
@import url('./var-route/auth_login.css');
@import url('./var-route/auth_register.css');
@import url('./var-route/cek_region_ml.css');
@import url('./var-route/calculator_winrate.css');
@import url('./var-route/calculator_magic_wheel.css');
@import url('./var-route/calculator_zodiac.css');

:root {
    --bg-body: #121212;
    --bg-header: #13161C;
    --bg-menu: #13161C;
    --bg-input:transparent;
    --color-input: #ffffff;
    --bg-card: #13161C;
    --color-card: #412e2e69;
    --color-warning: rgb(245, 184, 73);
    --border-global-color: #7e7c7c2d;
    --disable-bg-button: #7e7c7c2d;
    --disable-color-button: #ffffff;
    --hover-bg-button: #E50914;
    --hover-color-button: #ffffff;
    --bg-button: #E50914;
    --color-button: #ffffff;
    --bg-modal: #000000;
    --bg-alert: #FFFFFF0D;
    --color-alert: #ffffff;
    --bg-image-auth: url('/assets/bg-auth.gif');
    /* --banner-auth: url('https://cdn.bangjeff.com/meta/login-member-bangjeff.webp'); */
    --bg-footer: #13161D;
    --color-footer: #ffffff;

    --color-link-active-hover: rgb(245, 184, 73);
    --color-link-ico-active-hover: rgb(245, 184, 73);
    
    --color-link-border: rgb(245, 184, 73);

    --layout-pwa-banner-section-background: linear-gradient(135deg,#141824 0%,#181111 55%,#2c1010 100%);
    --layout-pwa-banner-card-background: linear-gradient(135deg,rgba(255,255,255,0.06),rgba(255,255,255,0.02));
    --layout-pwa-banner-card-border-color: rgba(255,255,255,0.10);
    --layout-pwa-banner-icon-background: #dc2626;
    --layout-pwa-banner-title-color: #ffffff;
    --layout-pwa-banner-close-button-background: rgba(255,255,255,0.04);
    --layout-pwa-banner-close-button-text-color: rgba(255,255,255,0.70);
    --layout-pwa-banner-install-button-background: #dc2626;
    --layout-pwa-banner-install-button-text-color: #ffffff;

    --layout-locale-picker-trigger-background: rgba(255,255,255,0.05);
    --layout-locale-picker-trigger-border-color: rgba(107,114,128,0.20);
    --layout-locale-picker-trigger-text-color: #ffffff;
    --layout-locale-picker-popover-background: #13161C;
    --layout-locale-picker-popover-header-background: rgba(255,255,255,0.10);
    --layout-locale-picker-popover-header-text-color: #ffffff;
    --layout-locale-picker-option-background: rgba(255,255,255,0.10);
    --layout-locale-picker-option-text-color: #ffffff;
    --layout-locale-picker-option-active-border-color: #3b82f6;

    --layout-auth-button-background: #ef4444;
    --layout-auth-button-text-color: #ffffff;

    --layout-footer-panel-background: linear-gradient(180deg,rgba(255,255,255,0.04),rgba(255,255,255,0.02));
    --layout-footer-panel-border-color: rgba(255,255,255,0.08);
    --layout-footer-install-button-background: #ffffff;
    --layout-footer-install-button-text-color: #000000;
    --layout-footer-social-button-background: rgba(255,255,255,0.04);
    --layout-footer-social-button-text-color: rgba(255,255,255,0.70);
    --layout-footer-address-background: rgba(255,255,255,0.035);
    --layout-footer-copyright-background: rgba(0,0,0,0.10);


    /* Batas Layout Variabel */

    --image-bg-item-order: url('/assets/bg-order.png');
    --line: 2; /* Jumlah baris yang diinginkan untuk .nowrap-multiline */

    /* Banner */
    --banner-width-img: unset;
    --banner-img-url: unset;
    --banner-bg-color: unset;

    /* Baru Rilis */
    --baru-rilis-title-color: unset;
    --baru-rilis-title-font_size: unset;
    --baru-rilis-title-font_weight: unset;

    --baru-rilis-subtitle-color: unset;
    --baru-rilis-subtitle-font_size: unset;
    --baru-rilis-subtitle-font_weight: unset;

    --baru-rilis-item-title-color: unset;
    --baru-rilis-item-title-font_size: unset;
    --baru-rilis-item-title-font_weight: unset;

    --baru-rilis-item-subtitle-color: unset;
    --baru-rilis-item-subtitle-font_size: unset;
    --baru-rilis-item-subtitle-font_weight: unset;

    --moto-slogan-color: unset;
    --moto-slogan-font_size: unset;
    --moto-nama-website-color: unset;
    --moto-nama-website-font_size: unset;
    --moto-moto-color: unset;
    --moto-moto-font_size: unset;
    --moto-content-title-color: unset;
    --moto-content-title-font_size: unset;
    --moto-content-img-width: unset;
    --moto-content-img-height: unset;
    --moto-content-object-fit: unset;
    --moto-content-color: unset;
    --moto-content-font_size: unset;


    --bg-img-cek-region: url('https://sin1.contabostorage.com/b1d79b8bbee7475eab6c15cd3d13cd4d:gigames/p/fcb71eecd50ed7644b65e461653497b8_11zon.png');
    --bg-color-cek-region: #13161C;

    --bg-img-services: url('https://sin1.contabostorage.com/b1d79b8bbee7475eab6c15cd3d13cd4d:gigames/p/fcb71eecd50ed7644b65e461653497b8_11zon.png');
    --bg-color-services: #13161C;
    
    --img-join-reseller-hero: url('https://images.unsplash.com/photo-1556740749-887f6717d7e4?auto=format&fit=crop&w=1200&q=80');
    --img-join-reseller-content-1: url('/assets/join_reseller/gambar-1.png');
    --img-join-reseller-content-2: url('/assets/join_reseller/gambar-2.png');
    --img-join-reseller-content-3: url('/assets/join_reseller/gambar-3.png');
    --img-join-reseller-content-4: url('/assets/join_reseller/gambar-4.png');
    --img-join-reseller-content-5: url('/assets/join_reseller/gambar-5.png');
    --img-join-reseller-content-6: url('/assets/join_reseller/gambar-6.png');
    --img-join-reseller-register: url('/assets/join_reseller/img_register.png');
}