/*
Theme Name: chefmundo
Theme URI: https://chefmundo.com/
Author: Chiến Đẹp Zai
Author URI: https://chefmundo.com/
Description: ChefMundo recipe magazine theme converted from the local HTML prototype.
Version: 1.0.1
Requires at least: 6.0
Tested up to: 6.8
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: chefmundo
*/

:root {
  --chefmundo-primary: #ea580c;
}

html {
  scroll-behavior: smooth;
  overflow-x: hidden;
}

body {
  overflow-x: hidden;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

body.admin-bar header.sticky {
  top: 32px;
}

@media (max-width: 782px) {
  body.admin-bar header.sticky {
    top: 46px;
  }
}

img {
  max-width: 100%;
  height: auto;
}

h1,
h2,
h3 {
  text-wrap: balance;
}

p,
li {
  text-wrap: pretty;
}

a,
button,
input,
select,
textarea {
  touch-action: manipulation;
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
  outline: 3px solid rgba(234, 88, 12, 0.42);
  outline-offset: 3px;
}

.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;
}

.skip-link:focus {
  clip: auto;
  clip-path: none;
  height: auto;
  left: 1rem;
  top: 1rem;
  width: auto;
  z-index: 100000;
  background: #111827;
  color: #ffffff;
  padding: 0.75rem 1rem;
  border-radius: 999px;
  font-weight: 700;
  text-decoration: none;
}

#main-content {
  min-width: 0;
}

@media (max-width: 640px) {
  html,
  body {
    width: 100%;
  }

  input,
  select,
  textarea {
    font-size: 16px;
  }

  table,
  pre,
  code {
    max-width: 100%;
  }
}