:root { --accent: #6c1cff; } @keyframes spin3 { 0%, 100% { box-shadow: 10px 10px rgba(255, 255, 255, 1), -10px 10px rgba(255, 255, 255, 0.2), -10px -10px rgba(255, 255, 255, 1), 10px -10px rgba(255, 255, 255, 0.2); } 25% { box-shadow: -10px 10px rgba(255, 255, 255, 0.2), -10px -10px rgba(255, 255, 255, 1), 10px -10px rgba(255, 255, 255, 0.2), 10px 10px rgba(255, 255, 255, 1); } 50% { box-shadow: -10px -10px rgba(255, 255, 255, 1), 10px -10px rgba(255, 255, 255, 0.2), 10px 10px rgba(255, 255, 255, 1), -10px 10px rgba(255, 255, 255, 0.2); } 75% { box-shadow: 10px -10px rgba(255, 255, 255, 0.2), 10px 10px rgba(255, 255, 255, 1), -10px 10px rgba(255, 255, 255, 0.2), -10px -10px rgba(255, 255, 255, 1); } } #wpadminbar { top: 0 !important; } #c27-site-wrapper { background-color: #f4f4f4 }/* ===================== */ /* LOGIN (Entrar) */ /* ===================== */ /* Título da aba Entrar */ .woocommerce-account .u-column1 h2 { color: blue !important; /* azul */ } /* Fundo da aba Entrar */ .woocommerce-account .u-column1 { background-color: #e6f0ff; /* azul claro */ border: 2px solid #0044cc; /* borda azul */ border-radius: 10px; padding: 15px; } /* Labels Login */ .woocommerce-account .u-column1 label { color: #0044cc !important; /* azul */ font-weight: bold; } /* Botão de Entrar */ .woocommerce form.login button.woocommerce-Button { background-color: #0044cc !important; /* azul */ color: #fff !important; font-size: 18px; padding: 12px 25px; border-radius: 8px; border: none; cursor: pointer; transition: background 0.3s ease; } /* Hover no botão Entrar */ .woocommerce form.login button.woocommerce-Button:hover { background-color: #002a80 !important; /* azul mais escuro */ } /* Campos de input Login */ .woocommerce form.login input[type="text"], .woocommerce form.login input[type="email"], .woocommerce form.login input[type="password"] { width: 100%; max-width: 420px; height: 50px; font-size: 18px; padding: 10px; border-radius: 8px; border: 2px solid #0044cc; /* azul */ background-color: #e6f0ff; /* azul claro */ color: #000; } /* ===================== */ /* REGISTO (Registar) */ /* ===================== */ /* Título da aba Registar */ .woocommerce-account .u-column2 h2 { color: red !important; /* vermelho */ } /* Fundo da aba Registar */ .woocommerce-account .u-column2 { background-color: #ffe6e6; /* vermelho claro */ border: 2px solid #cc0000; /* borda vermelha */ border-radius: 10px; padding: 15px; } /* Labels Registar */ .woocommerce-account .u-column2 label { color: #cc0000 !important; /* vermelho */ font-weight: bold; } /* Botão de Registar */ .woocommerce form.register button.woocommerce-Button { background-color: #cc0000 !important; /* vermelho */ color: #fff !important; font-size: 18px; padding: 12px 25px; border-radius: 8px; border: none; cursor: pointer; transition: background 0.3s ease; } /* Hover no botão Registar */ .woocommerce form.register button.woocommerce-Button:hover { background-color: #a30000 !important; /* vermelho mais escuro */ } /* Campos de input Registar */ .woocommerce form.register input[type="text"], .woocommerce form.register input[type="email"], .woocommerce form.register input[type="password"], .woocommerce form.register input[type="file"] { width: 100%; max-width: 420px; height: 50px; font-size: 18px; padding: 10px; border-radius: 8px; border: 2px solid #cc0000; /* vermelho */ background-color: #ffe6e6; /* vermelho claro */ color: #000; } /* Aumentar altura do campo de pesquisa */ .form-group.search-field input[type="search"], .form-group.search-field input[type="text"] { height: 150px; /* aumenta a altura (podes ajustar) */ font-size: 18px; /* texto maior */ padding: 0 150px; /* mais espaço interno */ } /* Aumentar o botão de pesquisa */ .search-form .search-submit { height: 150px; /* igual à altura do input */ font-size: 18px; padding: 0 30px; } /* Se o quadrado completo precisar de mais largura */ .search-form { max-width: 1200px; /* aumenta largura máxima */ margin: 0 auto; /* centraliza */ }