/*
Theme Name: Clean Blog - Tema WP SEO Minimalista
Theme URI: https://autoblogexpress.com/themes/minimal-seo-clean-blog
Author: AutoblogEXPRESS
Author URI: https://autoblogexpress.com
Description: Um tema minimalista, clean, ultra-rápido e focado em SEO e GSC. Desenvolvido para alta performance e Core Web Vitals.
Version: 1.6.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: clean-blog-wp-seo
Tags: one-column, accessibility-ready, custom-colors, custom-menu, editor-style, featured-images
*/

/*
  Estilos gerenciados via Tailwind CSS.
  Este arquivo contém apenas as informações obrigatórias do tema WordPress.
*/

/* Self-hosted fonts: avoids the render-blocking round trip to
   fonts.googleapis.com + fonts.gstatic.com (extra DNS/TLS/request latency
   on every first visit), and puts caching under our own control. Inter is a
   variable font, so one file per subset covers weights 400–700. */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('assets/fonts/inter-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('assets/fonts/inter-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Material Symbols Outlined';
  font-style: normal;
  font-weight: 100 700;
  font-display: swap;
  src: url('assets/fonts/material-symbols-subset.woff2') format('woff2');
}
.material-symbols-outlined {
  font-family: 'Material Symbols Outlined';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}

.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}

/* Post Content Typography */
.post-content h2 {
  font-size: 1.875rem;
  font-weight: 700;
  margin-top: 2.5rem;
  margin-bottom: 1.25rem;
  line-height: 1.25;
  scroll-margin-top: 6rem;
}

.post-content h3 {
  font-size: 1.5rem;
  font-weight: 700;
  margin-top: 2rem;
  margin-bottom: 1rem;
  line-height: 1.25;
  scroll-margin-top: 6rem;
}

.post-content p {
  margin-bottom: 1.5rem;
}

.post-content p:first-of-type {
  font-size: 1.25rem;
  font-weight: 500;
  color: #405160;
}

.dark .post-content p:first-of-type {
  color: #e5e7eb;
}

.post-content blockquote {
  border-left: 4px solid #137fec;
  padding-left: 1.5rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
  font-style: italic;
  font-size: 1.25rem;
  background-color: #f6f7f8;
  border-radius: 0 0.5rem 0.5rem 0;
}

.dark .post-content blockquote {
  background-color: rgba(31, 41, 55, 0.5);
  color: #fff;
}

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

.post-content ul {
  list-style-type: disc;
}

.post-content ol {
  list-style-type: decimal;
}

.post-content li {
  margin-bottom: 0.75rem;
}

.post-content a {
  color: #137fec;
  text-decoration: underline;
}

.post-content a:hover {
  text-decoration: none;
}

/* Primary Menu: dropdown submenus (Aparência > Menus > arraste um item para
   dentro de outro para criar um subitem) */
.primary-nav .menu-item-has-children {
  position: relative;
}

.primary-nav .menu-item-has-children > a::after {
  content: "▾";
  display: inline-block;
  margin-left: 0.25rem;
  font-size: 0.65em;
  vertical-align: middle;
}

.primary-nav .sub-menu {
  list-style: none;
  margin: 0;
  padding: 0.5rem 0;
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 200px;
  background: #ffffff;
  border-radius: 0.5rem;
  box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
  opacity: 0;
  visibility: hidden;
  transform: translateY(-6px);
  transition: opacity 0.15s ease, transform 0.15s ease, visibility 0.15s;
  z-index: 50;
}

.dark .primary-nav .sub-menu {
  background: #1a2632;
}

.primary-nav .menu-item-has-children:hover > .sub-menu,
.primary-nav .menu-item-has-children:focus-within > .sub-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.primary-nav .sub-menu a {
  display: block;
  padding: 0.5rem 1rem;
  white-space: nowrap;
  font-size: 0.875rem;
}

/* A sub-submenu (3rd level) opens sideways instead of stacking further down */
.primary-nav .sub-menu .sub-menu {
  top: 0;
  left: 100%;
}

/* Mobile Menu: submenus stay always visible, just indented under their parent */
#mobile-menu .sub-menu {
  list-style: none;
  margin: 0.5rem 0 0 1rem;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}