/* ==========================================================
   WCAG 2.1 AA – contrast & keyboard focus
   Added 19/10/2026 (mikrifrida.gr accessibility upgrade).
   Same colours as before, only darker shades so text reaches
   the 4.5:1 contrast ratio. Delete this block to undo.
   ========================================================== */

/* 1. Turquoise text and links: #10b8d2 / #1dc7d3 -> #00707a */
.read-more a, .read-more a span,
.entry-content a, .wpb_text_column a, p a,
a.tlg-posts-title, .tlg-posts-title,
.jp-relatedposts-post-title a, .gmap_canvas a {
  color: #00707a !important;
}

/* 2. Light grey dates, author, categories, subtitles: #bcbcbc -> #595959 */
.widgetsubtitle,
.entry-meta, .entry-meta .inline-block, .entry-meta .inline-block span, .entry-meta a,
.entry-data-summary .inline-block, .entry-data-summary .inline-block span, .entry-data-summary a,
.display-block .inline-block, .display-block .inline-block span {
  color: #595959 !important;
}

/* 3. Like / share counters: #999 -> #595959 */
.like-share-name, .like-share-name span {
  color: #595959 !important;
}

/* 4. White text on turquoise boxes (pagination, date badges) */
.pagination li.active a, .pagination li.active a:hover, .pagination li.active a:focus,
.inner-left .month {
  background-color: #00707a !important;
  border-color: #00707a !important;
  color: #ffffff !important;
}

/* 5. "Λίγα λόγια για εμάς" box: #018592 -> #017580 */
div.vc_column-inner.vc_custom_1519952687714 {
  background-color: #017580 !important;
}

/* 6. Google reviews text and slider numbers */
.wprevpro_t1_P_3 { color: #595959 !important; }
.wprs_unslider-nav li { color: #222222 !important; }

/* 7. Cookie notice "Ok" button: #00a99d -> #00756d */
#cn-accept-cookie { background-color: #00756d !important; }

/* 8. Main menu links: the theme draws them at 50% opacity (about 3:1).
      Full opacity + dark grey keeps the soft look (7:1); darker on hover. */
nav ul:not(.subnav) > li.menu-item > a {
  opacity: 1 !important;
  color: #595959 !important;
}
nav ul:not(.subnav) > li.menu-item > a:hover,
nav ul:not(.subnav) > li.menu-item > a:focus,
nav ul:not(.subnav) > li.current-menu-item > a {
  color: #28262b !important;
}

/* 9. Faded elements (theme/plugins use opacity 0.6): review slider
      arrows and the "related posts" dates under each article */
.wprs_unslider-arrow {
  opacity: 1 !important;
  color: #00707a !important;
}
.jp-relatedposts-post-date, .jp-relatedposts-post-context {
  opacity: 1 !important;
  color: #595959 !important;
}

/* 10. Visible keyboard focus on every interactive element (WCAG 2.4.7) */
a:focus-visible, button:focus-visible, input:focus-visible,
select:focus-visible, textarea:focus-visible, [tabindex]:focus-visible {
  outline: 3px solid #00707a !important;
  outline-offset: 2px !important;
  box-shadow: 0 0 0 5px #ffffff !important;
}

/* 11. Heading levels: the child theme now outputs correct heading tags
       (H1 page titles, H2 section/sidebar/list titles, H3 news titles on
       the homepage). These rules keep each heading looking exactly as before. */
section.page-title h1.heading-title {
  line-height: 48px !important;
}
h2.blog-title, h3.blog-title {
  font-size: 18px !important;
  line-height: 24px !important;
  font-weight: 400 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
h2.widgettitle {            /* homepage sizes come from inline styles */
  font-size: 15px;
  line-height: 24px;
}
h2.title {                  /* sidebar / widget titles (were H6) */
  font-size: 11px !important;
  line-height: 20px !important;
}
.post-title > h3.mf-list-title {   /* news list on "Σχετικά με εμάς" (were H5) */
  font-size: 15px !important;
  line-height: 24px !important;
  font-weight: 400 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
h2.mf-archive-title {       /* archive list titles (were H4) */
  font-size: 24px !important;
  line-height: 32px !important;
  margin-bottom: 8px !important;
  display: inline-block !important;
}
h2.jp-relatedposts-headline {   /* "Related" heading under posts (was H3) */
  font-size: 12px !important;
  line-height: 42px !important;
  font-weight: 700 !important;
  margin-bottom: 12px !important;
  font-family: "Advent Pro", arial, sans-serif !important;
  float: left;
  margin-top: 0 !important;
}
h2.jp-relatedposts-headline em::before {   /* Jetpack's thin line above it */
  content: "";
  display: block;
  width: 100%;
  min-width: 30px;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  margin-bottom: 12px;
}
