/*
Theme Name: Camilla and Anne — Landing
Theme URI: https://theritualarchive.gumroad.com/l/camilla-and-anne
Author: The Ritual Archive
Author URI: https://theritualarchive.gumroad.com
Description: A one-page theme that renders the Camilla and Anne landing page full width, with no theme chrome around it. Set it as the front page, or assign the "Camilla and Anne Landing" template to any page. The page itself lives in landing.html inside the theme folder; edit that file to change copy, links or the CONFIG block.
Version: 1.3.0
Requires at least: 5.0
Tested up to: 6.6
Requires PHP: 7.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: camilla-anne-landing
Tags: one-column, full-width-template, landing-page, custom-colors
*/

/* The landing page brings its own styles, all scoped to #ra-landing.
   Everything here only clears the ground it stands on. */

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

body.ra-landing-page {
  margin: 0;
  padding: 0;
  background: #FFFFFF;
}

body.ra-landing-page #ra-landing {
  overflow-x: hidden;
}

/* Plain fallback for anything that is not the landing page:
   a single post or page, or a 404. */
body.ra-plain {
  margin: 0;
  background: #FFFFFF;
  color: #131211;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 19px;
  line-height: 1.66;
}
body.ra-plain .ra-plain-wrap {
  width: min(70ch, 92vw);
  margin: 0 auto;
  padding: 3rem 0 5rem;
}
body.ra-plain a { color: #8A0F1E; }
body.ra-plain h1, body.ra-plain h2, body.ra-plain h3 {
  font-weight: 600;
  line-height: 1.12;
  letter-spacing: -.015em;
}
body.ra-plain img { max-width: 100%; height: auto; }
body.ra-plain .ra-home-link {
  display: inline-block;
  margin-top: 2.5rem;
  font-family: system-ui, sans-serif;
  font-size: .84rem;
  letter-spacing: .04em;
  text-transform: uppercase;
}

/* The WordPress toolbar sits above everything at z-index 99999.
   Only logged-in editors see it; keep it off the popup. */
body.admin-bar #ra-landing .modal { top: 32px; }
@media screen and (max-width: 782px) {
  body.admin-bar #ra-landing .modal { top: 46px; }
}