/* Additions that replace behaviour previously supplied by Hocoos scripts */

/* team page "view more" */
.dm-extra[hidden] { display: none !important; }
.dm-in { animation: dmFade .5s ease both; }
@keyframes dmFade { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } }

/* initials shown until a team photo is added to assets/images/team/ */
.dm-avatar { position: relative; width: 190px; height: 190px; max-width: 100%; margin: 0 auto;
  border-radius: 50%; overflow: hidden; background: #2a2a2a;
  display: flex; align-items: center; justify-content: center; }
.dm-avatar img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; border-radius: 50%; }
.dm-initials { font-size: 56px; font-weight: 600; letter-spacing: 2px; color: #cbb403; }

/* contact form messages */
.dm-form-msg { margin: 16px auto 0; max-width: 560px; padding: 12px 16px; border-radius: 8px;
  text-align: center; font-size: 16px; line-height: 1.4; }
.dm-form-ok { background: rgba(203, 180, 3, .15); color: #cbb403; border: 1px solid #cbb403; }
.dm-form-error { background: rgba(220, 70, 70, .12); color: #ff8f8f; border: 1px solid #ff8f8f; }
.kmb-submit-form-btn[disabled] { opacity: .6; cursor: wait; }

/* stop page scrolling behind the open mobile menu */
html.dm-menu-open { overflow: hidden; }

/* EN | BG language switch, in the header corner */
.dm-lang { position: absolute; right: 24px; top: 50%; transform: translateY(-50%); z-index: 1001;
  display: flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 600; letter-spacing: .5px; line-height: 1; }
.dm-lang a { color: #cbb403; text-decoration: none; opacity: .65; padding: 6px 2px; transition: opacity .2s; }
.dm-lang a:hover, .dm-lang a:focus-visible { opacity: 1; }
.dm-lang a.dm-lang-active { opacity: 1; border-bottom: 2px solid #cbb403; }
.dm-lang span { color: #cbb403; opacity: .4; }
@media screen and (max-width: 991px) { .dm-lang { right: auto; left: 64px; } }

/* phone field: keep the "+" prefix from overlapping the placeholder */
.kmb-inside-form-field-label ~ input { padding-left: 16px !important; }

/* slider arrows: hide the arrow at either end of the slider */
.kmb-slide-prev-btn[disabled], .kmb-slide-next-btn[disabled] { visibility: hidden; opacity: 0; pointer-events: none; }
.kmb-slide-prev-btn, .kmb-slide-next-btn { transition: opacity .2s; }

/* slider arrows: hide an arrow when there is nothing further in that direction */
.kmb-slide-prev-btn:disabled, .kmb-slide-next-btn:disabled { visibility: hidden; pointer-events: none; }
