Product categories All products

🚀 Shipping on orders above $100 🚀 5% Discount on your 1st Buy 🚀 We deliver within USA 🚀 Shipping on orders above $100 🚀 5% Discount on your 1st Buy 🚀 We deliver within USA 🚀 Shipping on orders above $100 🚀 5% Discount on your 1st Buy 🚀 We deliver within USA 🚀 Shipping on orders above $100 🚀 5% Discount on your 1st Buy 🚀 We deliver within USA

+1 800 555 5555

Keyaluo Solar Eclipse Glasses

Current bid: $10.00

Days

Hours

Minutes

Seconds

Auction ends:
Bid now Details

0 Items in your Cart

View your Cart

get in touch

123 Main Street, Queens, NY 11435

Phone: +1 800 555 5555

Email: contact@spacecoastauctions.com

.fusion-carousel-meta{display: none !important;} #wrapper #main .fullwidth-box .fusion-row { z-index: 1 !important; } .rounded-carousel-img img { border-radius: 15px; /* Ajuste o valor conforme necessário */ overflow: hidden; } /* Estilo básico para os botões flutuantes na versão mobile */ .floating-buttons { position: fixed; bottom: 0; left: 0; width: 100%; z-index: 9999; display: flex; justify-content: space-between; } /* Estilo para os botões individuais */ .floating-buttons .phone-button, .floating-buttons .quote-button { background-color: #5aa279; /* Cor vermelha para o telefone */ color: white; padding: 15px; text-align: center; font-size: 18px; text-decoration: none; width: 50%; box-sizing: border-box; border-radius: 0; border: none; } /* Estilo específico para o botão de Free Quote */ .floating-buttons .quote-button { background-color: #0980b7; /* Cor verde para o Free Quote */ } @media (min-width: 768px) { .floating-buttons { display: none; } } /* Estilo para desktop */ @media (min-width: 768px) { .floating-buttons { position: fixed; bottom: 20px; right: 20px; width: auto; flex-direction: column; justify-content: flex-end; } .floating-buttons .phone-button, .floating-buttons .quote-button { width: auto; margin-bottom: 10px; padding: 10px 20px; } } .wpcf7-radio input[type="radio"] + span { color: white; } .fusion-archive-description, .fusion-blog-layout-grid .fusion-post-wrapper, .fusion-post-content-wrapper { border-radius: 15px; /* Cantos arredondados */ overflow: hidden; /* Evita que o conteúdo ultrapasse os cantos */ box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1); /* (Opcional) Adiciona uma leve sombra para destacar */ } .fusion-post-content-wrapper { padding: 15px; /* (Opcional) Adiciona um espaçamento interno */ background-color: #ffffff; /* (Opcional) Define um fundo branco para os posts */ } .fusion-flip-box, .fusion-flip-box .flip-box-inner, .fusion-flip-box .flip-box-front, .fusion-flip-box .flip-box-back { height: 380px !important; min-height: 380px !important; } /* BLOG INICIO */ /* (CSS - You can either include this here or in your Avada's Custom CSS) */ .blog-post { font-family: Arial, sans-serif; line-height: 1.6; color: #333; } .blog-post h1 { font-size: 2.0em; margin-bottom: 0.5em; } .blog-post h2 { font-size: 1.5em; margin-top: 1.5em; margin-bottom: 0.8em; border-bottom: 2px solid #ccc; padding-bottom: 0.3em; } .blog-post h3 { font-size: 1.2em; margin-top: 1.2em; margin-bottom: 0.5em; } .blog-post p { margin-bottom: 1em; } .blog-post ul, .blog-post ol { margin-bottom: 1em; padding-left: 20px; } .blog-post li { margin-bottom: 0.5em; } .blog-post a { color: #007bff; text-decoration: none; } .blog-post a:hover { text-decoration: underline; } .intro { background-color: #f8f8f8; padding: 1em; margin-bottom: 1.5em; border-left: 4px solid #007bff; } .section { margin-bottom: 2em; } .conclusion { text-align: center; font-weight: bold; padding-top: 1em; border-top: 2px solid #ccc; } /* BLOG FIM */ /* Altera o tamanho do título do produto (página individual) */ .single-product .product_title.entry-title { font-size: 22px !important; /* Ajuste o valor conforme necessário */ line-height: 1.2 !important; } /* Opcional: Tamanho do título em listagens (loja/categorias) */ .yith-auction-input-container { display: grid; grid-template-columns: auto auto auto; /* Define 3 colunas de tamanho automático */ grid-template-rows: auto auto; /* Define 2 linhas de tamanho automático */ align-items: center; gap: 5px; /* Espaçamento entre as células da grid */ clear: both; margin-bottom: 10px; } .quantity { grid-column: 1; /* Posiciona na primeira coluna */ grid-row: 1; /* Posiciona na primeira linha */ display: inline-flex; /* Para alinhar os botões +/- */ align-items: center; } .yith-auction-input-container input.input-text.qty.text { grid-column: 2; /* Posiciona na segunda coluna */ grid-row: 1; /* Posiciona na primeira linha */ width: 60px; text-align: center; } .yith_wact_bid_button { grid-column: 3; /* Posiciona na terceira coluna */ grid-row: 1; /* Posiciona na primeira linha */ } #yith-wcact-auction-add-to-cart-button { display: block; clear: both; width: auto; margin-top: 10px; } /* ============================================ Estilos Personalizados para Dashboard (Leilões e Pedidos) - VERSÃO FUNCIONAL ============================================ */ /* --- Contêiner Principal --- */ .woocommerce-MyAccount-content { /* Estilos para o contêiner principal, se necessário */ padding: 10px; margin-bottom: 20px; font-size: 0.9em; /* Redução geral da fonte */ } /* --- Títulos das Seções --- */ .yith-wcact-my-auctions-list-index-container-header h3, .yith-wcact-my-watchlist-list-index-container-header h3, .avada-woocommerce-myaccount-heading { font-size: 1.2em; font-weight: bold; margin-bottom: 15px; color: #333; } /* --- Tabelas --- */ .yith-wcact-my-auctions-list-index-container-content table, .yith-wcact-my-watchlist-list-index-container-content table, .woocommerce-orders-table { width: 100%; border-collapse: collapse; margin-bottom: 20px; } .shop_table thead, .woocommerce-orders-table thead { background-color: #f2f2f2; } .shop_table th, .shop_table td, .woocommerce-orders-table th, .woocommerce-orders-table td { padding: 8px 12px; text-align: left; border-bottom: 1px solid #ddd; } .shop_table th, .woocommerce-orders-table th { font-weight: bold; } /* --- Linhas da Tabela --- */ .shop_table tbody tr:nth-child(even), .woocommerce-orders-table tbody tr:nth-child(even) { background-color: #f9f9f9; } /* --- Colunas Específicas (Leilões) --- */ .my-auction-list-index-product, .my-auction-watchlist-list-index-product { width: 40%; } .my-auction-list-index-your-bid, .my-auction-list-index-current-bid, .my-auction-list-index-status, .my-auction-watchlist-list-index-your-bid, .my-auction-watchlist-list-index-current-bid, .my-auction-watchlist-list-index-end-on { width: 20%; } /* --- Colunas Específicas (Pedidos) --- */ .woocommerce-orders-table__header-order-number, .woocommerce-orders-table__cell-order-number { width: 15%; } .woocommerce-orders-table__header-order-date, .woocommerce-orders-table__cell-order-date { width: 20%; } .woocommerce-orders-table__header-order-status, .woocommerce-orders-table__cell-order-status { width: 15%; } .woocommerce-orders-table__header-order-total, .woocommerce-orders-table__cell-order-total { width: 25%; } .woocommerce-orders-table__header-order-actions, .woocommerce-orders-table__cell-order-actions { width: 25%; } /* --- Imagens --- */ .yith-wcact-my-account-image img { max-width: 100px; height: auto; vertical-align: middle; margin-right: 10px; border-radius: 5px; } /* --- Links --- */ .shop_table a, .woocommerce-orders-table a { color: #007bff; text-decoration: none; } .shop_table a:hover, .woocommerce-orders-table a:hover { text-decoration: underline; } /* --- Botões --- */ .ywcact-view-all-my-watchlist { display: inline-block; padding: 8px 15px; background-color: #007bff; color: white; text-decoration: none; border-radius: 5px; margin-top: 10px; } .ywcact-view-all-my-watchlist:hover { background-color: #0056b3; } .woocommerce-button.button.view { display: inline-block; padding: 5px 10px; background-color: #007bff; color: white; text-decoration: none; border-radius: 5px; font-size: 0.9em; } .woocommerce-button.button.view:hover { background-color: #0056b3; } /* --- Responsividade para Mobile --- */ @media screen and (max-width: 768px) { .shop_table thead, .woocommerce-orders-table thead { display: none; } .shop_table tr, .woocommerce-orders-table tr { display: block; margin-bottom: 15px; border: 1px solid #ddd; } .shop_table th, .shop_table td, .woocommerce-orders-table th, .woocommerce-orders-table td { display: block; width: 100%; box-sizing: border-box; border: none; padding-left: 100px; position: relative; } .shop_table th:before, .shop_table td:before, .woocommerce-orders-table th:before, .woocommerce-orders-table td:before { position: absolute; left: 10px; top: 8px; font-weight: bold; content: attr(data-title) ": "; } .my-auction-list-index-product, .my-auction-watchlist-list-index-product, .my-auction-list-index-your-bid, .my-auction-list-index-current-bid, .my-auction-list-index-status, .my-auction-watchlist-list-index-your-bid, .my-auction-watchlist-list-index-current-bid, .my-auction-watchlist-list-index-end-on, .woocommerce-orders-table__header-order-number, .woocommerce-orders-table__cell-order-number, .woocommerce-orders-table__header-order-date, .woocommerce-orders-table__cell-order-date, .woocommerce-orders-table__header-order-status, .woocommerce-orders-table__cell-order-status, .woocommerce-orders-table__header-order-total, .woocommerce-orders-table__cell-order-total, .woocommerce-orders-table__header-order-actions, .woocommerce-orders-table__cell-order-actions { width: 100%; } .yith-wcact-my-account-image { display: block; margin-bottom: 10px; } .yith-wcact-my-account-image img { max-width: 100%; margin-right: 0; } .woocommerce-button.button.view { display: block; width: 100%; text-align: center; margin-top: 5px; } } /* ============================================ FIM Estilos Personalizados para Dashboard Mobile ============================================ */ /* ============================================ ESTILOS ESPECÍFICOS PARA A LISTA DE BIDS NA PÁGINA DO PRODUTO (UM VALOR POR LINHA) ============================================ */ .yith-wcact-bid-list { list-style: none; padding: 0; } .yith-wcact-bid-item { padding: 15px 0; border-bottom: 1px solid #eee; font-size: 0.9em; } .yith-wcact-bid-item:last-child { border-bottom: none; } .yith-wcact-bid-item span { display: block; /* Força cada span a ocupar uma linha */ width: 100%; box-sizing: border-box; padding: 8px 0; } .yith-wcact-bid-item .bidder { font-weight: bold; } .yith-wcact-bid-item .bid-amount { color: #007bff; } .yith-wcact-bid-item .bid-time { color: #777; font-size: 0.85em; } /* ============================================ ESTILOS PARA EXIBIR "BIDS" E "DESCRIPTION" DIRETAMENTE NA PÁGINA DO PRODUTO ============================================ */ .woocommerce div#content ul.products li.product div.summary div.woocommerce-tabs.wc-tabs-wrapper ul.tabs.wc-tabs { display: flex !important; /* Mantém as abas lado a lado (visualmente) */ border-bottom: none !important; /* Remove a linha abaixo das abas */ margin-bottom: 20px !important; /* Adiciona espaço abaixo das "abas" */ } .woocommerce div#content ul.products li.product div.summary div.woocommerce-tabs.wc-tabs-wrapper ul.tabs.wc-tabs li { margin-right: 20px !important; /* Espaçamento entre as "abas" */ border: 1px solid #ccc !important; border-bottom: none !important; /* Remove a borda inferior da aba ativa */ background-color: #f9f9f9 !important; padding: 10px 15px !important; border-radius: 5px 5px 0 0 !important; } .woocommerce div#content ul.products li.product div.summary div.woocommerce-tabs.wc-tabs-wrapper ul.tabs.wc-tabs li.active { background-color: #fff !important; border-bottom: 1px solid #fff !important; /* Sobrepõe a borda inferior */ } .woocommerce div#content ul.products li.product div.summary div.woocommerce-tabs.wc-tabs-wrapper ul.tabs.wc-tabs li a { text-decoration: none !important; color: #333 !important; } .woocommerce div#content ul.products li.product div.summary div.woocommerce-tabs.wc-tabs-wrapper div.woocommerce-Tabs-panel { border: 1px solid #ccc !important; padding: 20px !important; margin-bottom: 20px !important; } /* Força a exibição dos painéis "Bids" e "Description" */ #tab-yith-wcact-bid-tab, #tab-description { display: block !important; } /* Oculta os títulos das abas para evitar repetição */ #tab-title-yith-wcact-bid-tab, #tab-title-description { display: none !important; } /* Estilos adicionais para a lista de bids (se ainda não estiverem aí) */ .yith-wcact-bid-list { list-style: none !important; padding: 0 !important; margin: 0 !important; } .yith-wcact-bid-item { display: block !important; padding: 10px 0 !important; border-bottom: 1px solid #eee !important; font-size: 0.9em !important; line-height: 1.4 !important; } .yith-wcact-bid-item:last-child { border-bottom: none !important; } .yith-wcact-bid-item span.bidder, .yith-wcact-bid-item span.bid-amount, .yith-wcact-bid-item span.bid-time { display: block !important; width: 100% !important; box-sizing: border-box !important; padding: 5px 0 !important; } .yith-wcact-bid-item span.bidder { font-weight: bold !important; } .yith-wcact-bid-item span.bid-amount { color: #007bff !important; } .yith-wcact-bid-item span.bid-time { color: #777 !important; font-size: 0.85em !important; } /* ============================================ ESTILOS ESPECÍFICOS E REFORÇADOS PARA A TABELA DE BIDS NA PÁGINA DO PRODUTO (MOBILE FIX) ============================================ */ .yith-wcact-table-bids { width: 100% !important; } .yith-wcact-table-bids table#datatable { width: 100% !important; border-collapse: collapse !important; } .yith-wcact-table-bids table#datatable thead { display: none !important; /* Oculta o cabeçalho da tabela no mobile */ } .yith-wcact-table-bids table#datatable tbody tr { display: block !important; /* Cada linha ocupa uma linha */ width: 100% !important; margin-bottom: 10px !important; /* Espaçamento entre os lances */ border-bottom: 1px solid #eee !important; padding: 10px 0 !important; box-sizing: border-box !important; } .yith-wcact-table-bids table#datatable tbody tr:last-child { border-bottom: none !important; } .yith-wcact-table-bids table#datatable tbody tr td { display: block !important; /* Cada célula (informação do lance) ocupa uma linha */ width: 100% !important; padding: 5px 0 !important; text-align: left !important; box-sizing: border-box !important; border: none !important; } .yith-wcact-table-bids table#datatable tbody tr td.toptable { font-weight: bold !important; /* Estilo para os cabeçalhos (que agora ficarão no início de cada lance no mobile) */ padding-bottom: 5px !important; } .yith-wcact-table-bids table#datatable tbody tr td .woocommerce-Price-amount { font-weight: bold !important; color: #007bff !important; } /* Adiciona um rótulo antes de cada valor no mobile para melhor identificação */ @media (max-width: 767px) { .yith-wcact-table-bids table#datatable tbody tr td:before { content: attr(data-title) ": " !important; font-weight: bold !important; display: inline-block !important; width: auto !important; margin-right: 5px !important; } .yith-wcact-table-bids table#datatable tbody tr td:nth-child(1):before { content: "Bidder" !important; } .yith-wcact-table-bids table#datatable tbody tr td:nth-child(2):before { content: "Bid amount" !important; } .yith-wcact-table-bids table#datatable tbody tr td:nth-child(3):before { content: "Bid time" !important; } } /* ============================================ ESTILOS DE EMERGÊNCIA PARA A PÁGINA /SHOP (2 COLUNAS MOBILE - ESPAÇAMENTO ZERO FORÇADO) ============================================ */ @media (max-width: 767px) { /* Zera as margens e paddings dos elementos da lista de produtos */ .woocommerce-page ul.products, .woocommerce ul.products, .woocommerce-page ul.products li.product, .woocommerce ul.products li.product { margin: 0 !important; padding: 0 !important; } /* Força o display flex e o embrulho */ .woocommerce-page ul.products, .woocommerce ul.products { display: flex !important; flex-wrap: wrap !important; } /* Define a largura para 50% com uma pequena margem para o espaçamento */ .woocommerce-page ul.products li.product, .woocommerce ul.products li.product { width: calc(50% - 4px) !important; /* Metade da largura menos um pequeno espaçamento */ margin-right: 4px !important; margin-bottom: 8px !important; /* Espaçamento vertical entre os produtos */ } /* Remove a margem direita do segundo item de cada linha */ .woocommerce-page ul.products li.product:nth-child(2n), .woocommerce ul.products li.product:nth-child(2n) { margin-right: 0 !important; } .woocommerce-page ul.products li.product .woocommerce-loop-category__title, .woocommerce-page ul.products li.product .woocommerce-loop-product__title, .woocommerce-page ul.products li.product .woocommerce-Price-amount, .woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product .woocommerce-Price-amount { font-size: 0.85em !important; margin-bottom: 5px !important; /* Reduz a margem inferior dos textos */ padding: 0 !important; /* Zera o padding dos textos */ } } /* ============================================ ESTILOS DE EMERGÊNCIA EXTREMA PARA BOTÕES "BID NOW" E "DETAILS" NA LISTAGEM DA /SHOP (MOBILE - POSICIONAMENTO FORÇADO ABAIXO) ============================================ */ @media (max-width: 767px) { /* Esconde o botão "Details" */ .fusion-product-content .product-buttons-container a.show_details_button { display: none !important; } /* Estilos para o "Current bid" e valor (mantenha os ajustes anteriores) */ .fusion-product-content .fusion-price-rating span.price { font-size: 0.75em !important; display: flex !important; align-items: baseline !important; white-space: nowrap !important; } .fusion-product-content .fusion-price-rating span.price > span { font-size: 0.75em !important; margin-left: 3px !important; } .fusion-product-content .fusion-price-rating span.price bdi { font-size: 1em !important; } .fusion-product-content .fusion-price-rating span.price .woocommerce-Price-currencySymbol { font-size: 1em !important; } /* Esconde a seção "Auction ends" (mantenha como estava) */ .fusion-product-content .product-buttons-container .auction_end_start { display: none !important; } /* Esconde o temporizador (se desejar manter escondido) */ .fusion-product-content .product-buttons-container .yith-wcact-timeleft-loop { display: none !important; } } .fusion-product-content .product-buttons-container a.show_details_button { display: none !important; } /* Esconde a data final */ #auction_end { display: none !important; } .auction_end_start { display: none !important; } /* Esconde reserved price */ #yith_reserve_price { display: none !important; } .fusion-product-wrapper { width: 100%; /* Força cada produto a ocupar a largura total da coluna */ margin-bottom: 20px; /* Adiciona um espaço abaixo de cada produto */ border: 1px solid #eee; /* Adiciona uma borda leve para visualização (opcional) */ } .fusion-product-content { padding: 15px; /* Adiciona um espaçamento interno ao conteúdo do produto */ } .fusion-product-content .product-details { margin-bottom: 10px; /* Espaço abaixo dos detalhes do produto */ } .fusion-product-content h3.product-title { font-size: 1em !important; /* Reduz o tamanho da fonte do título */ line-height: 1.3 !important; margin-bottom: 5px; } .fusion-product-content .fusion-price-rating { font-size: 0.9em; /* Reduz o tamanho da fonte do preço */ margin-bottom: 10px; } .fusion-product-content .product-buttons-container { display: flex; /* Organiza os botões lado a lado */ align-items: center; /* Alinha os botões verticalmente */ gap: 5px; /* Espaçamento entre os botões */ } .fusion-product-content .product-buttons-container a.button { font-size: 0.8em; padding: 5px 10px; } /* Esconde a data de encerramento (se desejar) */ .auction_end_start { display: none !important; } /* ============================================ ESPACO EM BID NOW E TEMPORIZADOR ============================================ */ .fusion-product-wrapper .product-buttons-container { display: flex; flex-direction: column; /* Stack the buttons vertically */ align-items: center; /* Center the buttons horizontally */ gap: 5px; /* Spacing between the buttons */ } .fusion-product-wrapper .product-buttons-container a.button.product_type_auction.add_to_cart_button { order: 2; /* Move "Bid now" to the second position */ margin-top: 15px !important; /* Add top margin */ width: auto; /* Adjust width to content */ padding: 8px 15px !important; /* Add padding to the button */ text-align: center; /* Center the text in the button */ box-sizing: border-box; /* Include padding and border in the width */ } .fusion-product-wrapper .product-buttons-container .show_details_button { order: 3; /* Move "Details" to the third position */ width: auto; /* Adjust width to content */ padding: 8px 15px !important; /* Add padding to the button */ text-align: center; /* Center the text in the button */ box-sizing: border-box; /* Include padding and border in the width */ } /* ---- TEMPORIZADOR COMPACTO (1 LINHA) ---- */ .yith-wcact-timeleft-loop { display: inline-flex !important; align-items: center !important; background: white !important; border: 2px solid #dc3545 !important; border-radius: 8px !important; padding: 6px 10px !important; white-space: nowrap !important; max-width: 100% !important; overflow: hidden !important; margin: 10px 0 !important; } /* TEXTO "Time left:" */ .yith-wcact-timeleft-loop::before { content: "Time left: " !important; color: #dc3545 !important; font-size: 12px !important; font-weight: bold !important; margin-right: 8px !important; } /* CONTÊINER DOS NÚMEROS */ .yith-wcact-timer-auction { display: flex !important; gap: 5px !important; align-items: baseline !important; } /* NÚMEROS (GRANDES) */ .yith-wcact-number { font-size: 16px !important; font-weight: bold !important; color: #333 !important; min-width: 18px !important; text-align: center !important; } /* LABELS (D/H/M/S - PEQUENOS) */ .yith-wcact-number-label { font-size: 10px !important; color: #666 !important; text-transform: uppercase !important; margin-right: 5px !important; } /* AJUSTE PARA MOBILE */ @media (max-width: 480px) { .yith-wcact-timeleft-loop::before { font-size: 11px !important; margin-right: 5px !important; } .yith-wcact-number { font-size: 14px !important; } .yith-wcact-number-label { font-size: 9px !important; } } /* ============================================ ESCONDE O TEMPORIZADOR PADRAO ============================================ */ .ywcact-other-auction-info-timeleft-section small { display: none; } /* Opcional: Se você precisar ajustar o espaçamento após ocultar o texto */ .ywcact-other-auction-info-timeleft { margin-top: 0; /* Ou outro valor para ajustar o espaçamento */ } /* ============================================ ORGANIZA PRODUTOS NA HOME ============================================ */ .lote-grid { display: grid; grid-template-columns: 1fr repeat(5, 1fr); /* 1 coluna para info, 5 para produtos */ gap: 15px; } .lote-info-col { background-color: #f0f0f0; /* Cor cinza claro */ padding: 10px; } .lote-nome { font-size: 18px; font-weight: bold; margin-bottom: 5px; } .lote-termina { font-size: 14px; color: #555; margin-bottom: 10px; } .lote-ver-todos { display: inline-block; padding: 8px 12px; border: 1px solid #ccc; border-radius: 4px; color: #333; text-decoration: none; } .product-col { text-align: center; border: 1px solid #eee; /* Adicionei borda para visualização */ padding: 10px; } .product-link { display: block; text-decoration: none; color: #000; } .product-title { font-size: 12px; /* Reduzi o tamanho da fonte */ margin-top: 5px; } .product-title:hover { text-decoration: underline; } /* Ajuste para telas menores */ @media (max-width: 768px) { .lote-grid { grid-template-columns: 1fr; /* Uma coluna em telas menores */ } .lote-info-col { grid-column: 1 / -1; /* Ocupa a largura total em telas menores */ } } /* --- ESTILOS PRINCIPAIS DO BOTÃO "PROCEED TO CHECKOUT" --- */ /* Seletor mais específico para o botão no container de envio do carrinho */ .wc-block-cart__submit-container .wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained { /* Fundo com Gradiente */ background: linear-gradient(to right, #FBA337, #E08F2A) !important; /* Laranja principal para um laranja mais escuro */ border: none !important; /* Remove qualquer borda */ color: #FFFFFF !important; /* Cor do texto (branco) */ /* Layout Flexbox para Alinhamento Horizontal e Vertical do Ícone e Texto */ display: flex !important; align-items: center !important; /* Alinha verticalmente ao centro */ justify-content: center !important; /* Alinha horizontalmente ao centro */ /* Prevenção de Quebra de Linha para o Texto */ white-space: nowrap !important; /* Impede que o texto "Proceed to Checkout" quebre em duas linhas */ overflow: hidden !important; /* Esconde qualquer texto que transborde */ text-overflow: ellipsis !important; /* Adiciona "..." se o texto for muito longo */ /* Tamanho e Espaçamento do Botão */ padding: 18px 40px !important; /* Aumenta o padding para um botão maior */ font-weight: bold !important; /* Negrito */ border-radius: 8px !important; /* Bordas arredondadas */ /* Efeitos de Sombra e Transição */ box-shadow: 0 6px 12px rgba(0, 0, 0, 0.25) !important; /* Sombra mais visível */ text-transform: uppercase !important; /* Texto em maiúsculas */ letter-spacing: 0.5px !important; /* Pequeno espaçamento entre as letras */ text-decoration: none !important; /* Remove sublinhado de link */ line-height: normal !important; /* Garante alinhamento de linha correto */ transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease !important; /* Transições suaves para hover */ } /* Estilo para o Ícone de Carrinho (antes do texto) */ .wc-block-cart__submit-container .wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained::before { content: "\f07a" !important; /* Ícone de carrinho do Font Awesome (Solid) */ font-family: "Font Awesome 5 Free" !important; /* Garante que a fonte Font Awesome seja usada */ font-weight: 900 !important; /* Necessário para ícones sólidos do Font Awesome 5 */ margin-right: 8px !important; /* Espaçamento de 8px entre o ícone e o texto */ font-size: 1.2em !important; /* Tamanho do ícone relativo ao texto do botão */ color: #FFFFFF !important; /* Cor do ícone (branco) */ vertical-align: middle !important; /* Ajuda no alinhamento vertical */ } /* Estilo para o Texto Interno do Botão (span) */ .wc-block-cart__submit-container .wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained span.wc-block-components-button__text { font-size: 1.1em !important; /* Texto ligeiramente menor */ color: #FFFFFF !important; /* Garante que o texto seja branco */ } /* Estilo de Hover para o Botão */ .wc-block-cart__submit-container .wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained:hover { background: linear-gradient(to right, #E08F2A, #D38420) !important; /* Gradiente mais escuro no hover */ box-shadow: 0 8px 16px rgba(0, 0, 0, 0.35) !important; /* Sombra mais intensa no hover */ transform: translateY(-2px) !important; /* Move o botão ligeiramente para cima no hover */ } /* Garante que ícone e texto fiquem brancos no hover */ .wc-block-cart__submit-container .wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained:hover::before, .wc-block-cart__submit-container .wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained:hover span.wc-block-components-button__text { color: #FFFFFF !important; } /* --- ESTILOS PARA O BOTÃO DE FINALIZAR COMPRA NA PÁGINA DE CHECKOUT (Tradicional, se aplicável) --- */ .woocommerce-checkout #payment #place_order { background: linear-gradient(to right, #FBA337, #E08F2A) !important; border: none !important; color: #FFFFFF !important; display: flex !important; align-items: center !important; justify-content: center !important; white-space: nowrap !important; padding: 18px 40px !important; font-weight: bold !important; font-size: 1.4em !important; border-radius: 8px !important; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.25) !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; transition: all 0.3s ease !important; } .woocommerce-checkout #payment #place_order::before { content: "\f07a" !important; font-family: "Font Awesome 5 Free" !important; font-weight: 900 !important; margin-right: 8px !important; font-size: 1.2em !important; color: #FFFFFF !important; vertical-align: middle !important; } .woocommerce-checkout #payment #place_order:hover { background: linear-gradient(to right, #E08F2A, #D38420) !important; box-shadow: 0 8px 16px rgba(0, 0, 0, 0.35) !important; transform: translateY(-2px) !important; } .woocommerce-checkout #payment #place_order:hover::before { color: #FFFFFF !important; } /* --- ESTILOS PARA A IMAGEM ABAIXO DO BOTÃO --- */ /* Garante que o container do botão não tenha margens que possam atrapalhar */ .wc-block-cart__submit-container { position: relative; /* Necessário para posicionar elementos internos se fosse o caso */ margin-bottom: 0 !important; /* Remove qualquer margem inferior que possa ter sido adicionada */ } /* Adiciona a imagem como um pseudo-elemento APÓS o container do botão */ .wc-block-cart__submit-container::after { content: ""; /* Necessário para o pseudo-elemento aparecer */ display: block !important; /* Transforma o pseudo-elemento em um bloco para controle total */ margin-top: 15px !important; /* Padding de 15px entre o botão e a imagem */ margin-bottom: 15px !important; /* Adiciona 15px de espaço abaixo da imagem também */ width: 80% !important; /* Largura da imagem em 80% do container pai */ max-width: 300px !important; /* Largura máxima da imagem (evita que fique enorme em telas grandes) */ height: 100px !important; /* **ALTURA FIXA DA IMAGEM - MUITO IMPORTANTE!** Ajuste este valor se a imagem parecer esmagada ou esticada. Uma boa altura para 300px de largura seria 100px para uma proporção 3:1. */ background-image: url('https://spacecoastauctions.com/wp-content/uploads/2025/05/cards-footer-1.webp') !important; /* URL da imagem */ background-size: contain !important; /* Redimensiona a imagem para caber sem cortar */ background-repeat: no-repeat !important; /* Impede que a imagem se repita */ background-position: center center !important; /* Centraliza a imagem dentro do seu espaço */ margin-left: auto !important; /* Centraliza a imagem horizontalmente */ margin-right: auto !important; /* Centraliza a imagem horizontalmente */ } /* --- CORREÇÃO DO LAYOUT --- */ .product.type-product.product-type-auction { display: flex !important; flex-wrap: wrap !important; gap: 30px !important; width: 100% !important; margin: 0 auto !important; padding: 20px 0 !important; box-sizing: border-box !important; align-items: flex-start !important; } .avada-single-product-gallery-wrapper { flex: 1 1 50% !important; min-width: 300px !important; max-width: 100% !important; padding: 0 !important; margin: 0 !important; } .summary.entry-summary { flex: 1 1 45% !important; min-width: 300px !important; max-width: 100% !important; padding: 20px !important; background-color: #f5f5f5 !important; border-radius: 5px !important; margin: 0 !important; } /* --- TEMPORIZADOR (ESTILO ATUALIZADO) --- */ .yith-wcact-container-timeleft { background-color: transparent; !important; /* Fundo cinza */ padding: 0px !important; margin: 0px !important; } .timer.yith-wcact-timer-auction { color: #d32f2f !important; /* Texto vermelho */ font-weight: bold !important; font-size: 16px !important; display: flex !important; justify-content: center !important; gap: 10px !important; } /* --- CURRENT PRICE (SUBSTITUI CURRENT BID) --- */ .ywcact-current-bid-label { display: none !important; } .ywcact-current-bid-label + p { font-size: 0 !important; } .ywcact-current-bid-label + p:before { content: "Current Price: "; font-size: 16px !important; color: #333 !important; font-weight: normal; } /* --- QUICK BID BUTTON --- */ .quick-bid-container { margin: 20px 0; text-align: center; } .quick-bid-button { background-color: #c62828 !important; /* Vermelho escuro */ color: white !important; border: none !important; padding: 12px 20px !important; font-size: 16px !important; font-weight: bold !important; border-radius: 4px !important; cursor: pointer !important; width: 100% !important; display: block !important; transition: background-color 0.3s !important; } .quick-bid-button:hover { background-color: #b71c1c !important; } /* ===================== */ /* BID INPUT FIELD STYLES */ /* ===================== */ .bid-input-container { margin: 20px 0; width: 100%; } /* Input group container */ .bid-input-group { display: flex; width: 100%; } /* Dollar sign prefix */ .bid-currency-symbol { padding: 10px 12px; font-size: 16px; background-color: #f5f5f5; border: 1px solid #ddd; border-right: none; border-radius: 4px 0 0 4px; display: flex; align-items: center; } /* Actual input field */ .bid-amount-input { flex: 1; padding: 10px 12px; font-size: 16px; border: 1px solid #ddd; border-left: none; border-radius: 0 4px 4px 0; min-width: 100px; transition: border-color 0.3s ease; } .bid-amount-input:focus { outline: none; border-color: #66afe9; box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(102,175,233,0.6); } /* Instruction text below input */ .bid-instruction { display: block; font-size: 12px; color: #666; margin-top: 5px; text-align: right; padding-right: 5px; font-style: italic; } .bid-instruction strong { color: #d32f2f; font-style: normal; } /* Responsive adjustments */ @media (max-width: 480px) { .bid-currency-symbol, .bid-amount-input { padding: 8px 10px; font-size: 14px; } .bid-instruction { font-size: 11px; } } /* --- BOTÕES ORIGINAIS (MANTIDOS) --- */ button.ywcact-auction-confirm.button.alt { /* Seus estilos originais mantidos */ } button.auction_add_to_cart_button.ywcact-auction-buy-now-button.button.alt { /* Seus estilos originais mantidos */ } /* --- RESPONSIVIDADE --- */ @media (max-width: 768px) { .avada-single-product-gallery-wrapper, .summary.entry-summary { flex: 1 1 100% !important; } } /* --- REMOVE "TIME LEFT" DUPLICADO --- */ .yith-wcact-timeleft-label { display: none !important; } /* --- TEMPORIZADOR --- */ .yith-wcact-container-timeleft { width: 100% !important; background-color: transparent; !important; } .timer.yith-wcact-timer-auction { color: #333 !important; background: transparent !important; padding: 12px !important; border-radius: 6px !important; font-weight: bold !important; display: flex !important; justify-content: center !important; width: 100% !important; box-sizing: border-box !important; } /* --- REMOVE "YOUR BID" TEXT --- */ .ywcact-your-bid-header { display: none !important; } /* --- FORMULÁRIO DE BID --- */ #yith-wcact-form-bid { display: flex !important; flex-wrap: wrap !important; gap: 10px !important; align-items: center !important; width: 100% !important; margin: 20px 0 !important; } /* GRUPO $ + INPUT */ .bid-input-group { display: flex !important; flex-grow: 1 !important; min-width: 200px !important; } /* SÍMBOLO $ */ .bid-currency { background: #f5f5f5 !important; border: 1px solid #ddd !important; border-right: none !important; padding: 0 12px !important; font-size: 16px !important; display: flex !important; align-items: center !important; border-radius: 4px 0 0 4px !important; } /* CAMPO DE TEXTO */ .bid-input { border: 1px solid #ddd !important; border-left: none !important; padding: 10px 12px !important; font-size: 16px !important; flex-grow: 1 !important; border-radius: 0 4px 4px 0 !important; min-width: 100px !important; } /* BOTÃO BID */ button.ywcact-auction-confirm.button.alt { background: #f5f5f5 !important; color: #333 !important; border: 1px solid #ddd !important; padding: 10px 20px !important; font-size: 16px !important; border-radius: 4px !important; flex-shrink: 0 !important; height: 40px !important; margin: 0 !important; } /* BOTÃO QUICK BID */ .quick-bid-button { background: #d32f2f !important; color: white !important; border: none !important; padding: 12px !important; font-size: 16px !important; border-radius: 4px !important; cursor: pointer !important; width: 100% !important; text-align: center !important; margin: 10px 0 20px !important; display: block !important; } /* TEXTO DO LANCE MÍNIMO */ .min-bid-text { font-size: 13px !important; color: #666 !important; width: 100% !important; text-align: center !important; margin-top: 5px !important; } /* RESPONSIVO */ @media (max-width: 768px) { #yith-wcact-form-bid { flex-direction: column; } .bid-input-group { width: 100% !important; } button.ywcact-auction-confirm.button.alt { width: 100% !important; } } /* ---- REMOVE "TIME LEFT" E AJUSTA TEMPORIZADOR ---- */ .ywcact-time-left, .yith-wcact-timeleft-label { display: none !important; } .timer.yith-wcact-timer-auction { background: transparent !important; padding: 12px !important; border-radius: 6px !important; display: flex !important; justify-content: center !important; gap: 15px !important; width: 100% !important; margin: 10px 0 !important; } .yith-wcact-timeleft { display: flex !important; flex-direction: column !important; align-items: center !important; min-width: 40px !important; } .yith-wcact-number { font-size: 24px !important; font-weight: bold !important; color: #333 !important; } .yith-wcact-number-label { font-size: 12px !important; color: #666 !important; } /* ---- DATA DE TÉRMINO ---- */ .ywcact-auction-end-date { text-align: center; margin-top: 10px; font-size: 14px; } #dateend { font-weight: bold; color: #333; } /* --- FORMULÁRIO BID --- */ #yith-wcact-form-bid { display: flex; gap: 10px; margin: 20px 0; } .bid-input-group { display: flex; flex-grow: 1; } .bid-currency { background: #f5f5f5; border: 1px solid #ddd; padding: 0 12px; display: flex; align-items: center; border-radius: 4px 0 0 4px; } .bid-input { border: 1px solid #ddd; border-left: none; padding: 10px; width: 100%; border-radius: 0 4px 4px 0; } .bid-submit-button { background: #f5f5f5; border: 1px solid #ddd; padding: 10px 20px; border-radius: 4px; cursor: pointer; } .min-bid-notice { font-size: 13px; color: #666; text-align: right; margin-top: 5px; } @media (max-width: 768px) { #yith-wcact-form-bid { flex-direction: column; } }

Home & Lifestyle

Electronics & Tech

Entertainment & Fashion

Get Started Now

Keyaluo Solar Eclipse Glasses

Menu

Categories

Contacts

get in touch