/*
Theme Name: R360 Child
Theme URI: https://r360state.com
Template: realar
Author: R360 / Alpha Resolution Inc
Author URI: https://r360state.com
Description: Child theme of Realar for R360°. Holds all R360 custom page templates (Homepage, Pricing, Book/Order Form, Terms) and overrides so they survive parent theme updates. See ARCHITECTURE.md for the layer map.
Version: 1.0.2
Template: realar
License: GNU General Public License v2 or later
Text Domain: r360-child
*/

/* ──────────────────────────────────────────────────────────────────────────
   This file intentionally holds NO heavy CSS. Page-specific styling lives in
   each template's own <style> block (Aesthetic Layer, scoped per page).
   Only put SITE-WIDE overrides here.
   ────────────────────────────────────────────────────────────────────────── */

/* ══════════════════════════════════════════════════════════════════════════
   SITE-WIDE CREAM BACKGROUND
   Recolors the white PAGE/SECTION background to brand cream (#F4F3F0) on every
   page. White CARDS/PANELS that sit on top stay white so they keep their lift.
   Only the base layer (body/.page) changes — not card surfaces.
   ══════════════════════════════════════════════════════════════════════════ */
body,
body.page,
.page,
#wrapper,
.elementor-kit-default {
  background-color: #F4F3F0 !important;
}

/* Theme/Elementor sections that explicitly paint white → cream
   (only full-width section backgrounds, NOT inner cards) */
.elementor-section[data-settings*="background_background"]:not([class*="dark"]),
section.elementor-section > .elementor-background-overlay {
  /* left alone — sections with their own intentional bg keep it */
}

/* Common theme white-band wrappers → cream */
.realar-section-white,
.bg-white-section,
.default-bg {
  background-color: #F4F3F0 !important;
}

/* ══════════════════════════════════════════════════════════════════════════
   CONTACT FORM — remove white card, blend into cream, light shadows on inputs
   ══════════════════════════════════════════════════════════════════════════ */
.r360c-right {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}
/* Inputs/textarea/select: subtle white-ish fields lifted by a soft shadow
   instead of sitting on a white card */
.r360c-right input,
.r360c-right textarea,
.r360c-right select {
  background: rgba(255,255,255,0.55) !important;
  border: 1px solid rgba(0,0,0,0.08) !important;
  box-shadow: 0 2px 10px rgba(0,0,0,0.05) !important;
  border-radius: 10px !important;
}
.r360c-right input:focus,
.r360c-right textarea:focus,
.r360c-right select:focus {
  background: #fff !important;
  border-color: rgba(245,185,33,0.5) !important;
  box-shadow: 0 4px 16px rgba(0,0,0,0.08) !important;
}