/*
 Theme Name:   Glagolica Child (Astra)
 Theme URI:    https://example.com/glagolica-child
 Description:  Child theme for Astra with Glagolitic styling (parchment + brown + gold). Provides home and product landing templates.
 Author:       ChatGPT
 Version:      1.0.0
 Template:     astra
 Text Domain:  glagolica-child
*/

/* Color variables */
:root {
  --gl-bg: #f2e6cf;       /* parchment */
  --gl-bg-2: #f7edd8;
  --gl-text: #3b2b1a;     /* dark brown */
  --gl-accent: #a67c00;   /* gold */
  --gl-dark: #2a2015;
  --gl-card: #fffaf0;
}

/* Base */
body {
  background: var(--gl-bg);
  color: var(--gl-text);
  font-family: 'Montserrat', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  line-height: 1.7;
}

a { color: var(--gl-text); }
a.button, .button, .ast-button, .wp-block-button__link {
  background: var(--gl-text);
  color: #fff;
  border-radius: 8px;
  padding: 12px 20px;
}
a.button:hover, .button:hover, .ast-button:hover, .wp-block-button__link:hover {
  background: var(--gl-dark);
  color: #fff;
}

/* Hero section */
.gl-hero {
  background: linear-gradient(180deg, rgba(255,255,255,0.6), rgba(255,255,255,0.9)), url('');
  background-color: var(--gl-bg-2);
  padding: 80px 20px;
  text-align: left;
}
.gl-hero h1 {
  font-family: 'Cinzel', Georgia, serif;
  font-weight: 700;
  font-size: clamp(32px, 5vw, 56px);
  color: var(--gl-text);
  margin-bottom: 10px;
}
.gl-hero p {
  font-size: clamp(16px, 2.5vw, 20px);
  max-width: 780px;
}
.gl-cta {
  margin-top: 24px;
}

/* Section */
.gl-section {
  padding: 60px 20px;
  background: var(--gl-bg);
}
.gl-section.alt { background: var(--gl-bg-2); }

.container {
  max-width: 1100px;
  margin: 0 auto;
}

/* Cards / features */
.gl-grid-3 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
}
@media (max-width: 900px) {
  .gl-grid-3 { grid-template-columns: 1fr; }
}
.gl-card {
  background: var(--gl-card);
  border-radius: 16px;
  padding: 24px;
  box-shadow: 0 8px 18px rgba(0,0,0,0.06);
  border: 1px solid rgba(0,0,0,0.05);
}

/* Converter styles */
.glagolitsa-converter {
  background: var(--gl-card);
  border-radius: 16px;
  padding: 24px;
  border: 1px solid rgba(0,0,0,0.06);
}
.glagolitsa-converter textarea {
  width: 100%;
  min-height: 130px;
  padding: 12px;
  border-radius: 8px;
  border: 1px solid #d4c6a8;
  background: #fffdf6;
  font-size: 16px;
}
.glagolitsa-output {
  margin-top: 16px;
  padding: 18px;
  border-radius: 12px;
  background: #fffdf6;
  border: 1px dashed #cbb893;
  font-family: 'Noto Serif Glagolitic', serif;
  font-size: 28px;
}

/* Headings */
h2.gl-title {
  font-family: 'Cinzel', Georgia, serif;
  font-weight: 700;
  font-size: clamp(24px, 4vw, 36px);
  margin-bottom: 12px;
}

/* Footer tweak */
.site-footer {
  background: var(--gl-bg-2);
}