/* ===============================
   Studiare Read More/Less
   =============================== */

.studiare-collapsible {
  transition: max-height 300ms ease, padding-bottom 200ms ease;
  overflow: hidden;
}

.studiare-collapsible-wrapper {
  position: relative;
  padding-bottom: 90px !important;
  
}

.studiare-collapsible-fade {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 114px;
  pointer-events: none;
  background: linear-gradient(
    to top,
    var(--srm-fade-bot, #ffffff),
    var(--srm-fade-top, rgba(255, 255, 255, 0))
  );
  display: none;
  z-index: calc(var(--srm-zindex, 10) - 1);
}
.studiare-collapsible-wrapper.is-collapsed .studiare-collapsible-fade {
  display: block;
}

.studiare-readmore-btn {
  position: absolute;
  justify-content: center;
  display: inline-flex;
  align-items: center;
  color: var(--srm-btn-text, #0049f8);
  font-size: 15px;
  gap: 8px;
  cursor: pointer;
  bottom: 15px;
  left: 50%;
  transform: translate(-50%, -1px);
  border: 1px solid var(--srm-btn-border, #0049f8);
  border-radius: 6px;
  padding: 11px 12px;
  width: 225px;
  background-color: var(--srm-btn-bg, #ffffff);
  z-index: var(--srm-zindex, 10);
  user-select: none;
  text-align: center;
  line-height: 1.2;
}

.studiare-readmore-btn::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 230px;
  height: 60px;
  transform: translate(-50%, -50%) scale(1);
  border: 1px solid var(--srm-btn-border, #0049f8);
  border-radius: 8px;
  opacity: .7;
  animation: srmPulseBorder 2s infinite;
  z-index: -1;
}
@keyframes srmPulseBorder {
  0%   { transform: translate(-50%, -50%) scale(1);   opacity: .7; }
  70%  { transform: translate(-50%, -50%) scale(1.4); opacity: 0;  }
  100% { transform: translate(-50%, -50%) scale(1.4); opacity: 0;  }
}

/* Icon rotation on expand */
.studiare-readmore-btn i {
  transition: transform 200ms ease;
  display: inline-block;
}
.studiare-readmore-btn[aria-expanded="true"] i {
  transform: rotate(180deg);
}

.studiare-collapsible-wrapper.is-collapsed .studiare-collapsible {
  padding-bottom: 20px !important;
}

.srm-float-slot {
  position: fixed;
  left: 0; 
  bottom: 15px;
  width: 100vw;
  display: flex;
  justify-content: center;
  pointer-events: none;
  z-index: var(--srm-zindex, 10);
}

.srm-float-slot .studiare-readmore-btn {
  position: static;
  transform: none;
  pointer-events: auto;
}

@media (min-width: 768px) {
  html.studiare-rm-hide-desktop .studiare-readmore-btn { display: none; }
}

/* Hide on mobile (<=767.98px) when mobile toggle is OFF */
@media (max-width: 767.98px) {
  html.studiare-rm-hide-mobile .studiare-readmore-btn { display: none; }
}