/* ===== Y Meirion brand ===== */
:root{
  --yme-slate:#1d1f22;         /* deep slate */
  --yme-wood:#3a2c22;          /* warm wood */
  --yme-amber:#d6a350;         /* golden accent */
  --yme-cream:#f6f2e9;         /* soft cream for text on dark */
  --yme-muted:#8a8f98;
}

/* Base */
body { background:#0f1113; color:#e9edf1; }
.container-header, .navbar { background:var(--yme-slate); }
a { color:var(--yme-amber); }
a:hover, a:focus { color:#f0c57d; text-decoration:none; }

/* Buttons */
.btn, .mod-list a.btn {
  background:var(--yme-amber); color:#1b1b1b; border:none; 
  border-radius:.6rem; padding:.65rem 1.1rem; font-weight:600;
}
.btn:hover { filter:brightness(1.1); }

/* Cards / modules */
.card, .moduletable {
  background:linear-gradient(180deg, #16181b, #111315);
  border:1px solid rgba(255,255,255,.06);
  border-radius:14px; box-shadow:0 12px 28px rgba(0,0,0,.35);
}

/* Hero section */
.yme-hero {
  position:relative; padding:6rem 0; color:var(--yme-cream);
  background:#141616 center/cover no-repeat;
}
.yme-hero::after{
  content:""; position:absolute; inset:0; 
  background:linear-gradient(90deg,#0b0c0e .2, transparent 40%, #0b0c0e .9);
}
.yme-hero .yme-inner{ position:relative; max-width:1080px; margin:0 auto; }
.yme-hero h1 { font-size:clamp(2rem, 4vw, 3.2rem); margin-bottom:.35rem; }
.yme-hero p.lead{ font-size:1.15rem; color:#f2eee6; opacity:.95; }

/* Topbar & language switcher */
.lang-switcher { display:flex; gap:.5rem }
.lang-switcher a { color:#cfd4db; font-weight:600 }
.lang-switcher a.active { color:var(--yme-amber); }

/* Accessibility: focus & contrast */
:focus-visible { outline:3px solid var(--yme-amber); outline-offset:3px; }
.navbar a { color:#e9edf1; }
.mod-articles {
    color: #f5f5f5 !important;
}

.mod-articles .item-title a {
    color: #ffd27f !important; /* warm gold, fits your theme */
}

.mod-articles .readmore a {
    color: #000 !important;
    background: #ffcc80 !important;
    padding: 5px 10px;
    border-radius: 6px;
    display: inline-block;
}

/* ===== Events module on the home page ===== */
.events-panel {
    background-color: rgba(0, 0, 0, 0.75); /* darker overlay */
    color: #f7f1e5;                        /* warm light text */
    padding: 1.5rem;
    border-radius: 0.75rem;
}

/* Module title: "Events (This Week)" */
.events-panel h3,
.events-panel .mod-title {
    color: #f6c453;        /* warm gold, like your buttons */
    font-weight: 700;
    text-align: center;
}

/* Article titles inside the module */
.events-panel .article-title a,
.events-panel a.mod-articles-category-title {
    color: #f6c453;
    text-decoration: none;
}

.events-panel .article-title a:hover {
    text-decoration: underline;
}

/* Event meta + intro text */
.events-panel .mod-articles-category-introtext,
.events-panel .mod-articles-category-date,
.events-panel p {
    color: #f7f1e5;
}

/* Make the button stand out a bit more */
.events-panel .btn,
.events-panel .btn-primary {
    background-color: #f6c453;
    color: #1b1309;
    border: none;
    font-weight: 600;
}

.events-panel .btn:hover,
.events-panel .btn-primary:hover {
    filter: brightness(1.05);
}


/* ===== Single event article page (text below big image) ===== */
.com-content-article,
.com-content-article p {
    color: #f7f1e5;          /* same light text as above */
}

.com-content-article a {
    color: #f6c453;
}

.com-content-article a:hover {
    text-decoration: underline;
}