/* Elrejtjük a felesleges füleket az Advanced Accordion beállításainál */
/* Az ACF a mező típusát rárakja a szülő konténerre az admin felületen */

.acf-field-object-better-accordion .acf-settings-type-validation,
.acf-field-object-better-accordion .acf-settings-type-presentation,
.acf-field-object-better-accordion .acf-field-setting-name
 {
    display: none !important;
}


.acf-field-better-accordion{
	 padding: 0px !important;
}


/* A cím wrapperének és a leírásnak is helyet szorítunk a nyíl előtt */
.lpba-title-wrapper, 
.lpba-description {
    /* 1.25rem a nyíl szélessége + 1.25rem a jobb széltől való távolsága + egy kis extra szünet */
    padding-right: 3rem !important; 
    box-sizing: border-box;
}

/* Biztosítjuk, hogy a leírás ne örökölje a vastagságot, ha esetleg máshonnan jönne */
.lpba-description {
    font-weight: normal !important;
}
/* Elrejtjük a Better Accordion mező alapértelmezett, külső label-jét az adminban */
.acf-field-better-accordion > .acf-label {
    display: none !important;
}

/* Kiterjesztjük az input részt 100%-ra, hogy ne maradjon ott a label helye */
.acf-field-better-accordion > .acf-input {
    width: 100% !important;
    float: none !important;
}


/* Az accordion fejlécében lévő címkét viszont újra láthatóvá tesszük és formázzuk */
.lpba-better-accordion .acf-accordion-title label {
    display: inline-block !important;
    margin: 0 !important;    
    cursor: pointer;
}

/* Az accordion fejlécében lévő címkét viszont újra láthatóvá tesszük és formázzuk */
.lpba-better-accordion .acf-accordion-title {
   font-weight: normal !important;
}



/* A saját leírásunk stílusa az adminban, hogy kövesse a WP stílust */
.lpba-desc-below {
    display: block;
    margin-top: 5px;
    font-size: 12px;
    font-style: italic;
    color: #646970;
}

/* A sticky leírás az adminban egy egyszerű szürke doboz legyen */
.lpba-desc-sticky {
    background: #f0f0f0;
    padding: 10px;
    border-left: 4px solid #2271b1;
    margin: 10px 0;
}

/* FRONTEND */

/* Fejléc és Zöld háttér nyitott állapotban */
.lpba-better-accordion > .acf-accordion-title.lpba-header {
    background-color: #f8f9fa !important;
    padding: 1.25rem !important;
    margin: 0rem !important;
    display: flex !important;
    flex-direction: column !important; /* Hogy a leírás alá kerüljön */
    position: relative;
    transition: background-color 0.3s ease;
}

.lpba-better-accordion.-open > .acf-accordion-title.lpba-header {
    background-color: #ebf3eb !important; /* A kért halványzöld */
}

/* Bootstrap-szerű nyíl formázása */
.lpba-better-accordion .acf-accordion-title::after {
    content: "" !important;
    display: block !important;
    width: 1.25rem !important;
    height: 1.25rem !important;
    background-repeat: no-repeat !important;
    background-size: 1.25rem !important;
    background-position: center !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important;
    /* Pozícionálás a teljes fejléc magasságának közepére */
    position: absolute;
    right: 1.25rem;
    top: 50% !important; /* A fejléc magasságának feléhez teszi a tetejét */
    transform: translateY(-50%) !important; /* Visszatolja a saját magassága felével, így lesz mértani közép */
    
    transition: transform 0.2s ease-in-out !important;
}

/* Nyíl elforgatása, ha nyitva van */
.lpba-better-accordion.-open .acf-accordion-title::after {
   transform: translateY(-50%) rotate(-180deg) !important;
}

/* Leírás alá törése */
.lpba-description {
    display: block !important;
    width: 100%;
    margin-top: 0.5rem !important;
    color: #6c757d;
}

/* Eltüntetjük az ACF alapértelmezett ikonját */
.lpba-better-accordion .acf-accordion-icon {
    display: none !important;
}

/* A cím wrapperének és a leírásnak is helyet szorítunk a nyíl előtt */
.lpba-title-wrapper, 
.lpba-description {
    /* 1.25rem a nyíl szélessége + 1.25rem a jobb széltől való távolsága + egy kis extra szünet */
    padding-right: 3rem !important; 
    box-sizing: border-box;
}

/* Biztosítjuk, hogy a leírás ne örökölje a vastagságot, ha esetleg máshonnan jönne */
.lpba-description {
    font-weight: normal !important;
}