/*
  Custom CSS
  Please make sure your CSS rules are 
  more particular / have higher priority
  then other page styles
*/

/* ===== Alap SimplyBook stílusblokkok (gyári placeholder-ek) ===== */
#events h3 { }
#events p.duration, #events div.duration { }
#events p.description, #events div.description { }
#events .selectedEvent { }
#events input.reserve_time_btn { }
#events input.select_another_btn { }
#eventForm #start_date-block-container h3,
#eventForm #timeline-container h3 { }
#eventForm #save_button { }
div.ui-widget-content { }
div.ui-widget-header { }
#timeline-container table.timeline { }
.timeline td.not_worked_time { }
.timeline td.free_time { }
.timeline td.selected_time { }
.timeline td.reserved_time { }
div#loading { }
#start_date-block-container .zend_form dt,
#start_date-block-container .zend_form dt b,
#start_date-block-container .zend_form dd label { }

/* ===============================================================
   EGYEDI KIEGÉSZÍTÉS: Social ikonsor (FB / IG / TikTok / YouTube)
   Használat (Home Page HTML):
   <div class="sb-social-row">
     <h3>Kövess minket</h3>
     <a href="..."><img src="..." alt="Facebook"></a>
     <a href="..."><img src="..." alt="Instagram"></a>
     <a href="..."><img src="..." alt="TikTok"></a>
     <a href="..."><img src="..." alt="YouTube"></a>
   </div>
================================================================ */

/* Ikonsor konténer */
.sb-social-row {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 16px;
  margin-bottom: 16px;
}

/* Cím */
.sb-social-row h3 {
  width: 100%;
  text-align: center;
  margin-bottom: 12px;
  font-size: 20px;
  color: #2f3a36;
  font-weight: 600;
}

/* Linkek */
.sb-social-row a {
  line-height: 0;
  text-decoration: none;
  color: #2f3a36;
}

/* Ikonok */
.sb-social-row img {
  width: 36px !important;
  height: 36px !important;
  object-fit: contain;
  display: block;
  border-radius: 6px;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

/* Hover animáció */
.sb-social-row a:hover img {
  transform: scale(1.12);
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.12);
}

/* Mobil optimalizálás */
@media (max-width: 480px) {
  .sb-social-row {
    gap: 10px;
  }

  .sb-social-row img {
    width: 32px !important;
    height: 32px !important;
  }
}

/* ===============================================================
   GALÉRIA SZEKCIÓ ELREJTÉSE
   (a látogatók számára ne jelenjen meg)
================================================================ */
.section-gallery,
.home .gallery,
.company__gallery,
.gallery-block,
.photo-gallery,
section[id*="gallery"],
.company-gallery {
  display: none !important;
}

/* ===============================================================
   (Opcionális) Monokróm ikon stílus
   Aktiváláshoz vedd ki a komment jelet.
================================================================
.sb-social-row img {
  filter: grayscale(100%);
}
.sb-social-row a:hover img {
  filter: grayscale(0%);
  transform: scale(1.08);
}
*/