.elementor-14629 .elementor-element.elementor-element-52b52b56{--display:flex;--min-height:0px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-14629 .elementor-element.elementor-element-3f320dd{width:100%;max-width:100%;text-align:center;}.elementor-14629 .elementor-element.elementor-element-3f320dd > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-14629 .elementor-element.elementor-element-3f320dd .elementor-heading-title{font-family:"Cinzel", Sans-serif;font-size:36px;font-weight:400;letter-spacing:6px;word-spacing:0px;text-shadow:0px 0px 56px rgba(255, 255, 255, 0.91);color:#FFFFFF;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-14629 .elementor-element.elementor-element-1e09052 .elementor-button{background-color:#2A2828;fill:var( --e-global-color-primary );color:var( --e-global-color-primary );transition-duration:1.2s;border-style:solid;border-radius:01px 01px 01px 01px;}.elementor-14629 .elementor-element.elementor-element-1e09052{width:100%;max-width:100%;}.elementor-14629 .elementor-element.elementor-element-1e09052 > .elementor-widget-container{margin:024px 0px 0px 0px;}.elementor-14629 .elementor-element.elementor-element-1e09052 .elementor-button-content-wrapper{flex-direction:row;}.elementor-14629 .elementor-element.elementor-element-1e09052 .elementor-button .elementor-button-content-wrapper{gap:13px;}.elementor-14629 .elementor-element.elementor-element-3ba91011{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--border-radius:0px 0px 0px 0px;box-shadow:0px 0px 0px 0px rgba(0,0,0,0.5);--padding-top:0px;--padding-bottom:120px;--padding-left:0px;--padding-right:0px;}.elementor-14629 .elementor-element.elementor-element-3ba91011.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-14629 .elementor-element.elementor-element-1642f5d3{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:1;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#1D1D1D;--border-color:#1D1D1D;--border-radius:25px 25px 25px 25px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-14629 .elementor-element.elementor-element-1642f5d3::before, .elementor-14629 .elementor-element.elementor-element-1642f5d3 > .elementor-background-video-container::before, .elementor-14629 .elementor-element.elementor-element-1642f5d3 > .e-con-inner > .elementor-background-video-container::before, .elementor-14629 .elementor-element.elementor-element-1642f5d3 > .elementor-background-slideshow::before, .elementor-14629 .elementor-element.elementor-element-1642f5d3 > .e-con-inner > .elementor-background-slideshow::before, .elementor-14629 .elementor-element.elementor-element-1642f5d3 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-14629 .elementor-element.elementor-element-1642f5d3::before{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-14629 .elementor-element.elementor-element-b59b1cc{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:0;}.elementor-14629 .elementor-element.elementor-element-b59b1cc:not(.elementor-motion-effects-element-type-background), .elementor-14629 .elementor-element.elementor-element-b59b1cc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000C4;}body.elementor-page-14629:not(.elementor-motion-effects-element-type-background), body.elementor-page-14629 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}@media(min-width:768px){.elementor-14629 .elementor-element.elementor-element-3ba91011{--width:1600px;}}@media(max-width:1366px) and (min-width:768px){.elementor-14629 .elementor-element.elementor-element-3ba91011{--width:923px;}}/* Start custom CSS for button, class: .elementor-element-1e09052 */.elementor-14629 .elementor-element.elementor-element-1642f5d3{
    
    border-width: 0px !important;
}/* End custom CSS */
/* Start custom CSS *//* Cores das raridades */
.rarity-common {
    color: inherit; /* Mantém a cor padrão */
}

.rarity-enhanced {
    color: #0038ab; /* Azul escuro */
}

.rarity-exclusive {
    color: #7700af; /* Roxo escuro */
}

.rarity-unique {
    color: #820003; /* Vermelho escuro */
}

.critical-hit {
    position:absolute;
    top: 20px;
    right: 20px;
    color: #ff4444;
    font-weight: bold;
    font-size: 12px;
    margin-top: 5px;
    text-align: center;
    text-transform: uppercase;
    animation: pulse 1s infinite;
}

@keyframes pulse {
    0% { opacity: 1; }
    50% { opacity: 0.5; }
    100% { opacity: 1; }
}

/* Overlay para escurecer o fundo */
.modal-overlay-loja {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    backdrop-filter: blur(5px);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

/* Estilo do modal de confirmação */
.confirmation-modal {
    background-color: #050003;
    border: 2px solid #181818;
    border-radius: 15px;
    padding: 20px;
    text-align: center;
    max-width: 400px;
    width: 90%;
    color: white;
}

/* Estilo dos botões do modal */
.modal-buttons {
    display: flex;
    justify-content: center;
    gap: 15px;
    margin-top: 20px;
}

.modal-button {
    padding: 10px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.confirm-button {
    background-color: none;
    color: white;
    font-family: 'cinzel';
    border: 1px solid #181818;
}

.cancel-button {
    background-color: none;
    color: white;
    font-family: 'cinzel';
    border: 1px solid #181818;
}

.modal-button:hover {
    transform: scale(1.05);
    background: none;
    filter: brightness(1.1);
    letter-spacing: 3px;
}

.item-name-highlight {
    color: #87CEEB; /* Cor verde */
}





/* Proibir a seleção de texto em todo o site */
body {
  user-select: none;
  -webkit-user-select: none; /* Suporte para navegadores WebKit */
  -moz-user-select: none;    /* Suporte para Firefox */
  -ms-user-select: none;     /* Suporte para Internet Explorer/Edge */
}

/* Remove a barra de rolagem horizontal */
body {
  overflow-x: hidden;
}



body.elementor-page-14629::-webkit-scrollbar {
    width: 4px !important;
}
body.elementor-page-14629::-webkit-scrollbar-thumb {
    background: linear-gradient(to bottom, #181818, #181818);
    border-radius: 10px;
}

::-webkit-scrollbar-track {
    background: linear-gradient(to bottom, #000, #000);
}

/* Títulos das Seções */
.section-title {
    text-align: center;
    margin-bottom: 10px;
    font-size: 1.5em;
    color: #333;
}

/* Itens da Loja */
.store-item {
    width: 70px;
    height: 70px;
    border: 1px solid #181818;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    margin: 0px;
    transition: transform 0.5s;
    position: relative;
}

.store-item img {
    width: 68px;
    height: 68px;
    margin-bottom: 0px;
    pointer-events: none;
}

/* Slots de Inventário e Equipamentos */
.slots-container {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
}

.drop-zone {
    width: 70px;
    height: 70px;
    border: 1px solid #1d1d1d;
    background-size: cover;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    transition: transform 0.5s;
    background-image: url('https://arthurmdesign.com.br/wp-content/uploads/2025/01/vazio.webp');
}
/* Efeito de escala ao passar o mouse sobre qualquer slot de drop */
.drop-zone:hover {
    transform: scale(1.2);
    border: 1px solid #7c7c7c;
    cursor: pointer; /* Indica que o slot é interativo */
    box-shadow: 0px 0px 100px rgba(255, 255, 255, 0.4); /* Sombra para destacar
    */
    z-index: 9999999;
}
.drop-zone.equipment-slot {
    background-image: none;
}

/* Estilo para slots desativados */
.drop-zone.disabled {
    background-color: #ccc; /* Cor de fundo cinza claro */
    cursor: not-allowed; /* Cursor de "não permitido" ao passar o mouse */
    opacity: 0.6 !important; /* Reduz a opacidade para indicar desativação */
}

.tooltip-weight-hands-value {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    font-size: 14px;
    color: #fff;
    margin: 15px 0 0 3px;
}


.tooltip-weight,
.tooltip-hands,
.tooltip-value {
    color: #fff; /* Dourado do valor */
    position: relative;
    flex-direction: row;
    text-align: left;
    min-width: 80px; /* Largura mínima igual às armas */
}

.tooltip {
    position: fixed;
    background-color: #00000066;
    color: #fff;
    border: 1px solid #181818;
    border-radius: 10px;
    padding: 25px;
    z-index: 10000;
    width: 340px;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.7);
    opacity: 0;
    transition: opacity 0.3s ease, transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
    pointer-events: none;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    backdrop-filter: blur(20px);
    
}


/* Estilos para diferentes raridades */
.tooltip.rarity-common {
    border-color: #181818;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.7);
    background-color: #00000066;
}

.tooltip.rarity-enhanced {
    border-color: #000788;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.7);
    background-color: #00033F66;
}

.tooltip.rarity-exclusive {
    border-color: #590088;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.7);
    background-color: #28003F66;
}

.tooltip.rarity-unique {
    border-color: #880000;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.7);
    background-color: #3F000066;
}

.tooltip-modifications {
    margin-top: 13px;
    padding-top: 13px;
    border-top: 1px solid #181818;
    color: #4CAF50;
}

.tooltip.visible {
    opacity: 1; /* Torna o tooltip visível */
}

.tooltip .tooltip-name {
    font-weight: normal;
    font-size: 28px;
    color: #fff; /* Mantém a cor branca para o nome da arma */
    margin-bottom: 10px;
    font-family: 'cinzel';
    line-height: 32px;
}

.tooltip .tooltip-rarity-distance {
    font-size: 12px;
    font-weight: normal;
    color: #ccc; /* Cor cinza claro */
    margin-bottom: 10px;
    text-transform: uppercase;
    letter-spacing: 3px;
}

/* Estilos para o indicador de dano crítico no tooltip */
.tooltip .tooltip-critical-damage {
    font-size: 14px;                   /* Fonte menor que o dano normal */
    color: #c30045;                    /* Cor vermelha para destacar o dano crítico */
    margin-bottom: 10px;                   /* Espaçamento acima do dano crítico */
    font-family: 'Poppins', sans-serif;/* Mesma fonte utilizada no tooltip */
}

.tooltip .tooltip-damage-range {
    font-size: 24px;
    font-weight: normal;
    color: #fff; /* Mantém a cor branca para o intervalo de dano */
}

.tooltip .tooltip-damage-details {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.tooltip .tooltip-damage-details .dice-image {
    width: 30px;
    height: 30px;
    margin-right: 10px;
}

.tooltip .tooltip-damage-formula {
    font-size: 14px;
    color: #fff; /* Mantém a cor branca para a fórmula de dano */
    margin-right: 10px;
}

.tooltip .tooltip-light {
    color: #87CEEB;
}

.tooltip .tooltip-damage-type {
    font-size: 14px;
    /* Removido a cor verde */
    color: #fff; /* Alterado para branco ou outra cor desejada */
}

.tooltip .tooltip-description-full {
    font-size: 14px;
    line-height: 1.5;
    color: #aaa; /* Cor cinza para a descrição completa */
    margin-bottom: 10px;
    text-align: left;
}

.tooltip .tooltip-proficiency {
    font-size: 14px;
    color: #87CEEB; /* Cor azul para a proficiência */
    margin-bottom: 10px;
    margin-left: 3px;
}

.tooltip .tooltip-weapon-details {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    font-size: 14px;
    color: #fff; /* Cor branca */
    margin-left: 0px;
}

.tooltip .tooltip-weapon-details div {
    margin-bottom: 5px;
    margin-left: 3px;
}

.tooltip-weight-quantity {
    display: flex;
    gap: 0px; /* Espaço entre peso e quantidade */
    align-items: center;
}

.tooltip-quantity {
    color: #87CEEB !important; /* Cor dourada para destacar */
    padding: 0;
    margin: 0;
}

.tooltip .tooltip-value {
    /* Certifique-se de que a propriedade inline do JavaScript tenha prioridade */
    font-weight: normal;
    color: #c2af6b;
}

.ammo-quantity {
    position: absolute;
    bottom: 5px;
    right: 5px;
    color: #fff;
    padding: 2px 5px;
    font-size: 0.8em;
}

/* Mantenha o restante do CSS existente */

/* Estilos para o indicador "Ágil" no tooltip */
.tooltip .tooltip-agility {              /* Posiciona o elemento relativamente ao tooltip */                     /* Espaçamento do canto inferior */                    /* Espaçamento do canto direito */         /* Borda com cor específica */               /* Bordas arredondadas */                   /* Espaçamento interno */
    color: #32CD32;                    /* Tom esverdeado (LimeGreen) para a cor do texto */
    background-color: transparent;     /* Fundo transparente */
    font-size: 14px;                   /* Tamanho da fonte */                /* Fonte em negrito para destaque */
    pointer-events: none;              /* Evita que o indicador interfira com eventos de mouse */
}

.tooltip-agility:empty {
    display: none;
}

/* Tooltip para itens simples */
.tooltip-meta {
    font-size: 12px;
    font-weight: normal;
    color: #ccc; /* Cor cinza claro */
    margin-bottom: 10px;
    text-transform: uppercase;
    letter-spacing: 3px;
}

.tooltip-bonus {
    color: #4CAF50;
    margin: 5px 0;
}

.tooltip-description {
    font-size: 14px;
    line-height: 1.5;
    color: #aaa; /* Cor cinza para a descrição completa */
    margin-bottom: 10px;
    text-align: left;
}


/* Responsividade */
@media (max-width: 600px) {
    .tooltip {
        width: 90%; /* Ajusta a largura para 90% da viewport em telas menores */
        left: 5% !important; /* Posiciona centralizado */
    }

    .tooltip .tooltip-weapon-details {
        flex-direction: column;
    }
}
/* Slot equipado */

.equipped-item {
   border: 1px solid #87CEEB75 !important; 
}

/* Overlay de bloqueio corrigido */
.blocked-overlay {
    pointer-events: none;
    z-index: 9999;
    font-size: 12px;
    font-weight: normal;
    color: #ccc; /* Cor cinza claro */
    margin-bottom: 10px;
    text-transform: uppercase;
    letter-spacing: 3px;
    text-align: center;
    align-content: center;
}


.equipment-slot img {
    opacity: 1 !important; /* Garante que o item não fique transparente */
}



#equip-slot1 {
    background-image: url('https://arthurmdesign.com.br/wp-content/uploads/2025/02/amuleto.webp');
    background-size: cover;
}

#equip-slot2 {
    background-image: url('https://arthurmdesign.com.br/wp-content/uploads/2025/02/roupa.webp');
    background-size: cover;
}

#equip-slot3 {
    background-image: url('https://arthurmdesign.com.br/wp-content/uploads/2025/02/cabeca.webp');
    background-size: cover;
}

#equip-slot4 {
    background-image: url('https://arthurmdesign.com.br/wp-content/uploads/2025/02/luvas.webp');
    background-size: cover;
}

#equip-slot5 {
    background-image: url('https://arthurmdesign.com.br/wp-content/uploads/2025/02/botas-1.webp');
    background-size: cover;
}

