/*
Theme Name: TV3 Theme
Description: Custom theme for TV3 Blog WordPress project
Author: OiGreat
Version: 1.0.0
Text Domain: tv3-theme
*/

/* No custom styling here. */
/* Please use the /assets/css/ directory. */
/*
███████╗████████╗ ██████╗ ██████╗
██╔════╝╚══██╔══╝██╔═══██╗██╔══██╗
███████╗   ██║   ██║   ██║██████╔╝
╚════██║   ██║   ██║   ██║██╔═══╝
███████║   ██║   ╚██████╔╝██║
╚══════╝   ╚═╝    ╚═════╝ ╚═╝
*/

/* 1) Universal box-sizing and zero default margins */
:where(*, *::before, *::after) {
  box-sizing: border-box;
}
:where(*) {
  margin: 0;
}

/* 2) Typographic sanity */
html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  font-family: Formular;
  font-weight: 400;
  overflow-x: clip;
}
/* RU pages: force Formular on all readable text */
html:lang(ru) :not(code, pre, kbd, samp,
  .fa, .fas, .far, .fab, .fa-solid, .fa-regular, .fa-brands,
  .material-icons, .material-symbols-outlined, .material-symbols-rounded,
  .dashicons, svg, svg *) {
  font-family: Formular !important;
}
body {
  line-height: 1.5;
  min-height: 100svh; /* Safe viewport for mobile toolbars */
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}

/* 3) Headings & text: predictable wrapping and rhythm */
h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 1.2;
  text-wrap: balance;
}
p,
li,
figcaption {
  text-wrap: pretty;
}

/* 4) Links: better underline & focus behavior */
a {
  color: inherit;
  text-decoration-skip-ink: auto;
}
a:not([class]) {
  text-decoration-thickness: from-font;
}

/* 5) Images, media, and SVG scale nicely by default */
img,
picture,
video,
canvas,
svg {
  display: block;
  max-width: 100%;
  height: auto;
}
svg {
  fill: currentColor;
}

/* 6) Forms inherit fonts and remove oddities */
input,
button,
textarea,
select {
  font: inherit;
  color: inherit;
}
textarea {
  resize: vertical;
}
button {
  background: none;
  border: 0;
  padding: 0;
  cursor: pointer;
}
label,
button,
[role="button"] {
  -webkit-tap-highlight-color: transparent;
}
a,
a:hover {
  text-decoration: none;
}

/* 7) Lists behave only when you ask them to */
ul[role="list"],
ol[role="list"] {
  list-style: none;
  padding: 0;
}

/* 8) Tables: minimal sensible defaults */
table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}

/* 9) Remove animations/scroll effects for users who prefer reduced motion */
@media (prefers-reduced-motion: reduce) {
  :root {
    scroll-behavior: auto;
  }
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

/* 10) Utility: a nice focus style without fighting component libs */
:where(:focus-visible) {
  outline: auto;
  outline-offset: 2px;
}

/* Remove global top/bottom padding site-wide */
.wp-site-blocks {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* No custom styling here. */
/* Please use the /assets/css/ directory. */
/*
███████╗████████╗ ██████╗ ██████╗
██╔════╝╚══██╔══╝██╔═══██╗██╔══██╗
███████╗   ██║   ██║   ██║██████╔╝
╚════██║   ██║   ██║   ██║██╔═══╝
███████║   ██║   ╚██████╔╝██║
╚══════╝   ╚═╝    ╚═════╝ ╚═╝
*/