.gradient-text-rainbow {
            background: linear-gradient(135deg, #F26522, #FFC20E, #00A651, #00AEEF, #0072BC, #662D91);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }
        .bg-rainbow-soft {
            background: linear-gradient(135deg, rgba(242,101,34,0.05), rgba(0,174,239,0.05), rgba(102,45,145,0.05));
        }
        .bg-mesh {
            background-image: radial-gradient(at 0% 0%, rgba(242, 101, 34, 0.12) 0px, transparent 50%),
                              radial-gradient(at 100% 0%, rgba(0, 174, 239, 0.12) 0px, transparent 50%),
                              radial-gradient(at 50% 100%, rgba(102, 45, 145, 0.12) 0px, transparent 50%);
        }
        .custom-scrollbar::-webkit-scrollbar {
            width: 6px;
        }
        .custom-scrollbar::-webkit-scrollbar-track {
            background: #f1f1f1;
        }
        .custom-scrollbar::-webkit-scrollbar-thumb {
            background: #cbd5e1;
            border-radius: 4px;
        }
        .custom-scrollbar::-webkit-scrollbar-thumb:hover {
            background: #94a3b8;
        }
        .text-color-white{
            color: #fff;
        }

        /*-------------Sections------------------*/
        #spaces, #booking, #section_5 {
            background: #f7f9fb;
}

input[type=submit]:hover, input[type=button]:hover, input[type=reset]:hover, button:hover, .button:hover, input[type=submit]:focus, input[type=button]:focus, input[type=reset]:focus, button:focus, .button:focus {
    background-color: #c9d7c2;
    border: none;
    color: var(--bold-color);
    
}
        
/*---------------GYIK------------------*/
#GYIK{
    background: #f1f7ff;
}
.toggle-item {
    background: #d8ebe9;
    border-radius: 1rem;
    margin-bottom: 1rem;
}

.toggle-title {
    background: transparent!important;
    border: none!important;
}

.toggle-content {
    background: transparent;
    padding: 0 1rem 1rem;
}
.accordion-title::before, .toggle-title::before {
    content: none;
    }
/* A külső tároló, ami a függöny mozgást végzi */
.toggle-content {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    overflow: hidden;
  
}

/* Ez az állapot, amikor nyitva van */
.toggle-item.active .toggle-content {
    grid-template-rows: 1fr;
    border-bottom: none;
}

/* A belső div, ami a tényleges szöveget és a paddinget tartja */
.toggle-inner {
    min-height: 0;
    
    color: #444;
    line-height: 1.6;
    opacity: 0;
    transition: opacity 0.3s ease;
}

/* Ha nyitva van, a szöveg is látszódjon */
.toggle-item.active .toggle-inner {
    opacity: 1;
}

/* Cím és nyíl stílus (Font Awesome) */
.toggle-title {
    position: relative;
    cursor: pointer;
    padding: 18px 50px 18px 20px;
    background-color: #f9f9f9;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.toggle-title::after {
    content: "\f054"; /* Font Awesome kacsacsőr */
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    transition: transform 0.4s ease;
}

.toggle-item.active .toggle-title::after {
    transform: rotate(90deg);
}

/*--------------Események------------------*/
/* Reszponzív Grid elrendezés: mobilon 1, tableten 2, asztali gépen 3 oszlop */
.esemeny-content .view-content {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.5rem;
  padding: 1rem;
}

@media (min-width: 640px) {
  .esemeny-content .view-content {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 1024px) {
  .esemeny-content .view-content {
    grid-template-columns: repeat(3, 1fr);
  }
}

/* Drupal gyári elemek igazítása, hogy a kártyák magassága egységes legyen */
.esemeny-box, 
.views-field, 
.field-content {
  display: flex;
  flex-direction: column;
  height: 100%;
}

/* Kártyák alapvető megjelenése és finomhangolása (kerekítés, finom árnyék) */
.view-content article {
  height: 100%;
  border-radius: 1.5rem;
  box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.05);
  border: 1px solid rgba(0, 0, 0, 0.03);
  background-color: #f7f9fb;
}

/* --- KATEGÓRIÁK EGYEDI SZÍNEZÉSE (A képen látható narancs, zöld, lila témák) --- */

/* 1. KÁRTYA: WORKSHOP (Narancssárga téma) */
.esemeny-box:nth-child(1) article > div:first-child {
  background-color: #fdf2ed;
}
.vesemeny-box:nth-child(1) article span > a,
.esemeny-box:nth-child(1) article .border-t span:last-child {
  color: #ee6c4d;
}

/* 2. KÁRTYA: KÖZÖSSÉGI ESTE (Zöld téma) */
.esemeny-box:nth-child(2) article > div:first-child {
  background-color: #eaf6ee;
}
.esemeny-box:nth-child(2) article span > a,
.esemeny-box:nth-child(2) article .border-t span:last-child {
  color: #2ec4b6;
}

/* 3. KÁRTYA: MENTÁL EGÉSZSÉG (Lila téma) */
.esemeny-box:nth-child(3) article > div:first-child {
  background-color: #f1edfd;
}
.esemeny-box:nth-child(3) article span > a,
.esemeny-box:nth-child(3) article .border-t span:last-child {
  color: #7b2cbf;
}

/*------------------Űrlap------------------*/
textarea#edit-uzeneted, input#edit-tema-targy, input#edit-neved, input#edit-e-mail-cimed {
    padding: 0.6rem 1rem;
    border-radius: 0.7rem;
}
input#edit-actions-submit {
    width: 100%;
    background: #f26522;
    border-radius: 0.8rem;
}
/*-----------------Footer ------------------*/
.footer-bottom-middle {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: none;
    padding: 1rem 0;
}
#footer {
    background: #0f1629;
    border-top: none;
}

/*-----------------Időpontfoglalás ------------------*/
/* Konténer rendezése Flexbox-al */
.idopontfoglalas .view-content {
  display: flex;
  flex-wrap: wrap; /* Ha nem fér el a képernyőn, törje több sorba */
  gap: 1rem;      /* Dobozok közötti távolság */
}

/* Dobozok fix/rugalmas méretezése */
.idopontfoglalas .view-content .views-row {
  /* A kártyák minimális szélessége pl. 180px, de ha van hely, egyenletesen nyúlnak */
  flex: 1 1 180px; 
  max-width: 240px; /* Megakadályozza, hogy 1-2 elem esetén óriásira nyúljanak */
}

/* Drupal burkolók igazítása az egyenlő magassághoz */
.idopontfoglalas .view-content .views-field,
.idopontfoglalas .view-content .field-content,
.idopontfoglalas .view-content .field-content > a {
  display: block;
  height: 100%;
}

.idopontfoglalas .view-content .field-content > a > div {
  height: 100%;
}