#equip-slot6,
#equip-slot7 {
    background-image: url('https://arthurmdesign.com.br/wp-content/uploads/2025/02/maos.webp');
    background-size: cover;
}

/* Estilos ao Sobrepor Zona de Drop */
.drop-zone.over {
    border-color: #666;
    background-color: rgba(240, 240, 240, 0.8);
}

/* Itens no Inventário e Equipamentos */
.inventory-item,
.equipment-item {
    width: 68px;
    height: 68px;
    cursor: pointer;
    border-radius: 5px;
    overflow: hidden;
    background-image: url('https://via.placeholder.com/70x70.png?text=Item');
    background-size: cover;
    transition: transform 0.5s;
    position: relative;
}

.inventory-item img,
.equipment-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    pointer-events: none;
}

.equipment-container {
    justify-content: center;
}

.container {
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: center;
}

/* Formulário de Adicionar Dinheiro */
#add-money-container {
    position: absolute;
    bottom: 0px;
    right: 360px;
    width: 400px;
    padding: 10px;
    border: 1px solid #181818;
    border-radius: 15px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    background-color: none
}

#add-money-form input {
    padding: 5px;
    width: 70%;
    margin-right: 10px;
    background-color: none;
    
}

#add-money-form button {
    padding: 5px 10px;

}

/* Adicione no styles.css */
.notification {
    width: 400px;
    position: fixed;
    bottom: 20px;
    left: 20px;
    background: none;
    backdrop-filter: blur(20px);
    color: white;
    padding: 30px;
    border: 1px solid #181818;
    border-radius: 15px;
    display: none;
    z-index: 99999999999999999999999;
    animation: slideIn 1,2s ease-out;
    font-family: "cinzel";
    text-transform: uppercase;
    letter-spacing: 3px;
    font-size: 16px;
}

@keyframes slideIn {
    from { transform: translateX(100%); }
    to { transform: translateX(0); }
}/* End custom CSS */