/*
Theme Name: Fegyvertár Hello Child Theme
Theme URI: https://github.com/elementor/hello-theme/
Description: WPFegyvertár Hello Child Theme is a child theme of Hello Elementor, created by WPkurzus
Author: WPViking
Author URI: https://wpkurzus.hu/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
*/

/* ----------------- 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;
}

/* CookieYes gombszínek módosítása */
.cky-btn,
.cky-btn:hover,
.cky-btn:focus,
.cky-btn:active,
.cky-btn-customize,
.cky-btn-customize:hover,
.cky-btn-accept,
.cky-btn-accept:hover,
.cky-btn-reject,
.cky-btn-reject:hover {
  background-color: #00AAE3 !important;
  border-color: #00AAE3 !important;
  color: #ffffff !important;
}

/* Outline / másodlagos gombok esetére */
.cky-btn-customize,
.cky-btn-reject {
  background-color: transparent !important;
  border: 1px solid #00AAE3 !important;
  color: #00AAE3 !important;
}

.cky-btn-customize:hover,
.cky-btn-reject:hover {
  background-color: #00AAE3 !important;
  color: #ffffff !important;
}

/* Elfogadás gomb kiemelése */
.cky-btn-accept,
.cky-btn-accept:hover {
  background-color: #00AAE3 !important;
  border-color: #00AAE3 !important;
  color: #ffffff !important;
}


/* Alapállapot */
.elementor-sticky--active {
    background-color: #ffffff !important;
    transition: all 0.3s ease !important;
}

/* Scroll közben */
.elementor-sticky--active.elementor-sticky--effects {
    background-color: rgba(255,255,255,0.8) !important;
    backdrop-filter: blur(8px);
    box-shadow: 0 4px 20px rgba(0,0,0,0.05);
}


/* =========================================================
   HM SERVICE – INTERAKTÍV TARTALMAK
   Csomagok + Referenciák + Referencia képgalériák
   ========================================================= */


/* ---------------------------------------------------------
   1. CSOMAGOK
   --------------------------------------------------------- */

/* A teljes csomagszakasz alapból rejtve */
.hidden-services {
    display: none !important;
}

/* Gombnyomás után megjelenik */
.hidden-services.is-visible {
    display: flex !important;
}


/* ---------------------------------------------------------
   2. REFERENCIÁK
   --------------------------------------------------------- */

/* A további referenciaszakaszok alapból rejtve */
.hidden-reference {
    display: none !important;
}

/* Gombnyomás után megjelennek */
.hidden-reference.is-visible {
    display: flex !important;
}


/* ---------------------------------------------------------
   3. EGYSZER HASZNÁLATOS BETÖLTŐ GOMBOK
   --------------------------------------------------------- */

/* Kattintás után mindkét betöltő gomb eltűnik */
.load-more-services.is-used,
.load-more-references.is-used {
    display: none !important;
}


/* ---------------------------------------------------------
   4. REFERENCIA KÉPGALÉRIÁK
   --------------------------------------------------------- */

/* Alapállapot */
.reference-carousel img {
    filter: grayscale(40%) saturate(0%);
    transition: all 0.4s ease;
}

/* Hover állapot */
.reference-carousel img:hover {
    filter: grayscale(0%) saturate(100%);
}


/* =========================================================
   HM SERVICE – BIZTOSÍTÁSI BADGE
   ========================================================= */

.insurance-badge {
    cursor: pointer;
    animation: insurance-badge-pulse 3s ease-in-out infinite;
    transform-origin: center;
    transition: transform 0.3s ease;
}


/* Hoverkor megáll a pulzálás és finoman megemelkedik */
.insurance-badge:hover {
    animation-play-state: paused;
    transform: translateY(-3px) scale(1.015);

    filter:
        drop-shadow(0 0 8px rgba(0, 170, 227, 0.35))
        drop-shadow(0 0 18px rgba(0, 170, 227, 0.15));
}


/* Finom, szórtabb "lélegző" effekt */
@keyframes insurance-badge-pulse {

    0%,
    100% {
        transform: scale(1);

        filter:
            drop-shadow(0 0 3px rgba(0, 170, 227, 0.10))
            drop-shadow(0 0 9px rgba(0, 170, 227, 0.05));
    }

    50% {
        transform: scale(1.012);

        filter:
            drop-shadow(0 0 10px rgba(0, 170, 227, 0.32))
            drop-shadow(0 0 22px rgba(0, 170, 227, 0.14));
    }
}

/* =========================================================
   HM SERVICE – BIZTOSÍTÁSI BADGE – MOBIL
   ========================================================= */

@media (max-width: 767px) {

    /* Szöveg eltűnik */
    .insurance-badge .elementor-icon-box-content {
        display: none !important;
    }

    /* Teljes mobil badge */
    .insurance-badge {
        width: 56px !important;
        max-width: 56px !important;
        min-width: 56px !important;
    }

    /* Fehér doboz pontos mérete */
    .insurance-badge > .elementor-widget-container {
        width: 56px !important;
        height: 56px !important;
        min-height: 56px !important;

        padding: 0 !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        border-radius: 16px !important;
    }

    /* Icon Box belső wrapper */
    .insurance-badge .elementor-icon-box-wrapper {
        width: 100% !important;
        height: 100% !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .insurance-badge .elementor-icon-box-icon {
        margin: 0 !important;
        line-height: 1 !important;
    }

    /* Maga a pajzs */
    .insurance-badge .elementor-icon {
        font-size: 34px !important;
    }

    .insurance-badge .elementor-icon svg {
        width: 34px !important;
        height: 34px !important;
    }
}