/*
Theme Name: Arrematex
Author: Dantecom
Description: Arrematex.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/
/* Estilos para o menu mobile */
.mobile-menu {
max-height: 0;
overflow: hidden;
transition: max-height 0.3s ease-out;
}

.mobile-menu.open {
max-height: 500px;
transition: max-height 0.5s ease-in;
}

.mobile-menu a {
display: block;
padding: 12px 20px;
border-bottom: 1px solid #e5e7eb;
}

.hamburger {
transition: transform 0.3s ease;
}

.hamburger.open {
transform: rotate(90deg);
}
.post-content p {
margin-bottom: 1.5rem;
line-height: 1.7;
color: #4b5563;
}

.post-content h2 {
font-size: 1.5rem;
font-weight: bold;
margin: 2rem 0 1rem;
color: #111827;
}

.post-content h3 {
font-size: 1.25rem;
font-weight: bold;
margin: 1.5rem 0 1rem;
color: #111827;
}

.post-content ul, .post-content ol {
margin-bottom: 1.5rem;
padding-left: 1.5rem;
}

.post-content li {
margin-bottom: 0.5rem;
line-height: 1.7;
}

.post-content blockquote {
border-left: 4px solid #3b82f6;
padding-left: 1rem;
margin: 1.5rem 0;
color: #64748b;
font-style: italic;
}

.post-content img {
border-radius: 0.5rem;
margin: 1.5rem 0;
max-width: 100%;
height: auto;
}

.author-card {
background-color: #f8fafc;
border-radius: 0.5rem;
padding: 1.5rem;
border: 1px solid #e2e8f0;
}

@keyframes gavel-strike {
  0%   { transform: rotate(0deg); }
  20%  { transform: rotate(20deg); }
  40%  { transform: rotate(40deg); }
  60%  { transform: rotate(20deg); }
  80%  { transform: rotate(10deg); }
  100% { transform: rotate(0deg); }
}

@keyframes gavel-hover {
  0%   { transform: rotate(0deg); }
  20%  { transform: rotate(20deg); }
  40%  { transform: rotate(40deg); }
  60%  { transform: rotate(20deg); }
  80%  { transform: rotate(10deg); }
  100% { transform: rotate(0deg); }
}

.gavel-animate {
  animation: gavel-strike 1s ease-in-out 5s 1;
  animation-fill-mode: forwards;
  display: inline-block;
  transform-origin: 20% 80%;
}

.gavel-animate:hover {
  animation: gavel-hover 1s ease-in-out infinite;
  display: inline-block;
  transform-origin: 20% 80%;
   animation-fill-mode: forwards;
}