/*
Theme Name: CleverSoft
Theme URI: https://cleversoft.qodeinteractive.com
Description: SaaS WordPress Theme
Author: Edge Themes
Author URI: https://qodeinteractive.com
Text Domain: cleversoft
Tags: one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-menu, featured-images, flexible-header, post-formats, sticky-post, threaded-comments, translation-ready
Version: 1.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/


/* ----------------- DESIGN ----------------- */
/* Selection */
::-moz-selection {
	color: #fff;
	background: var( --e-global-color-primary )
}

::selection {
	color: #fff;
	background: var( --e-global-color-primary )
}


/* Mark */
mark {
    background: var( --e-global-color-primary )
    color: #fff;
    font-weight: 700;
}



/* ----------------- BLOG ----------------- */

/* Bejegyzés kivonatok után 3 pont*/
.elementor-posts .elementor-post__excerpt p:after {
content: "..." !important;
}

.gomb-fedezzefel .elementor-button:hover,
.gomb-fedezzefel .elementor-button:hover span,
.gomb-fedezzefel:hover .elementor-button,
.gomb-fedezzefel:hover .elementor-button span {
    color: #ffffff !important;
}

.szolgaltatas-kartya:hover .tudjon-meg-gomb .elementor-heading-title,
.szolgaltatas-kartya:hover .tudjon-meg-gomb .elementor-heading-title a {
    color: #ffffff !important;
}

/* Szolgáltatások kártya nyíl*/
.tudjon-meg-gomb .elementor-heading-title::after {
    content: "⟶";
    display: inline-block;
    margin-left: 16px;   /* 8px helyett */
    opacity: 1;
    transform: translateX(0);
    transition: none;
}

.szolgaltatas-kartya:hover .tudjon-meg-gomb .elementor-heading-title::after {
    animation: nyil-beuszas 0.35s ease;
}

@keyframes nyil-beuszas {
    0% {
        opacity: 0;
        transform: translateX(-16px); /* 8px helyett */
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

:root {
  --cky-bg: #1C080C;
  --cky-border: #6E1819;
  --cky-title: #F9F9F9;
  --cky-text: #F9F9F9;

  --cky-btn-accept-bg: #BD201E;
  --cky-btn-accept-border: #BD201E;
  --cky-btn-accept-text: #F9F9F9;

  --cky-btn-reject-bg: transparent;
  --cky-btn-reject-border: #6E1819;
  --cky-btn-reject-text: #F9F9F9;

  --cky-btn-settings-bg: #6E1819;
  --cky-btn-settings-border: #6E1819;
  --cky-btn-settings-text: #F9F9F9;

  /* Lebegő újranyitó ikon */
  --cky-fab-bg: #6E1819;
  --cky-fab-border: #BD201E00;
  --cky-fab-icon: #F9F9F9;
  --cky-fab-hover-bg: #BD201E;
  --cky-fab-hover-border: #BD201E00;
  --cky-fab-hover-icon: #F9F9F9;
}

/* Banner és modal háttér */
.cky-consent-container,
.cky-notice,
.cky-banner-container,
.cky-preference-center,
.cky-modal,
div[class*="cky"] .cky-notice-des {
  background: var(--cky-bg) !important;
  border-color: var(--cky-border) !important;
  color: var(--cky-text) !important;
}

/* Címek */
.cky-title,
.cky-notice .cky-title,
div[class*="cky"] .cky-title {
  color: var(--cky-title) !important;
}

/* Szövegek */
.cky-notice-des,
.cky-notice-group,
.cky-preference-body,
div[class*="cky"] p,
div[class*="cky"] span,
div[class*="cky"] label {
  color: var(--cky-text) !important;
}

/* Linkek */
.cky-policy,
.cky-banner-element,
.cky-link,
.cky-preference-body a {
  color: var(--cky-btn-accept-bg) !important;
}

/* Általános gombok */
.cky-btn {
  border-radius: 8px !important;
  font-weight: 600 !important;
  box-shadow: none !important;
}

/* Elfogadás gomb */
.cky-btn-accept,
button[data-cky-tag="accept-button"] {
  background: var(--cky-btn-accept-bg) !important;
  border-color: var(--cky-btn-accept-border) !important;
  color: var(--cky-btn-accept-text) !important;
}

/* Elutasítás gomb */
.cky-btn-reject,
button[data-cky-tag="reject-button"] {
  background: var(--cky-btn-reject-bg) !important;
  border-color: var(--cky-btn-reject-border) !important;
  color: var(--cky-btn-reject-text) !important;
}

/* Beállítások / Customize gomb */
.cky-btn-customize,
.cky-btn-preferences,
button[data-cky-tag="settings-button"] {
  background: var(--cky-btn-settings-bg) !important;
  border-color: var(--cky-btn-settings-border) !important;
  color: var(--cky-btn-settings-text) !important;
}

/* Belső dobozok, táblázatok, accordion */
.cky-accordion-item,
.cky-audit-table,
.cky-cookie-des-table {
  background: transparent !important;
  border-color: var(--cky-border) !important;
}

/* Hover és fókusz */
.cky-btn:hover,
.cky-btn:focus {
  opacity: 0.92;
  outline: none !important;
}

.cky-btn:focus-visible {
  outline: 2px solid #F9F9F9 !important;
  outline-offset: 2px !important;
}

/* ===== Lebegő CookieYes ikon / újranyitó gomb ===== */

/* Külső kör */
.cky-btn-revisit,
.cky-revisit-bottom-left,
.cky-revisit-bottom-right,
button.cky-btn-revisit,
div.cky-btn-revisit {
  background: var(--cky-fab-bg) !important;
  border: 1px solid var(--cky-fab-border) !important;
  box-shadow: none !important;
}

/* Ikon színe SVG esetén */
.cky-btn-revisit svg,
.cky-btn-revisit svg path,
.cky-btn-revisit svg circle,
.cky-btn-revisit svg line,
.cky-btn-revisit svg polyline {
  fill: var(--cky-fab-icon) !important;
  stroke: var(--cky-fab-icon) !important;
}

/* Hover állapot */
.cky-btn-revisit:hover,
.cky-btn-revisit:focus,
.cky-revisit-bottom-left:hover,
.cky-revisit-bottom-right:hover {
  background: var(--cky-fab-hover-bg) !important;
  border-color: var(--cky-fab-hover-border) !important;
}

/* Hover ikon szín */
.cky-btn-revisit:hover svg,
.cky-btn-revisit:hover svg path,
.cky-btn-revisit:hover svg circle,
.cky-btn-revisit:hover svg line,
.cky-btn-revisit:hover svg polyline,
.cky-btn-revisit:focus svg,
.cky-btn-revisit:focus svg path,
.cky-btn-revisit:focus svg circle,
.cky-btn-revisit:focus svg line,
.cky-btn-revisit:focus svg polyline {
  fill: var(--cky-fab-hover-icon) !important;
  stroke: var(--cky-fab-hover-icon) !important;
}

/* --- MENU --- */

@media only screen and (min-width: 767px) {
.menu-cta a {
	border-radius: 6px;
	padding: 12px 20px !important;
	background: #BD201ED9 !important;
	color: #fff !important;
	
}
.menu-cta a:hover {
	background: #BD201E !important;
	color: #fff !important;
	
}
}


/* --- BETŰK GRADIENT --- */
.gradient {
  background: linear-gradient(180deg, #F8AC11, #EA593A, #C3153A, #5C2D77);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
  display: inline-block;
}

.elrejt-hover {
    opacity: 1;
    transition: opacity .3s ease;
}

.szolgaltatas-kartya:hover .elrejt-hover {
    opacity: 0;
}