/*
Theme Name: FaceFlow
Theme URI:
Description: A single-page premium theme for the FaceFlow random video chat landing site. Warm paper-layer design, built-in age gate, self-installing homepage, no blog.
Version: 2.3.1
Requires at least: 6.3
Tested up to: 6.6
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: faceflow
Tags: one-column, custom-menu, translation-ready
*/

/* -------------------------------------------------------------------------
   Base reset only. The full design system lives in assets/css/main.css.
   NOTE: max-width:100% is applied to img/video ONLY — never to svg, which
   collapses icon-only flex buttons to zero width on iOS Safari.
   ---------------------------------------------------------------------- */

*,
*::before,
*::after { box-sizing: border-box; }

html {
  font-size: 100%;              /* keep the root at the browser default so
                                   rem-based column widths stay honest */
  -webkit-text-size-adjust: 100%;
}

body,
h1, h2, h3, h4,
p, figure, blockquote, dl, dd, ul, ol {
  margin: 0;
  padding: 0;
}

ul[class],
ol[class] { list-style: none; }

img,
video {
  max-width: 100%;
  height: auto;
  display: block;
}

svg { display: block; }          /* deliberately no max-width here */

input,
button,
textarea,
select { font: inherit; color: inherit; }

button { background: none; border: 0; cursor: pointer; }

a { color: inherit; }

table { border-collapse: collapse; }

:where(h1, h2, h3, h4) { text-wrap: balance; }

[hidden] { display: none !important; }

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.001ms !important;
    scroll-behavior: auto !important;
  }
}