/*
Theme Name: YIOT Torah
Theme URI: https://github.com/NooraDigital-Organization/yiottorah
Author: Noora Digital
Author URI: https://www.nooradigital.com
Description: Minimal Elementor-first theme for YIOT Torah (Young Israel of Teaneck). All page layouts are built with Elementor and the YIOT Widgets plugin; the header and footer are built with Elementor Theme Builder or the Elementor Header & Footer Builder plugin. This theme intentionally ships almost no design of its own so every part of the site stays editable.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.7
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: yiot-torah
Tags: one-column, custom-logo, custom-menu, editor-style, featured-images, translation-ready
*/

:root {
  --yiot-primary: #0069a6;
  --yiot-primary-dark: #005485;
  --yiot-primary-darker: #003f64;
  --yiot-sky: #d4ecff;
  --yiot-sky-2: #9fd7fc;
  --yiot-band: #bdd7e6;
  --yiot-text: #333333;
  --yiot-bg: #fcfcfc;
  --yiot-font-heading: "Frank Ruhl Libre", Georgia, serif;
  --yiot-font-body: "Heebo", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

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

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

body {
  margin: 0;
  background-color: var(--yiot-bg);
  color: var(--yiot-text);
  font-family: var(--yiot-font-body);
  font-size: 17px;
  line-height: 1.65;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--yiot-font-heading);
  color: var(--yiot-primary-darker);
  line-height: 1.25;
  margin: 0 0 0.5em;
}

a {
  color: var(--yiot-primary);
}

a:hover {
  color: var(--yiot-primary-dark);
}

img {
  max-width: 100%;
  height: auto;
}

/* Fallback header/footer (only shown until an Elementor header/footer is published) */
.yiot-fallback-header {
  background: #fff;
  border-bottom: 4px solid var(--yiot-primary);
  padding: 16px 24px;
  display: flex;
  align-items: center;
  gap: 32px;
  flex-wrap: wrap;
}

.yiot-fallback-header .site-title {
  font-family: var(--yiot-font-heading);
  font-size: 26px;
  margin: 0;
}

.yiot-fallback-header .site-title a {
  text-decoration: none;
  color: var(--yiot-primary-darker);
}

.yiot-fallback-nav ul {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin: 0;
  padding: 0;
}

.yiot-fallback-nav a {
  text-decoration: none;
  font-weight: 600;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  color: var(--yiot-text);
}

.yiot-fallback-nav a:hover {
  color: var(--yiot-primary);
}

.yiot-fallback-nav .sub-menu {
  display: none;
}

.yiot-fallback-footer {
  background: var(--yiot-primary-darker);
  color: #fff;
  text-align: center;
  padding: 28px 24px;
  margin-top: 64px;
  font-size: 14px;
}

.yiot-fallback-footer a {
  color: var(--yiot-sky);
}

/* Plain content fallback (used until Elementor single/archive templates exist) */
.yiot-fallback-content {
  max-width: 860px;
  margin: 0 auto;
  padding: 48px 24px;
}

.yiot-fallback-content .entry-meta {
  font-size: 14px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--yiot-primary);
  margin-bottom: 8px;
}