/*
  Accessibility fixes layered on top of the transplanted Elementor styles (loaded last).
  The brand teal #1394A0 only reaches ~3.6:1 against white / #F6FFFF, below WCAG AA (4.5:1).
  Where it carries white text or sits on a light background it is darkened to #117F8A (4.7:1);
  on the dark #100822 sections the original teal already passes (5.3:1) and is left untouched.
*/

/* Buttons with white text on teal: 404 "back" button, off-canvas "Kapcsolat", coffee button hover */
.elementor-element-48f6e98 .elementor-button,
.elementor-element-7d06b09 .elementor-button,
.elementor-element-82112d9 .elementor-button:hover,
.elementor-element-82112d9 .elementor-button:focus {
	background-color: #117f8a !important;
}

/* Category badge on the post cards (white 12px text on teal) */
.elementor-439 .elementor-element.elementor-element-ba84f33 > .elementor-widget-container {
	background-color: #117f8a !important;
}

/* Light templates (articles, legal pages): the white logo and "Menü" artwork sit on a pale
   pastel glass; a soft shadow keeps them legible without changing the header design. */
body.single [data-elementor-type="header"] img,
body:has(.page-content) [data-elementor-type="header"] img {
	filter: drop-shadow(0 1px 2px rgba(16, 8, 34, 0.55));
}

/* Article table headers (white on teal) */
.post-content table th {
	background: #117f8a !important;
}

/* Table of contents on the light article template */
.elementor-toc__header-title,
.elementor-toc__list-item-text,
.elementor-toc__list-item-text:visited {
	color: #117f8a !important;
}

/* Links inside article bodies; the orange hover (2.3:1) is darkened to a readable amber */
.post-content a {
	color: #117f8a !important;
	border-bottom-color: #117f8a !important;
}
.post-content a:hover,
.post-content a:focus {
	color: #b45a0a !important;
	border-bottom-color: #b45a0a !important;
}

/* Legal pages: teal title and links on white */
.page-content .elementor-heading-title,
.page-content .elementor-widget-text-editor a {
	color: #117f8a !important;
}

/* The legal page title became an <h1> (it was an <h2>); keep the original size */
.page-content h1.elementor-heading-title {
	font-size: 36px;
	font-weight: 600;
	line-height: 36px;
	letter-spacing: -3px;
	margin-block-end: 0;
}

/* Visible keyboard focus everywhere */
a:focus-visible,
button:focus-visible,
input:focus-visible,
[tabindex]:focus-visible {
	outline: 2px solid #f89237;
	outline-offset: 2px;
}

/* Skip link: hidden until focused (hello-elementor's own rule targets .screen-reader-text) */
.skip-link:focus {
	position: fixed;
	z-index: 100000;
	top: 8px;
	left: 8px;
	padding: 8px 14px;
	border-radius: 8px;
	background: #100822;
	color: #f6ffff;
	clip: auto;
	clip-path: none;
	width: auto;
	height: auto;
}

/* "Nyitósokk / Korrekció" labels on the swipe cards: teal and orange on white were below 4.5:1 */
.sumy-card-past .sumy-swipe-label {
	color: #117f8a !important;
}
.sumy-card-future .sumy-swipe-label {
	color: #b45309 !important;
}