/*
Theme Name: MR Premium Windows
Theme URI: https://mrpremiumwindows.com/
Author: Draccus Agency
Author URI: https://draccusagency.com
Description: Custom WordPress theme for MR Premium Windows | Premium Windows & Doors. Converted from the original React build to native WordPress (PHP) templates. Uses Tailwind (CDN) for styling and Lucide for icons. Content is editable via the inc/ data files (and ready to be wired to ACF / Custom Post Types).
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: mrpw
*/

/* -------------------------------------------------------------------------- */
/*  Custom CSS                                                                 */
/*  Tailwind utility classes are loaded via the CDN (see header.php).          */
/*  This file holds only what Tailwind utilities cannot express.              */
/* -------------------------------------------------------------------------- */

/* Fade-in animation used by the original React build (animate-fadeIn) */
@keyframes mrpwFadeIn {
  from { opacity: 0; transform: translateY(10px); }
  to   { opacity: 1; transform: translateY(0); }
}
.animate-fadeIn {
  animation: mrpwFadeIn 0.8s ease-out forwards;
}

/* Smooth scrolling for in-page anchors */
html {
  scroll-behavior: smooth;
}

/* Prevent horizontal overflow from full-bleed sections */
body {
  overflow-x: hidden;
}

/* Lucide icons inherit text color/size by default */
[data-lucide] {
  display: inline-block;
  vertical-align: middle;
}

/* Prose styling for editor-managed long-form pages (legal pages) */
.mrpw-prose > * + * { margin-top: 1.25rem; }
.mrpw-prose h2 {
  font-family: Oswald, sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 1.5rem;
  line-height: 1.2;
  color: #111111;
  margin-top: 2.5rem;
  margin-bottom: 1rem;
}
.mrpw-prose h3 {
  font-family: Oswald, sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 1.125rem;
  color: #111111;
  margin-top: 1.5rem;
  margin-bottom: .5rem;
}
.mrpw-prose p { color: #374151; }
.mrpw-prose a { color: #D62828; text-decoration: underline; }
.mrpw-prose ul { list-style: disc; padding-left: 1.5rem; }
.mrpw-prose ol { list-style: decimal; padding-left: 1.5rem; }
.mrpw-prose li { margin-top: .5rem; }
.mrpw-prose strong { color: #111111; }