/*
Theme Name: Odeio Meligala Matoulas Filou (Kadence Child)
Theme URI: https://example.com/
Description: Kadence child theme for Odeio Meligala Matoulas Filou with bilingual pages, menus, and accessibility-focused styling.
Author: OpenAI
Template: kadence
Version: 1.0.0
Text Domain: odeio-kadence-child
*/

:root {
  --odeio-primary: #7a1e2c;
  --odeio-primary-dark: #5b1621;
  --odeio-secondary: #1e2a38;
  --odeio-accent: #6d4c1f;
  --odeio-bg: #ffffff;
  --odeio-text: #1f2933;
  --odeio-muted: #485563;
  --odeio-border: #d8dee6;
  --odeio-cream: #faf7f2;
}

body {
  color: var(--odeio-text);
}

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

a:hover,
a:focus {
  color: var(--odeio-primary-dark);
}

.site-branding img, .custom-logo {
  max-height: 72px;
  width: auto;
}

.hero-odeio {
  background: linear-gradient(rgba(30,42,56,.72), rgba(30,42,56,.72)), url('assets/hero.jpg');
  background-size: cover;
  background-position: center;
  color: #fff;
  padding: 110px 24px;
  border-radius: 18px;
}
.hero-odeio h1, .hero-odeio p { color: #fff; }
.odeio-button,
.wp-block-button__link,
.kb-button,
.button,
.wp-element-button {
  background: var(--odeio-primary);
  color: #fff !important;
  border-radius: 10px;
  border: 2px solid var(--odeio-primary);
}
.odeio-button:hover,
.odeio-button:focus,
.wp-block-button__link:hover,
.wp-block-button__link:focus,
.kb-button:hover,
.kb-button:focus,
.button:hover,
.button:focus,
.wp-element-button:hover,
.wp-element-button:focus {
  background: var(--odeio-primary-dark);
  border-color: var(--odeio-primary-dark);
  color: #fff !important;
}

.odeio-card-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 20px;
  margin: 28px 0;
}
.odeio-card {
  background: #fff;
  border: 1px solid var(--odeio-border);
  border-radius: 14px;
  padding: 22px;
  box-shadow: 0 8px 20px rgba(21,30,40,.05);
}
.odeio-card h3 { margin-top: 0; color: var(--odeio-secondary); }
.odeio-highlight {
  background: var(--odeio-cream);
  border-left: 4px solid var(--odeio-primary);
  padding: 18px 20px;
  border-radius: 8px;
}

footer a { color: #fff; }
footer a:hover, footer a:focus { color: #f3e4c7; }

.screen-reader-text:focus,
a:focus,
button:focus,
input:focus,
textarea:focus,
select:focus,
summary:focus {
  outline: 3px solid #0a66d8;
  outline-offset: 2px;
}

@media (max-width: 768px) {
  .hero-odeio { padding: 72px 20px; }
}