/* ==========================================================
   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;
}

/* 12. Terms page (Όροι χρήσης): sizes for its title (H1) and section headings (H2/H3) */
.page-id-4460 .main-container h1 { font-size: 28px; line-height: 36px; margin: 0 0 24px; }
.page-id-4460 .main-container h2 { font-size: 20px; line-height: 28px; margin: 32px 0 12px; }
.page-id-4460 .main-container h3 { font-size: 16px; line-height: 24px; font-style: italic; margin: 20px 0 8px; }

/* 13. Touch targets: category / author links under news posts at least 24px tall (WCAG 2.5.8) */
.entry-meta a, .entry-data-summary a, .display-block .inline-block a {
  display: inline-block;
  min-height: 24px;
  line-height: 24px;
}

/* 14. Links inside post text are underlined, not only coloured (WCAG 1.4.1) */
.post-content p a:not(.btn),
.post-content li a:not(.btn) {
  text-decoration: underline;
  text-underline-offset: 2px;
}

/* 15. All links inside news-post text: accessible turquoise + underline. Old posts
       pasted from e-mail/Facebook keep links outside normal paragraphs, so
       section 1 and 14 did not reach them: #10b8d2 -> #00707a (WCAG 1.4.3, 1.4.1) */
.post-content a:not(.btn) {
  color: #00707a !important;
  text-decoration: underline;
  text-underline-offset: 2px;
}

/* 16. Subtitle under page titles on plain (no photo) headers: #bcbcbc -> #595959 */
section.page-title:not(.image-bg) p.lead {
  color: #595959 !important;
  opacity: 1 !important;
}

/* 17. Phones and tablets (under 990px):
       a) the square logo keeps its real shape (the theme stretched it to full width)
       b) the ΕΣΠΑ banner (Advanced Floating Content) becomes a readable full-width strip
          fixed at the top, so it stays visible while scrolling but no longer covers the
          menu button; the page starts below it. Desktop unchanged. */
@media (max-width: 990px) {
  .logo { width: auto !important; height: 49px !important; max-height: 49px !important; max-width: none !important; }
  #afc_sidebar_5230.afc_popup { top: 0 !important; left: 0 !important; right: 0 !important; bottom: auto !important; width: 100% !important; height: auto !important; margin: 0 !important; padding: 6px 12px !important; box-sizing: border-box !important; background: #fff !important; text-align: center !important; box-shadow: 0 1px 4px rgba(0,0,0,.15) !important; }
  #afc_sidebar_5230.afc_popup img { width: 100% !important; max-width: 440px !important; height: auto !important; margin: 0 auto !important; display: block !important; }
  body { padding-top: calc(min(100vw - 24px, 440px) * 279 / 2560 + 12px) !important; }
}