/*
Theme Name: Aries
Description: Child theme for Aries — ARIES práškové lakovanie
Author: Webikon
Template: hello-elementor
Version: 1.0.0
Text Domain: aries
*/


.ciara {
	display: inline-flex !important;
    align-items: center !important;
	gap: 10px !important;
}

.ciara::before {
	content: '';
    width: 26px;
    height: 1px;
    background: var( --e-global-color-primary );
}


/* karta musí mať position:relative a overflow:hidden,
   aby sa pruh zarovnal k hornému okraju a neprečnieval */
.home_card {
  position: relative;
  overflow: hidden;
}

/* horný červený pruh — v základe neviditeľný (width: 0) */
.home_card::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 3px;
  width: 0;
  background: #d8232a;          /* var(--acc) */
  transition: width 0.5s ease; /* animácia roztiahnutia */
}

/* na hover sa pruh roztiahne zľava doprava na celú šírku */
.home_card:hover::after {
  width: 100%;
}

.faq .e-n-accordion-item[open] .e-n-accordion-item-title {
	border-radius: 15px 15px 0px 0px;
}

/* ── O nás — vertikálna timeline ───────────────────────────── */
/* doubled class + !important to beat Elementor's .e-con::before */
.aries-timeline.aries-timeline {
	position: relative !important;
}
.aries-timeline.aries-timeline::before {
	content: "" !important;
	position: absolute !important;
	left: 5px !important;
	top: 10px !important;
	bottom: 10px !important;
	width: 1px !important;
	height: auto !important;
	background: #212733 !important;
	border: 0 !important;
	border-radius: 0 !important;
	transform: none !important;
}
.aries-timeline-item.aries-timeline-item {
	position: relative !important;
}
.aries-timeline-item.aries-timeline-item::before {
	content: "" !important;
	position: absolute !important;
	left: 0 !important;
	top: 6px !important;
	width: 12px !important;
	height: 12px !important;
	border: 2px solid #d8232a !important;
	border-radius: 50% !important;
	background: #0b0d11 !important;
	box-sizing: border-box !important;
	transform: none !important;
	z-index: 2 !important;
}

/* ── Inline odrážky s červenou pomlčkou ────────────────────── */
.aries-bullets p { margin: 0; }
.aries-bullets .dash { color: #d8232a; }

/* ── Textový odkaz so šípkou (Ako prebieha lakovanie →) ─────── */
.aries-link a,
.aries-link .elementor-button {
	background: transparent !important;
	color: #d8232a !important;
	padding: 0 !important;
	font-weight: 600;
}
.aries-link a:hover,
.aries-link .elementor-button:hover {
	color: #ff4d52 !important;
}