/* VERSÃO XX022 */ /* INÍCIO DO ARQUIVO */ /* ======================================================= PAINEL DE CONTROLE DE LARGURA E ALINHAMENTO (DESKTOP) ======================================================= */ #axion-blindagem-total { width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; margin-top: 40px !important; margin-bottom: 40px !important; padding-left: 60px !important; padding-right: 60px !important; font-family: 'Montserrat', sans-serif !important; color: #444 !important; display: flex !important; justify-content: space-between !important; flex-wrap: wrap !important; align-items: flex-start !important; background: transparent !important; position: relative !important; -webkit-overflow-scrolling: touch !important; } /* MATA O FANTASMA DO CLIQUE EM BOTÕES E LINKS */ #axion-blindagem-total input, #axion-blindagem-total button, #axion-blindagem-total a { font-family: 'Montserrat', sans-serif !important; outline: none !important; box-shadow: none !important; -webkit-tap-highlight-color: transparent !important; } #axion-blindagem-total .axion-cart-left { width: calc(65% - 15px) !important; display: flex !important; flex-direction: column !important; } #axion-blindagem-total .axion-cart-right { width: calc(35% - 15px) !important; display: flex !important; flex-direction: column !important; } #axion-blindagem-total .axion-cart-sidebar { width: 100% !important; background: #ffffff !important; padding: 35px 30px !important; border-radius: 8px !important; border: 1px solid #eaeaea !important; box-shadow: 0 8px 25px rgba(0,0,0,0.03) !important; box-sizing: border-box !important; transform: translateZ(0) !important; -webkit-backface-visibility: hidden !important; backface-visibility: hidden !important; } #axion-blindagem-total .woocommerce-Price-currencySymbol { margin-right: 4px !important; } /* TÍTULOS GERAIS E ITENS */ #axion-blindagem-total .axion-cart-main-title, #axion-blindagem-total .axion-cart-sidebar-title { font-family: 'Montserrat', sans-serif !important; font-size: 18px !important; color: #333 !important; margin: 0 0 20px 0 !important; display: flex !important; justify-content: space-between !important; align-items: center !important; font-weight: 600 !important; line-height: 1 !important; } #axion-blindagem-total .axion-chevron { display: none !important; } #axion-blindagem-total .axion-cart-items-card { background-color: #ffffff !important; border-radius: 8px !important; border: 1px solid #eaeaea !important; padding: 0 !important; width: 100% !important; box-sizing: border-box !important; display: block !important; } #axion-blindagem-total .axion-cart-header { display: flex !important; flex-direction: row !important; align-items: center !important; padding: 20px 30px 10px 30px !important; font-size: 14px !important; font-weight: 500 !important; color: #888 !important; border-bottom: 1px solid #f9f9f9 !important; } #axion-blindagem-total .axion-cart-row { display: flex !important; flex-direction: row !important; align-items: center !important; padding: 25px 30px !important; border-bottom: 1px solid #f9f9f9 !important; } #axion-blindagem-total .axion-cart-row:last-child { border-bottom: none !important; } #axion-blindagem-total .ax-col-img { width: 80px !important; flex-shrink: 0 !important; } #axion-blindagem-total .ax-col-prod { flex: 1 !important; padding: 0 20px !important; display: flex !important; flex-direction: column !important; justify-content: center !important;} #axion-blindagem-total .ax-col-qty { width: 140px !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; } #axion-blindagem-total .ax-col-price { width: 120px !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important;} #axion-blindagem-total .ax-col-img img { max-width: 100% !important; height: auto !important; display: block !important; border-radius: 4px !important; } /* DESIGN DO PREÇO NA ESQUERDA */ #axion-blindagem-total .ax-prod-title { color: #555 !important; font-size: 14px !important; font-weight: 500 !important; line-height: 1.5 !important; } #axion-blindagem-total .ax-price-val { color: #8E9E28 !important; font-size: 16px !important; font-weight: 600 !important; } #axion-blindagem-total .axion-qty-control { display: flex !important; flex-direction: row !important; border: 1px solid #ddd !important; border-radius: 4px !important; background: #fff !important; width: 90px !important; height: 34px !important; overflow: hidden !important; } #axion-blindagem-total .axion-btn-qtd { background: #fdfdfd !important; border: none !important; width: 30px !important; height: 100% !important; cursor: pointer !important; font-size: 18px !important; color: #555 !important; padding: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; transition: 0.2s !important; } #axion-blindagem-total .axion-btn-qtd:hover:not(.disabled) { background: #eee !important; color: #222 !important; } #axion-blindagem-total .axion-btn-qtd.disabled { opacity: 0.4 !important; cursor: not-allowed !important; pointer-events: none !important; } #axion-blindagem-total .axion-input-qtd { width: 30px !important; height: 100% !important; border: none !important; border-left: 1px solid #eee !important; border-right: 1px solid #eee !important; text-align: center !important; font-weight: 500 !important; font-size: 14px !important; color: #333 !important; background: #fff !important; padding: 0 !important; margin: 0 !important; box-shadow: none !important; -moz-appearance: textfield !important; } #axion-blindagem-total .axion-input-qtd::-webkit-outer-spin-button, #axion-blindagem-total .axion-input-qtd::-webkit-inner-spin-button { -webkit-appearance: none !important; margin: 0 !important; } #axion-blindagem-total .axion-remover-item { color: #ccc !important; margin-top: 12px !important; cursor: pointer !important; display: inline-block !important; text-decoration: none !important; transition: color 0.2s !important; } #axion-blindagem-total .axion-remover-item svg { width: 18px !important; height: 18px !important; } #axion-blindagem-total .axion-remover-item:hover { color: #ff4c4c !important; } #axion-blindagem-total .axion-voltar-compras { display: inline-block !important; margin-top: 20px !important; padding: 12px 25px !important; border: 1px solid #eaeaea !important; border-radius: 4px !important; color: #555 !important; background: #fff !important; text-decoration: none !important; font-weight: 500 !important; align-self: flex-start !important; transition: 0.2s !important; } #axion-blindagem-total .axion-voltar-compras:hover { background: #f9f9f9 !important; color: #333 !important; } /* RESUMO DIREITO E LINKS */ #axion-blindagem-total .axion-summary-row { display: flex !important; justify-content: space-between !important; align-items: center !important; margin-bottom: 15px !important; font-size: 14px !important; color: #555 !important; font-weight: 500 !important; } #axion-blindagem-total .axion-summary-row strong, #axion-blindagem-total .axion-summary-row .axion-val { color: #333 !important; } #axion-blindagem-total .axion-frete-row { margin-bottom: 5px !important; border: none !important; padding: 0 !important; } #axion-blindagem-total .axion-link-cep { color: #333 !important; font-size: 12px !important; font-weight: 500 !important; text-decoration: underline !important; transition: color 0.2s ease !important; } #axion-blindagem-total .axion-link-cep:hover { color: #0587ff !important; } /* HOVERS E SETAS */ #axion-blindagem-total #axion_btn_ver_opcoes:hover { text-decoration: none !important; } #axion-blindagem-total #axion_btn_ver_opcoes:hover .ax-texto-opcoes { text-decoration: underline !important; } #axion-blindagem-total #axion_btn_alterar_cep:hover { text-decoration: underline !important; } #axion-blindagem-total .ax-seta-frete { display: inline-block !important; transition: transform 0.3s ease !important; font-size: 11px !important; } #axion-blindagem-total .ax-seta-frete.aberta { transform: rotate(90deg) !important; } /* INPUT CEP */ #axion-blindagem-total .axion-input-cep-full { width: 100% !important; padding: 12px 15px !important; border: 1px solid #ccc !important; border-radius: 4px !important; font-size: 15px !important; outline: none !important; color: #555 !important; box-sizing: border-box !important; transition: border-color 0.3s !important; margin-bottom: 0 !important; } #axion-blindagem-total .axion-input-cep-full:focus { border-color: #0587ff !important; } /* CUPOM BLINDADO E MENSAGENS */ #axion-blindagem-total .axion-coupon-toggle-row { margin-bottom: 20px !important; border-bottom: 1px solid #eee !important; padding-bottom: 20px !important; } #axion-blindagem-total .axion-link-blue { color: #0587ff !important; text-decoration: none !important; font-size: 14px !important; font-weight: 500 !important; cursor: pointer !important; } #axion-blindagem-total .axion-link-blue:hover { text-decoration: underline !important; } #axion-blindagem-total .axion-hidden-force { display: none !important; } #axion-blindagem-total .axion-coupon-form label { display: block !important; margin-bottom: 8px !important; font-size: 13px !important; color: #555 !important; font-weight: 500 !important; } #axion-blindagem-total .axion-coupon-input-group { display: flex !important; gap: 10px !important; margin-bottom: 20px !important; border-bottom: 1px solid #eee !important; padding-bottom: 20px !important; } #axion-blindagem-total .axion-coupon-input-group input { flex: 1 !important; padding: 12px 15px !important; border: 1px solid #ccc !important; border-radius: 4px !important; font-size: 14px !important; outline: none !important; } #axion-blindagem-total .axion-coupon-input-group button { padding: 0 25px !important; background: #fff !important; border: 1px solid #ccc !important; border-radius: 4px !important; font-size: 14px !important; cursor: pointer !important; color: #0587ff !important; font-weight: 600 !important; transition: all 0.2s !important; } #axion-blindagem-total .axion-coupon-input-group button:hover { border-color: #0587ff !important; background: #f9fbff !important; } #axion-blindagem-total .axion-alert { padding: 12px 15px !important; border-radius: 4px !important; margin-bottom: 20px !important; display: flex !important; justify-content: space-between !important; align-items: center !important; font-size: 13px !important; font-weight: 500 !important; } #axion-blindagem-total .axion-alert-success { background-color: #e9f7ef !important; color: #28a745 !important; border: 1px solid #c3e6cb !important; } #axion-blindagem-total .axion-alert-danger { background-color: #fdf3f4 !important; color: #dc3545 !important; border: 1px solid #f5c6cb !important; } #axion-blindagem-total .axion-alert button { background: none !important; border: none !important; font-size: 20px !important; line-height: 1 !important; color: inherit !important; cursor: pointer !important; opacity: 0.5 !important; padding: 0 !important; } #axion-blindagem-total .axion-alert button:hover { opacity: 1 !important; } #axion-blindagem-total .axion-applied-coupon-row { display: flex !important; justify-content: space-between !important; margin-bottom: 20px !important; border-bottom: 1px solid #eee !important; padding-bottom: 20px !important; } #axion-blindagem-total .ax-acr-left, #axion-blindagem-total .ax-acr-right { display: flex !important; flex-direction: column !important; gap: 8px !important; } #axion-blindagem-total .ax-acr-right { text-align: right !important; } #axion-blindagem-total .ax-acr-label { font-size: 14px !important; color: #444 !important; font-weight: 600 !important; } #axion-blindagem-total .ax-acr-value { font-size: 15px !important; font-weight: 600 !important; } #axion-blindagem-total .ax-acr-code { color: #222 !important; font-weight: bold !important; font-size: 12px !important; text-transform: uppercase !important; } #axion-blindagem-total .axion-remover-cupom { color: #888 !important; font-size: 12px !important; text-decoration: none !important; display: flex !important; align-items: center !important; gap: 5px !important; transition: color 0.2s !important; font-weight: 500 !important; } #axion-blindagem-total .axion-remover-cupom svg { width: 14px !important; height: 14px !important; color: #dc3545 !important; } #axion-blindagem-total .axion-remover-cupom:hover { color: #dc3545 !important; } /* CAIXAS DE FRETE ANIMADAS LIMPAS E PROFISSIONAIS */ #axion-blindagem-total .axion-shipping-list-container { border: 1px solid #eaeaea !important; border-radius: 6px !important; overflow: hidden !important; background: #fff !important; } #axion-blindagem-total .axion-shipping-box { display: flex !important; align-items: center !important; padding: 15px !important; border-bottom: 1px solid #eaeaea !important; margin: 0 !important; cursor: pointer !important; background: #fff !important; transition: background 0.2s !important; } #axion-blindagem-total .axion-shipping-box:last-child { border-bottom: none !important; } #axion-blindagem-total .axion-shipping-box.selected { background: #fafafa !important; } #axion-blindagem-total .axion-shipping-box.selected .axion-so-nome { color: #8E9E28 !important; font-weight: 600 !important; } #axion-blindagem-total .axion-shipping-radio { display: none !important; } #axion-blindagem-total .axion-custom-radio { width: 18px !important; height: 18px !important; border: 2px solid #ddd !important; border-radius: 50% !important; margin-right: 12px !important; position: relative !important; flex-shrink: 0 !important; background: #fff !important; transition: 0.2s !important; } #axion-blindagem-total .axion-shipping-radio:checked + .axion-custom-radio { border-color: #8E9E28 !important; } #axion-blindagem-total .axion-shipping-radio:checked + .axion-custom-radio::after { content: "" !important; width: 10px !important; height: 10px !important; background: #8E9E28 !important; border-radius: 50% !important; position: absolute !important; top: 2px !important; left: 2px !important; display: block !important; } #axion-blindagem-total .axion-so-texto { flex: 1 !important; display: flex !important; flex-direction: column !important; gap: 4px !important; } #axion-blindagem-total .axion-so-nome { font-size: 14px !important; color: #444 !important; font-weight: 500 !important; transition: 0.2s !important;} #axion-blindagem-total .axion-so-prazo { font-size: 12px !important; color: #777 !important; } /* CORES CANAÃ E DESCONTO */ #axion-blindagem-total .axion-cor-canaa { color: #8E9E28 !important; } #axion-blindagem-total .axion-preco-frete { font-size: 14px !important; font-weight: 600 !important; } #axion-blindagem-total .axion-desconto-valor { color: #dc3545 !important; } /* CAIXA CINZA & TOTAL */ #axion-blindagem-total .axion-box-cinza { background: #f8f9fa !important; padding: 25px 20px !important; text-align: center !important; color: #777 !important; font-size: 14px !important; border-radius: 6px !important; margin-top: 20px !important; margin-bottom: 20px !important; border: 1px dashed #ccc !important;} #axion-blindagem-total .axion-total-box { background: #f8f9fa !important; padding: 20px 25px !important; border-radius: 6px !important; display: flex !important; justify-content: space-between !important; align-items: center !important; font-weight: 600 !important; margin-top: 20px !important; margin-bottom: 20px !important;} #axion-blindagem-total .axion-val { color: #333 !important; } #axion-blindagem-total .axion-btn-finalizar { width: 100% !important; background: #FFDE59 !important; color: #401201 !important; border: none !important; padding: 18px !important; border-radius: 6px !important; font-size: 16px !important; font-weight: 700 !important; cursor: pointer !important; margin-top: 20px !important; transition: background 0.2s !important; display: block !important; text-align: center !important; text-decoration: none !important; box-sizing: border-box !important;} #axion-blindagem-total .axion-btn-finalizar:hover { background: #EABE14 !important; } /* BARRA DE FRETE GRÁTIS CANAÃ */ #axion-blindagem-total .axion-frete-gratis-box { margin-top: 25px !important; } #axion-blindagem-total .axion-fg-bar-bg { width: 100% !important; background: #f0f0f0 !important; height: 6px !important; border-radius: 4px !important; overflow: hidden !important; } #axion-blindagem-total .axion-fg-bar-fill { background: #8E9E28 !important; height: 100% !important; transition: width 0.8s ease !important; } /* LOADER */ #axion-loader-overlay { position: fixed !important; top: 0 !important; left: 0 !important; width: 100vw !important; height: 100vh !important; background: rgba(255, 255, 255, 0.85) !important; z-index: 999999 !important; display: none; align-items: center !important; justify-content: center !important; backdrop-filter: blur(2px) !important;} .axion-spinner { width: 45px !important; height: 45px !important; border-radius: 50% !important; background: conic-gradient(#EABE14 10%, rgba(234, 190, 20, 0) 80%) !important; -webkit-mask-image: radial-gradient(farthest-side, transparent 88%, #000 88%) !important; mask-image: radial-gradient(farthest-side, transparent 88%, #000 88%) !important; animation: axion-spin-smooth 0.8s linear infinite !important; } @keyframes axion-spin-smooth { to { transform: rotate(1turn); } } /* RESPONSIVOS */ @media (max-width: 1024px) { #axion-blindagem-total input[type="text"], #axion-blindagem-total input[type="number"] { font-size: 16px !important; } #axion-blindagem-total { padding-left: 20px !important; padding-right: 20px !important; flex-direction: column !important; gap: 30px !important; } #axion-blindagem-total .axion-cart-left, #axion-blindagem-total .axion-cart-right { width: 100% !important; } #axion-blindagem-total .axion-accordion-title { cursor: pointer !important; border-bottom: 1px solid #ddd !important; padding-bottom: 15px !important; margin-bottom: 15px !important; } #axion-blindagem-total .axion-chevron { display: block !important; transition: transform 0.3s ease !important; } #axion-blindagem-total .axion-accordion-title.axion-collapsed .axion-chevron { transform: rotate(180deg) !important; } } @media (max-width: 768px) { #axion-blindagem-total { padding-left: 10px !important; padding-right: 10px !important; } #axion-blindagem-total .axion-cart-sidebar { padding: 20px !important; } #axion-blindagem-total .axion-cart-header .ax-col-qty, #axion-blindagem-total .axion-cart-header .ax-col-price, #axion-blindagem-total .axion-cart-header .ax-col-img { display: none !important; } #axion-blindagem-total .axion-cart-header { padding: 15px !important; border-bottom: 1px solid #f0f0f0 !important; } #axion-blindagem-total .axion-cart-header .ax-col-prod { width: 100% !important; padding: 0 !important; text-align: left !important; justify-content: flex-start !important; } #axion-blindagem-total .axion-cart-row { display: grid !important; grid-template-columns: 80px 1fr auto !important; grid-template-areas: "img title title" "img qty price" !important; gap: 15px !important; padding: 20px 15px !important; align-items: center !important; } #axion-blindagem-total .axion-cart-row .ax-col-img { grid-area: img; width: 100% !important; } #axion-blindagem-total .axion-cart-row .ax-col-prod { grid-area: title; width: 100% !important; padding: 0 !important; justify-content: flex-start !important; } #axion-blindagem-total .axion-cart-row .ax-col-qty { grid-area: qty; width: 100% !important; flex-direction: row !important; align-items: center !important; justify-content: flex-start !important; gap: 15px !important; } #axion-blindagem-total .ax-col-price { grid-area: price; width: 100% !important; align-items: flex-end !important; justify-content: flex-end !important; } #axion-blindagem-total .axion-remover-item { margin-top: 0 !important; } }