/* ===== CEI 2026 design overlay =====
   Roll-back: torold a mu-plugins/cei-design-2026.php + cei-2026.css fajlokat. */

:root {
  --cei-navy: #123c6d;
  --cei-blue: #1d63b8;
  --cei-teal: #14b8a6;
  --cei-ink: #16243a;
  --cei-muted: #5b6b82;
  --cei-bg: #f5f8fc;
  --cei-card: #ffffff;
  --cei-radius: 18px;
  --cei-shadow: 0 10px 30px rgba(18, 60, 109, 0.10);
  --cei-shadow-lg: 0 18px 50px rgba(18, 60, 109, 0.16);
}

html { scroll-behavior: smooth; }

body, body p, body li, body .elementor-widget-text-editor {
  font-family: 'Manrope', -apple-system, 'Segoe UI', Arial, sans-serif !important;
}
body { background: var(--cei-bg) !important; color: var(--cei-ink); }

h1, h2, h3, h4, h5, .elementor-heading-title, .penci-fancy-heading {
  font-family: 'Manrope', sans-serif !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em;
  color: var(--cei-ink) !important;
}
::selection { background: var(--cei-teal); color: #fff; }

/* --- Fejlec: uveges, ragados --- */
#header, .header-header-3 {
  position: sticky !important;
  top: 0;
  z-index: 999;
  background: rgba(255, 255, 255, 0.97) !important;
  box-shadow: 0 1px 0 rgba(18, 60, 109, 0.08), 0 8px 24px rgba(18, 60, 109, 0.06);
  border-bottom: none !important;
}
#navigation, .penci-menu-hbg-wrapper { background: transparent !important; }
#navigation .menu > li > a, .penci-mainnav .menu > li > a {
  font-family: 'Manrope', sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em;
  color: var(--cei-navy) !important;
  position: relative;
  transition: color .2s ease;
}
#navigation .menu > li > a::after {
  content: "";
  position: absolute;
  left: 12px; right: 12px; bottom: 6px;
  height: 3px;
  border-radius: 3px;
  background: linear-gradient(90deg, var(--cei-blue), var(--cei-teal));
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .25s ease;
}
#navigation .menu > li > a:hover { color: var(--cei-blue) !important; }
#navigation .menu > li > a:hover::after,
#navigation .menu > li.current-menu-item > a::after { transform: scaleX(1); }

/* --- Elementor szekciok: levego, ritmus --- */
.elementor-section { padding-top: clamp(28px, 5vw, 64px); padding-bottom: clamp(28px, 5vw, 64px); }
.elementor-widget-heading .elementor-heading-title {
  font-size: clamp(26px, 3.2vw, 40px) !important;
  line-height: 1.15 !important;
}
.elementor-widget-heading .elementor-heading-title::after {
  content: "";
  display: block;
  width: 64px; height: 4px;
  margin-top: 14px;
  border-radius: 4px;
  background: linear-gradient(90deg, var(--cei-blue), var(--cei-teal));
}
.elementor-widget-heading[class*="center"] .elementor-heading-title::after { margin-left: auto; margin-right: auto; }

/* --- Info-boxok (tevekenysegi lista): kartyak --- */
.elementor-widget-penci-info-box .elementor-widget-container,
.penci-infobox-wrapper {
  background: var(--cei-card);
  border-radius: var(--cei-radius);
  box-shadow: var(--cei-shadow);
  padding: 22px 24px !important;
  transition: transform .25s ease, box-shadow .25s ease;
  border: 1px solid rgba(18, 60, 109, 0.06);
}
.elementor-widget-penci-info-box .elementor-widget-container:hover {
  transform: translateY(-4px);
  box-shadow: var(--cei-shadow-lg);
}
.penci-infobox-wrapper .penci-infobox-icon,
.elementor-widget-penci-info-box i,
.elementor-widget-penci-info-box svg {
  color: #fff !important;
  fill: #fff !important;
  background: linear-gradient(135deg, var(--cei-blue), var(--cei-teal)) !important;
  border-radius: 12px !important;
  box-shadow: 0 6px 16px rgba(29, 99, 184, 0.35);
}

/* --- Gombok: pill + gradiens --- */
.elementor-button, .penci-readmore-btn, input[type="submit"], .button {
  background: linear-gradient(135deg, var(--cei-blue), var(--cei-navy)) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 999px !important;
  padding: 14px 30px !important;
  font-family: 'Manrope', sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: 0.03em;
  box-shadow: 0 8px 20px rgba(18, 60, 109, 0.28);
  transition: transform .2s ease, box-shadow .2s ease, filter .2s ease;
}
.elementor-button:hover, .penci-readmore-btn:hover, input[type="submit"]:hover {
  transform: translateY(-2px);
  filter: brightness(1.08);
  box-shadow: 0 12px 28px rgba(18, 60, 109, 0.38);
}

/* --- Kepek, slider, video: lekerekites --- */
.elementor-widget-image img,
.elementor-widget-video .elementor-widget-container,
.penci-image-holder, .penci-imgholder,
article .thumbnail img, .post-thumbnail img {
  border-radius: var(--cei-radius) !important;
  box-shadow: var(--cei-shadow);
}
.penci-featured-slider, .penci-slider-wrapper, .elementor-widget-penci-featured-sliders .elementor-widget-container {
  border-radius: calc(var(--cei-radius) + 4px);
  overflow: hidden;
  box-shadow: var(--cei-shadow-lg);
}

/* --- Hirkartyak --- */
article.item, .penci-grid li, .penci-wrapper-data .item {
  background: var(--cei-card);
  border-radius: var(--cei-radius);
  overflow: hidden;
  box-shadow: var(--cei-shadow);
  border: 1px solid rgba(18, 60, 109, 0.05);
  transition: transform .25s ease, box-shadow .25s ease;
}
article.item:hover, .penci-grid li:hover { transform: translateY(-4px); box-shadow: var(--cei-shadow-lg); }
article.item .thumbnail img { border-radius: 0 !important; transition: transform .4s ease; }
article.item:hover .thumbnail img { transform: scale(1.04); }
article.item .grid-post-box-meta, article.item .grid-header-box { padding: 6px 18px 16px; }

/* --- Cim-linkek --- */
.penci-entry-title a, .grid-title a, h3.grid-title a {
  color: var(--cei-ink) !important;
  transition: color .2s ease;
}
.penci-entry-title a:hover, .grid-title a:hover { color: var(--cei-blue) !important; }

/* --- Lablec: melykek gradiens szegellyel --- */
#footer-section, .footer-container, #footer {
  background: linear-gradient(180deg, #10294a, #0b1f3a) !important;
  border-top: 4px solid transparent;
  border-image: linear-gradient(90deg, var(--cei-blue), var(--cei-teal)) 1;
}
#footer-section, #footer-section p, #footer a, #footer-section a { color: #c9d7ea !important; }
#footer a:hover, #footer-section a:hover { color: #ffffff !important; }

/* --- Aprosagok --- */
.container, .container-single-page { max-width: 1200px; }
.penci-breadcrumb, .penci-crumb { color: var(--cei-muted) !important; }
img { image-rendering: auto; }
@media (max-width: 768px) {
  .elementor-section { padding-top: 28px; padding-bottom: 28px; }
  .elementor-widget-penci-info-box .elementor-widget-container { padding: 16px 18px !important; }
}