/*
Theme name: Zeus
Theme URI: https://www.gaulia.eng.br/wp-thema-zeus
Author: Gaulia Engenharia
Author URI: https://www.gaulia.eng.br/
Description: Site Personalizado
Version: 1.0
Github Theme URI: 
Licence: GNU General Public License v2 ou posterior
URI da licença: http://www.gnu.org/licenses/gpl-2.0.html
Text domain: PT-BR
Domain Path: /assets/lang
Tags: blog, education, entertainment, foos-and-drink, holyday, news, portfolio, grid-layout, two-columms, left-sidebar, right-sidebar, block-styles, custom-background, custom-colors, custom-header, custom-logo, custom-menu, editor-style, featured-image-header, featured-images, flexible-header, footer-widgets, full-site-editing, full-width-template, theme-options 
Este tema, como o WordPress, é licenciado sob a GPL.
Use-o para fazer algo legal, se divertir e compartilhar o que aprendeu com outras pessoas.
*/

/* Formulários */
form {
  margin: 0; /* !important removido, a menos que necessário */
}

input, select, textarea {
  width: 98%;
  height: 35px;
  padding: 8px;
  border: none;
  accent-color: auto;
}

input:focus, select:focus, textarea:focus {
  outline: none; /* Substitui border: none para foco */
}

.form-submit {
  text-align: center;
}

.form-submit input[type="submit"] {
  width: 100%;
  max-width: 170px;
}

/* Botões */
.commentlist .reply a,
.form-submit input[type="submit"],
.wp-element-button {
  padding: 10px;
  border-radius: 10px;
  font-size: 12px;
  font-weight: bold;
}

/* Vídeos */
video {
  width: 100%;
  max-width: 100%;
  height: 100%;
}

.wp-video {
  width: 100%;
  height: 100%;
}

/* Sidebar */
.widget_block {
  padding: 10px;
  margin: 15px 0;
}

.sidebar aside.widget:not(.widget.widget-social-widget) {
  border-radius: 5px;
  background-color: var(--secondary-color);
  margin-bottom: 24px;
}

/* Categorias */
.post-categories li {
  display: inline-block; /* Melhor que inline para controle */
  width: auto; /* Remove width: 100% para itens inline */
  padding: 5px;
  border-right: 1px solid;
  list-style-type: none;
  font-stretch: condensed;
  text-transform: uppercase;
}

/* Comentários */
.commentlist {
  position: relative;
  width: 100%;
}

.commentlist ol {
  width: 100%;
  text-align: left;
  margin: 0; /* Remove margens padrão */
  padding: 0; /* Remove padding padrão */
}

.comment-notes,
.logged-in-as {
  text-align: center;
}

.commentlist .reply {
  text-align: right;
}

.commentlist .comment-respond {
  width: 100%;
  text-align: center;
}

.commentlist .comment-respond p {
  padding-top: 15px;
}

.comment-body {
  border: 1px solid #c5c5c5;
  border-radius: 10px;
  padding: 10px;
}

.comment-author {
  font-weight: 800;
}

.comment-meta {
  font-size: 12px;
}

/* Campos de Formulário de Comentário */
.comment-form-comment label,
.comment-form-author label,
.comment-form-email label,
.comment-form-url label {
  position: absolute;
  margin-left: 15px;
  font-size: 12px;
  top: 5px; /* Ajustado para consistência */
}

.comment-form-comment label {
  top: 0; /* Ajuste específico */
}

#comment, #author, #email, #url {
  box-sizing: border-box; /* Garante que bordas não afetem o tamanho */
}

#comment:required:invalid,
#author:required:invalid,
#email:required:invalid,
#url:required:invalid {
  border-left: 6px solid red;
}

#comment:valid,
#author:valid,
#email:valid,
#url:valid {
  border-left: 6px solid green;
}

.nocomments {
  display: none;
}

/* Checkbox */
.comment-form-cookies-consent label {
  width: 100%;
  padding-left: 10px;
  margin-top: 15px;
  font-size: 12px;
  text-align: center;
}

#wp-comment-cookies-consent[type="checkbox"] {
  width: 20px;
  margin-top: -15px;
}

/* Media Queries */
@media screen and (max-width: 480px) {
  .commentlist,
  .comment-respond {
    width: 99%;
    max-width: 479px;
  }
}

@media screen and (min-width: 481px) {
  .commentlist,
  .comment-respond {
    width: 50%;
    max-width: 750px;
    margin-left: auto;
    margin-right: auto; /* Substitui left: 25% para centralização */
  }
}