/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/


/* ==========================================================================
   Szaki Iroda - SaaS Switcher (Belépés form emlékezz rám)
   ========================================================================== */
input[type="checkbox"]#form-field-neuaap {
    appearance: none !important;
    -webkit-appearance: none !important;
    width: 44px !important;
    height: 24px !important;
    background: #e2e8f0 !important;
    border-radius: 24px !important;
    position: relative !important;
    cursor: pointer !important;
    outline: none !important;
    transition: background 0.3s ease !important;
    flex-shrink: 0 !important;
    vertical-align: middle !important;
    margin: 0 10px 0 0 !important;
    border: none !important;
}

input[type="checkbox"]#form-field-neuaap::after {
    content: '' !important;
    position: absolute !important;
    top: 2px !important;
    left: 2px !important;
    width: 20px !important;
    height: 20px !important;
    background: white !important;
    border-radius: 50% !important;
    transition: left 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2) !important;
}

input[type="checkbox"]#form-field-neuaap:checked {
    background: #10b981 !important;
}

input[type="checkbox"]#form-field-neuaap:checked::after {
    left: 22px !important;
}


/*========================================================
/* CRM DWOPDOWN MENÜ
/*========================================================*/
/* Alapból elrejtjük a legőrdülő menüt */
.crm-action-menu .crm-dropdown {
    visibility: hidden;
    opacity: 0;
    transition: all 0.2s ease-in-out;
    transform: translateY(10px); /* Kicsit lejjebbrŐl indul az animÁciÓ */
}

/* Asztali nézet: hover effect mozgatja */
.crm-action-menu:hover .crm-dropdown {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
}

/* Mobil nézet: Kattintásra (ókuszba kerülésre) megjelenik a menü */
.crm-action-menu:focus-within .crm-dropdown {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
}




/* --- ÁRAK EGYMÁSRA HELYEZÉSE (CSS Grid trükk) --- */
.szaki-price-wrapper {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
    overflow: hidden; /* Hogy a kicsúszó elemek ne lógjanak ki */
}

.szaki-price-monthly, 
.szaki-price-yearly {
    grid-column: 1 / -1;
    grid-row: 1 / -1;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); /* Sima, elegáns csúszás */
}

/* Alapállapot (Havi nézet) */
.szaki-price-monthly {
    opacity: 1;
    transform: translateX(0);
    pointer-events: auto;
}

.szaki-price-yearly {
    opacity: 0;
    transform: translateX(-30px); /* Jobbról csúszik majd be */
    pointer-events: none;
    visibility: hidden;
}

/* Bekapcsolt állapot (Éves nézet - ezt a classt a JS adja majd hozzá) */
.szaki-pricing-section.show-yearly .szaki-price-monthly {
    opacity: 0;
    transform: translateX(30px); /* Balra csúszik ki */
    pointer-events: none;
    visibility: hidden;
}

.szaki-pricing-section.show-yearly .szaki-price-yearly {
    opacity: 1;
    transform: translateX(0);
    pointer-events: auto;
    visibility: visible;
}


/* --- GOMBOK AZONNALI CSERÉJE (Nincs animáció) --- */
.szaki-btn-monthly {
    display: flex; /* Vagy block, attól függően, hogy Bricksben miként van formázva */
}

.szaki-btn-yearly {
    display: none;
}

.szaki-pricing-section.show-yearly .szaki-btn-monthly {
    display: none;
}

.szaki-pricing-section.show-yearly .szaki-btn-yearly {
    display: flex; /* Ide is az jöjjön, ami a Bricks alap beállítása a gombnak */
}

/* --- IKONOK CSERÉJE --- */
/* Alapállapotban (Havi) az éves ikon rejtve van */
.szaki-toggle-monthly {
    display: flex; /* Vagy block, attól függően, hogy áll a Bricksben */
}
.szaki-toggle-yearly {
    display: none;
}

/* Bekapcsolt állapotban (Éves) megcseréljük őket */
.szaki-pricing-section.show-yearly .szaki-toggle-monthly {
    display: none;
}
.szaki-pricing-section.show-yearly .szaki-toggle-yearly {
    display: flex; 
}

/* Hogy az egész blokk egyértelműen kattintható legyen */
#szaki-switcher-wrapper {
    cursor: pointer;
    user-select: none; /* Ne lehessen véletlenül kijelölni a szöveget kattintáskor */
}


/* EGYSZERŰ BAL ALSÓ - JOBB FELSŐ SAROKBAN ELMOSOTT HALVÁNY KÖRÖK ---------------------------------------------------*/
.feature-bgr {
    /* Alapszín: nagyon halvány szürke */
    background-color: #f9f9f9;
    
    /* A két elmosódott kör a sarkokban */
    background-image: 
        /* Jobb felső sarok */
        radial-gradient(circle at 100% 0%, rgba(255, 0, 93, 0.1) 0%, transparent 50%),
        /* Bal alsó sarok */
        radial-gradient(circle at 0% 100%, rgba(255, 0, 93, 0.1) 0%, transparent 50%);
        
    /* Biztosítjuk, hogy ne ismétlődjön a háttér */
    background-repeat: no-repeat;
    background-size: cover;
}