/* Article Toggle – article-toggle.css */

.at-toggle-wrap {
  margin: 1.5rem 0 0;
}

.at-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 20px;
  border: 1.5px solid currentColor;
  border-radius: 6px;
  background: transparent;
  color: inherit;
  font-size: 15px;
  font-family: inherit;
  font-weight: 500;
  cursor: pointer;
  transition: background 0.15s;
  opacity: 0.85;
}

.at-btn:hover { opacity: 1; background: rgba(0,0,0,0.05); }
.at-btn:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }

.at-chevron {
  flex-shrink: 0;
  transition: transform 0.3s ease;
}
.at-btn[aria-expanded="true"] .at-chevron {
  transform: rotate(180deg);
}

/*
  Ključno: visibility:hidden kad je zatvoren — sadržaj zauzima 0 prostora,
  ali ostaje u DOM-u pa ga Google indeksira.
  height:0 + overflow:hidden ne rješava margin collapse —
  visibility+position:absolute jedino garantuje 0 visine.
*/
.at-hidden-content {
  position: relative;
  height: 0;
  overflow: hidden;
  /* display:flow-root sprečava margin collapse iz child elemenata */
  display: flow-root;
  opacity: 0;
  pointer-events: none;
}

.at-hidden-content.at-animating {
  transition: height var(--at-speed, 400ms) ease,
              opacity var(--at-speed, 400ms) ease;
}

.at-hidden-content.at-open {
  height: auto;
  opacity: 1;
  pointer-events: auto;
  overflow: visible;
}

/* at-inner — padding/border odvojen od height animacije */
.at-inner {
  display: flow-root;
  padding-top: 1.25rem;
  border-top: 1px solid rgba(0,0,0,0.1);
  margin-top: 0.5rem;
}

/* Poništi margine na prvom i zadnjem child elementu
   da ne cure van overflow:hidden */
.at-hidden-content > .at-inner > *:first-child {
  margin-top: 0 !important;
}
.at-hidden-content > .at-inner > *:last-child {
  margin-bottom: 0 !important;
}

.at-toggle-wrap.at-pos-left   { text-align: left; }
.at-toggle-wrap.at-pos-center { text-align: center; }
.at-toggle-wrap.at-pos-right  { text-align: right; }