/* Kentavr v0.2 — differences between Joomla 2.5 and Joomla 6 markup.
   The original CSS (system/position/layout/general/personal) is loaded unchanged before this file. */

/* Joomla 6 wraps custom modules: keep them neutral */
.mod-custom { margin: 0; padding: 0; }

/* Article container in J6 */
#main .com-content-article { margin: 0; }
#main .com-content-article__body img { max-width: 100%; height: auto; }
#main .com-content-article__body table { max-width: 100%; }

/* Slideshow CK inside the original header slider area (DJ-ImageSlider was full width 1000x300 ratio) */
.kt-slider { position: relative; width: 100%; overflow: hidden; }
.kt-slider .slideshowck, .kt-slider .camera_wrap { margin: 0 !important; }

/* Mobile-only controls are hidden on desktop */
.kt-mobile-nav { display: none; }

/* Temporary gallery plugin: match the old SIGPro "Classic" look (145x105 thumbs with border) */
.kgallery { gap: 10px; }
#main ul.kgallery { list-style: none; padding: 0; margin: 1rem 0; }  /* original "#main ul" adds bullets and a 25px indent */
#main ul.kgallery li { list-style: none; }
.kgallery img { border: 1px solid #ccc; padding: 2px; background: #fff; box-sizing: content-box; }

/* Disabled form placeholders (forms HOLD) */
.kentavr-form-placeholder { background: #fffbe6; border: 1px dashed #e0b84a; padding: 10px; }
.kentavr-form-placeholder input, .kentavr-form-placeholder textarea { max-width: 100%; }

/* Skip-link / focus visibility for accessibility */
a:focus-visible, button:focus-visible { outline: 2px solid #095197; outline-offset: 2px; }

/* Shadow when header is fixed (original .fix class) */
#fixed.fix { box-shadow: 0 2px 10px rgba(0, 0, 0, .25); }

/* HTML5 doctype (J2.5 used XHTML Transitional): drop the baseline gap under the inline-block logo,
   so the fixed header is 100px high as on the original */
.logoheader #logo { vertical-align: top; }

/* «Наши работы» (DEC-024): cards on a grid — equal card size, photo area and title position; photos are not cropped */
#main ul.kt-works { list-style: none; margin: 10px 0 20px; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
#main ul.kt-works li { list-style: none; margin: 0; padding: 0; background: none; }
#main ul.kt-works .kt-works__card {
  display: flex; flex-direction: column; height: 100%; box-sizing: border-box; padding: 8px 8px 10px;
  border: 1px solid #ddd; background: #fff; text-align: center; text-decoration: none; color: #333;
}
#main ul.kt-works a.kt-works__card { transition: border-color .15s, box-shadow .15s; }
#main ul.kt-works a.kt-works__card:hover, #main ul.kt-works a.kt-works__card:focus-visible { border-color: #d30010; box-shadow: 0 2px 10px rgba(0, 0, 0, .12); }
#main ul.kt-works .kt-works__title {
  display: flex; align-items: center; justify-content: center; min-height: 2.6em; margin-bottom: 8px;
  font: bold 17px/1.25 Arial, Helvetica, sans-serif; color: #333;
}
#main ul.kt-works img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: contain; background: #fff; margin: 0; }
@media (max-width: 767.98px) {
  #main ul.kt-works { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  #main ul.kt-works .kt-works__card { padding: 6px 6px 8px; }
  #main ul.kt-works .kt-works__title { font-size: 16px !important; }
}