/* kapaweb – accessibility layer for justcare.gr (loaded after the theme CSS by mu-plugins/kapaweb/a11y.php).
   Contrast values were calculated for WCAG AA (4.5:1 text, 3:1 large text) against the real background colours. */

/* Skip link (first focusable element of every page) */
.kw-skip-link{position:absolute;left:-9999px;top:0;z-index:100001;padding:.8em 1.2em;background:#fff;color:#1d1d1f;font:600 16px/1.3 Arial,Helvetica,sans-serif;text-decoration:none;border:3px solid #b0500f;border-radius:4px}
.kw-skip-link:focus{left:10px;top:10px}
#kw-main:focus{outline:none}

/* Visible keyboard focus on light and dark backgrounds */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,[tabindex]:not([tabindex="-1"]):focus-visible{outline:2px solid #fff;outline-offset:0;box-shadow:0 0 0 4px #1d1d1f}

/* Top bar (#f0f0f0): phone / e-mail were #eb6c15 = 2.75:1 */
html body .top_panel_top_contact_phone a,html body .top_panel_top_contact_email a,html body .top_panel_top .top_panel_top_contact_email > a:nth-child(1),html body .top_panel_top .top_panel_top_contact_phone > a:nth-child(1){color:#b0500f!important}
html body .top_panel_top a:hover{color:#1e7a2c!important}

/* Main menu: current / hovered item was white on #eb6c15 = 3.1:1; hovered text was #a3a3a6 on #f5f5f5 = 2.4:1 */
html body .menu_main_nav > a:hover,html body .menu_main_nav > li#blob,html body .menu_main_nav > li.current-menu-item > a,html body .menu_main_nav > li.current-menu-parent > a,html body .menu_main_nav > li.current-menu-ancestor > a{background-color:#bf5710!important}
html body .menu_main_nav > li > a:hover{color:#6f6f73!important}

/* Greys that were #a3a3a6 (2.5:1) on white / #f5f5f6 */
html body .sc_title_style1,html body .sc_testimonials_style_testimonials-1 .sc_testimonial_author span{color:#6f6f73!important}
html body .post_info,html body .post_info a,html body .isotope_filters a{color:#6f6f73!important}

/* Big yellow words in headings (#fcb41e = 1.6:1) */
html body h1 span[style*="#fcb41e"],html body h2 span[style*="#fcb41e"],html body h3 span[style*="#fcb41e"]{color:#bd8003!important}

/* Dark footer (#272530) */
html body .copyright_wrap_inner .copyright_text{color:rgba(255,255,255,.62)!important}
html body .copyright_wrap_inner .copyright_text a{text-decoration:underline}
html body footer .tnp-field label,html body footer .tnp-privacy-field label{color:#c9c9ce!important}

/* Contact band (white text on #75c1d1 = 2:1) */
html body #form-parallax.vc_row{background-color:#2e7a8a!important}
html body #form-parallax,html body #form-parallax label,html body #form-parallax .wpcf7-list-item-label,html body #form-parallax .wpcf7-not-valid-tip,html body #form-parallax .sc_title_style1{color:#fff!important}

/* Language flags: touch target at least 24x24 CSS px without moving anything */
html body .menu_user_language a.glink{display:inline-block;vertical-align:top;padding:4px 2px;margin:-4px -2px}

/* Page text colours set inline by the page builder: coral #ff635c = 2.7:1 and orange #eb6c15 = 2.9:1 on the light grey page (need 4.5:1 below 24px) */
html body .page_content_wrap [style*="color: #ff635c"],html body .page_content_wrap [style*="color:#ff635c"]{color:#b84742!important}
html body .page_content_wrap [style*="color: #eb6c15"],html body .page_content_wrap [style*="color:#eb6c15"]{color:#b35210!important}

/* "Learn more" link-buttons (page builder gradient style rendered as plain links): blue #5472d2 = 4.1:1 on #f5f5f6 */
html body a.vc_btn3.vc_btn3-style-gradient-custom:not(:hover):not(:focus){color:#4d69c1}

/* Newsletter pop-up (Popup Maker): grey #8c8c8c on #f9f9f9 = 3.2:1, white on the orange close button = 3.1:1 */
html body .pum-container .pum-content strong,html body .pum-container .pum-content label,html body .pum-container .pum-content .tnp-field label{color:#6f6f73!important}
html body .pum-container button.pum-close,html body .pum-container button.popmake-close{background-color:#bf5710!important}
/* Popup Maker puts the focus on the content box (tabindex=0) when the pop-up opens by itself: no frame around the whole box; the fields and buttons inside keep their focus ring */
html body .pum-container .pum-content:focus,html body .pum-container .pum-content:focus-visible{outline:none;box-shadow:none}

/* Section headings are never broken inside a word: the Easter Camps page carries its own rule "h2{width:35%}" (from 768px), and "Πληροφορίες" (269px) did not fit into the 248px box on tablets in portrait. The box only grows when its longest word does not fit. */
@media (min-width:768px){html body .page_content_wrap h2.sc_title{min-width:min-content}}