/*
Theme Name: Refaire Cuisine
Theme URI: http://localhost:8090/
Author: Codex
Description: Theme WordPress one-page pour Refaire Cuisine.
Version: 1.0.0
Text Domain: refaire-cuisine
*/

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  background: #fcfbf7;
  color: #1a1a1a;
  font-family: "Playfair Display", serif;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body .font-headline {
  font-family: "Noto Serif", serif;
}

body .font-body,
body .font-label {
  font-family: "Playfair Display", serif;
}

body .bg-primary {
  background-color: #050505;
}

body .bg-secondary {
  background-color: #b8860b;
}

body .bg-surface {
  background-color: #fcfbf7;
}

body .bg-surface-container {
  background-color: #f5f2eb;
}

body .bg-primary-container {
  background-color: #0d0d0d;
}

body .text-secondary {
  color: #b8860b;
}

body .text-on-surface {
  color: #1a1a1a;
}

body .text-on-surface-variant {
  color: #4a4a4a;
}

body .text-primary {
  color: #050505;
}

body .text-on-primary {
  color: #ffffff;
}

body.admin-bar nav.fixed {
  top: 32px;
}

@media (max-width: 782px) {
  body.admin-bar nav.fixed {
    top: 46px;
  }
}

.material-symbols-outlined {
  font-variation-settings: "FILL" 0, "wght" 300, "GRAD" 0, "opsz" 24;
}

.text-stroke {
  -webkit-text-stroke: 1px rgba(184, 134, 11, 0.4);
  color: transparent;
}

.hero-gradient {
  background: linear-gradient(to bottom, rgba(5, 5, 5, 0.4) 0%, rgba(5, 5, 5, 0.8) 100%);
}

.hero-slide {
	z-index: 1;
	pointer-events: none;
}

.hero-slide.active {
	opacity: 1;
	z-index: 2;
	pointer-events: auto;
}

.hero-dot-progress.active {
	height: 100%;
}

.rc-front-page {
  overflow: clip;
}

.rc-form-select {
  background-image:
    linear-gradient(45deg, transparent 50%, #b8860b 50%),
    linear-gradient(135deg, #b8860b 50%, transparent 50%);
  background-position:
    calc(100% - 12px) calc(50% - 2px),
    calc(100% - 6px) calc(50% - 2px);
  background-size: 6px 6px, 6px 6px;
  background-repeat: no-repeat;
}

.rc-editor-note {
  font-size: 12px;
  color: #6b7280;
  margin-top: 8px;
}

.rc-editor-media {
  width: 100%;
  height: auto;
  margin-top: 8px;
  border: 1px solid #d6d3d1;
}

body.home nav.fixed {
  background: rgba(5, 5, 5, 0.95);
}

.rc-front-page nav .text-white {
  color: #ffffff;
}

.rc-front-page nav button {
  background: #b8860b;
  color: #050505;
}

.rc-front-page #hero .hero-eyebrow {
  color: #b8860b;
}

.rc-front-page #hero .hero-title {
  color: #ffffff;
}

.rc-front-page #hero .hero-text {
  color: #d6d3d1;
}

.rc-front-page #hero .hero-cta a {
  background: #b8860b;
  color: #050505;
}

.rc-front-page #hero .hero-cta a span {
  color: inherit;
}

body.home #projets h2 {
  opacity: 0.08;
}

body.home #projets h3 {
  color: #ffffff;
}