/*
Theme Name: Mulebuy Blog
Theme URI: https://mulebuy.com/blogs
Author: Mony
Description: Standalone custom theme for the Mulebuy blog (mulebuy.com/blogs). Replaces Astra + Code Snippets.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: mulebuy-blog
*/

/* ========== 基础 Reset ========== */
*, ul, ol, li {
  margin: 0;
  padding: 0;
}

html {
  -webkit-text-size-adjust: 100%;
}

body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  color: #191a1f;
  background: #ffffff;
  font-size: 16px;
  line-height: 1.6;
}

img {
  max-width: 100%;
}

a {
  color: inherit;
}

button {
  font-family: inherit;
  cursor: pointer;
  border: none;
}

input, select, textarea {
  font-family: inherit;
}

/* ========== 公共容器 ========== */
.app-container {
  max-width: 100%;
  margin: 0 auto;
  padding: 0 20px;
}

@media (min-width: 1200px) {
  .app-container {
    max-width: 1200px;
    padding: 0;
  }
}

@media (min-width: 1580px) {
  .app-container {
    max-width: 1580px;
    padding: 0;
  }
}

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