/*
Theme Name: Mon Kft.
Theme URI: https://monkft.hu/
Description: Az Energify téma egyedi gyerek témája a Mon Kft. számára.
Author: Mon Kft.
Template: energify
Version: 1.0
Text Domain: monkft
*/

/* Ide jöhetnek az egyedi CSS szabályaid */

div.ff_hidden {display:none!important;}
select[name="csomag_id"] {font-size:1.35rem;padding:8px 20px;margin-bottom:20px!important;}
.ff-default .ff-el-form-control {padding:10px 30px;border-radius:50px;}
#label_ff_11_csomag_id {font-size:1.5rem!important;margin-bottom:20px;color:#eee;}



/* CSOMAGVÁLASZTÓ FORM */ 

/* Konténer beállítása */
.system-selector-container {
    display: flex;
    justify-content: center;
    gap: 15px;
    margin-bottom: 30px;
    font-family: 'Outfit', sans-serif;
    flex-wrap: wrap; /* Mobilbarát megjelenéshez */
}

/* Egyedi gomb (tab) stílusa */
.system-tab {
    background-color: #ffffff;
    border: 1px solid #e0e0e0;
    padding: 15px 25px;
    border-radius: 10px;
    cursor: pointer;
    font-weight: 500;
    font-size: 16px;
    color: #333333;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    gap: 10px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
}

/* Hover állapot */
.system-tab:hover {
    background-color: #f9f9f9;
    border-color: #cccccc;
    transform: translateY(-2px);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
}

/* Aktív gomb stílusa (kijelölt állapot) */
/* Az oldalon az aktív állapot gyakran a márkaszínt (pl. zöld/kék) használja */
.system-tab.active {
    background-color: #212529; /* Sötét szín az oldalon látható design alapján */
    color: #ffffff;
    border-color: #212529;
}

/* Ikonok méretezése */
.system-tab .icon {
    font-size: 20px;
}

/* Mobil optimalizálás */
@media (max-width: 768px) {
    .system-tab {
        width: 100%;
        justify-content: center;
    }
}

/* CSOMAGVÁLASZTÓ FORM */