/*
 Theme Name:   Hello Elementor Child — Școala Gălești
 Theme URI:     https://scoalagalesti.ro
 Description:   Child theme Hello Elementor pentru site-ul de prezentare Școala Gimnazială „Szentiváni Mihály” Gălești. Design minimalist.
 Author:        Școala Gălești
 Template:      hello-elementor
 Version:       1.0.0
 Requires at least: 6.0
 Requires PHP:  7.4
 Text Domain:   hello-elementor-child-galesti
*/

/* =========================================================
   Design tokens — Școala Gălești
   ========================================================= */
:root {
  --sg-bg: #f7f5f1;
  --sg-bg-alt: #eef1f0;
  --sg-ink: #1c2b24;
  --sg-muted: #5a6560;
  --sg-accent: #2f5d50;
  --sg-accent-hover: #254a41;
  --sg-brass: #a8895a;
  --sg-border: #d8d4cc;
  --sg-white: #ffffff;
  --sg-radius: 6px;
  --sg-font-display: "Fraunces", "Libre Baskerville", Georgia, serif;
  --sg-font-body: "Source Sans 3", "DM Sans", system-ui, sans-serif;
}

/* =========================================================
   Base
   ========================================================= */
html {
  scroll-behavior: smooth;
}

body {
  background-color: var(--sg-bg);
  color: var(--sg-ink);
  font-family: var(--sg-font-body);
  font-size: 17px;
  line-height: 1.65;
}

h1,
h2,
h3,
.site-brand {
  font-family: var(--sg-font-display);
  color: var(--sg-ink);
  line-height: 1.2;
  font-weight: 600;
}

a {
  color: var(--sg-accent);
  text-decoration-thickness: 1px;
  text-underline-offset: 0.18em;
  transition: color 0.2s ease;
}

a:hover,
a:focus-visible {
  color: var(--sg-accent-hover);
}

/* =========================================================
   Buttons (Elementor + generic)
   ========================================================= */
.elementor-button,
.sg-btn,
.wpcf7 input[type="submit"] {
  background-color: var(--sg-accent) !important;
  color: var(--sg-white) !important;
  border: 0 !important;
  border-radius: var(--sg-radius) !important;
  padding: 0.85rem 1.75rem !important;
  font-family: var(--sg-font-body);
  font-weight: 600;
  font-size: 15px;
  letter-spacing: 0.01em;
  transition: background-color 0.2s ease, transform 0.2s ease;
}

.elementor-button:hover,
.elementor-button:focus,
.sg-btn:hover,
.wpcf7 input[type="submit"]:hover {
  background-color: var(--sg-accent-hover) !important;
}

.elementor-button .elementor-button-content-wrapper {
  gap: 0.35rem;
}

/* =========================================================
   Contact Form 7
   ========================================================= */
.wpcf7 label {
  display: block;
  margin-bottom: 1rem;
  font-size: 0.95rem;
  color: var(--sg-ink);
}

.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 textarea {
  width: 100%;
  margin-top: 0.35rem;
  padding: 0.75rem 0.9rem;
  border: 1px solid var(--sg-border);
  border-radius: var(--sg-radius);
  background: var(--sg-white);
  color: var(--sg-ink);
  font-family: var(--sg-font-body);
  font-size: 1rem;
}

.wpcf7 input:focus,
.wpcf7 textarea:focus {
  outline: 2px solid var(--sg-accent);
  outline-offset: 1px;
  border-color: var(--sg-accent);
}

.wpcf7-acceptance {
  margin: 1rem 0 1.25rem;
}

.wpcf7-not-valid-tip {
  color: #9b2c2c;
  font-size: 0.85rem;
}

.wpcf7-response-output {
  border-radius: var(--sg-radius);
  margin-top: 1rem !important;
}

/* =========================================================
   Utility helpers (CSS ID / classes pe section Elementor)
   ========================================================= */
.sg-section-alt {
  background-color: var(--sg-bg-alt);
}

.sg-muted {
  color: var(--sg-muted);
}

.sg-accent-line {
  width: 48px;
  height: 3px;
  background: var(--sg-brass);
  border: 0;
  margin: 1rem 0 1.5rem;
}

/* Prefer reduced motion */
@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}