/* Joomgallery local Style - wont be overwritten by updates etc.
 * Rename this file to "joom_local.css" to have it included in
 * Joomgallery.
 * You can override any Style Definition of Joomgallery
 * Be sure to place !important behind each definition that could be
 * defined elsewhere. 
 * 
 * A basic sample style is included below. Feel free to edit or 
 * comment to your liking.
 *
 * 
 * Diese Datei wird nicht von Updates o.ä. überschrieben.
 * Benennen Sie diese in "joom_local.css" um, damit sie von der Joomgallery 
 * erkannt und eingebunden wird.
 *
 * Sie können jede Style-Definition 'überschreiben', die von der Joomgallery
 * standardmäßig in den anderen CSS-Dateien vergeben wird.
 *
 * Bitte fügen Sie ein '!important' in jeder Definition ein, die schon an
 * anderer Stelle definiert ist.
 *
 * Ein grundlegendes Beispiel für geänderte Styles finden Sie untenstehend.
 * Sie können diese nach Ihren Vorstellungen ändern.
 * 
 */
 
 
/* 🌿 Общий стиль галереи */
.gallery {
  background: #fafafa;
  color: #333;
  padding: 20px;
  border-radius: 8px;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
  font-family: "Segoe UI", Tahoma, Verdana, Arial, sans-serif;
}

/* 🏷 Заголовок компонента */
.gallery .componentheading {
  font-size: 1.6em;
  font-weight: 600;
  text-align: center;
  color: #222;
  background: linear-gradient(180deg, #ffffff, #f3f3f3);
  border-bottom: 2px solid #d9d9d9;
  padding: 15px 0;
  letter-spacing: 0.5px;
}

/* 🧭 Навигация (pathway) */
.jg_pathway {
  background: #f6f6f6;
  border: 1px solid #ddd !important;
  border-radius: 6px;
  padding: 8px 12px;
  margin-bottom: 20px;
  font-size: 0.95em;
  color: #555;
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.05);
}

/* Ссылки в pathway */
.jg_pathway a,
.jg_pathway a:visited,
.jg_pathway a:link {
  color: #1e88e5;
  text-decoration: none;
  transition: color 0.2s ease, text-shadow 0.2s ease;
}

.jg_pathway a:hover {
  color: #0d47a1;
  text-shadow: 0 0 3px rgba(13, 71, 161, 0.3);
}

/* 🖼 Заголовок категории / раздела */
div.gallery .jg-header {
  font-size: 1.1em !important;
  font-weight: 600 !important;
  text-align: center !important;
  background: #fff !important;
  border: 1px solid #ddd !important;
  border-radius: 6px;
  color: #333 !important;
  padding: 10px !important;
  margin-bottom: 15px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

/* 📦 Блоки в детальном просмотре */
div.jg_details,
div.jg_voting,
div.jg_send2friend,
div.jg_commentsarea {
  border: 1px solid #ccc;
  border-radius: 6px;
  background: #fff;
  padding: 12px;
  margin-bottom: 15px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05);
}

/* 🖼 Элементы категорий */
.jg_catelem,
.jg_element_gal,
.jg_element_cat {
  display: inline-block;
  text-align: center;
  background: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  margin: 10px;
  padding: 10px;
  transition: all 0.3s ease;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
}

.jg_catelem:hover,
.jg_element_gal:hover,
.jg_element_cat:hover {
  transform: translateY(-4px);
  box-shadow: 0 6px 15px rgba(0, 0, 0, 0.1);
  border-color: #1e88e5;
}

/* 🖼 Изображения */
.jg_catelem img,
.jg_element_gal img,
.jg_element_cat img {
  max-width: 100%;
  border-radius: 4px;
  transition: transform 0.3s ease;
}

.jg_catelem img:hover,
.jg_element_gal img:hover,
.jg_element_cat img:hover {
  transform: scale(1.05);
}

/* 📝 Подписи под изображениями */
.jg_caption {
  margin-top: 8px;
  font-size: 0.9em;
  color: #555;
}

/* 💬 Комментарии */
.jg_commentsarea {
  background: #fcfcfc;
  border-left: 3px solid #1e88e5;
}

/* 🌈 Кнопки (если есть) */
button,
input[type="button"],
input[type="submit"] {
  background: #1e88e5;
  color: #fff;
  border: none;
  border-radius: 5px;
  padding: 8px 14px;
  cursor: pointer;
  transition: background 0.3s ease;
}

button:hover,
input[type="button"]:hover,
input[type="submit"]:hover {
  background: #1565c0;
}