/* FTS hover/active styling se sad nalazi u resources/views/pages/dynamic.blade.php
   (scoped pod body.fts-edit-active) — koristi box-shadow ring bez padding/margin
   da elementi ne skaču. Stara pravila uklonjena. */

/* Alpine: skrivaj elemente sa x-cloak dok se Alpine ne inicijalizuje
   (sprečava flash netaknutih dropdown-a/mobile menija na load-u) */
[x-cloak] { display: none !important; }

/* Iconify - default veličina za <iconify-icon> elemente koji nemaju eksplicitan font-size */
iconify-icon { display: inline-block; vertical-align: -0.125em; }

/* Tailwind preflight je isključen (Bootstrap coexistence). Ovo su scoped reset-i
   za Tailwind komponente koje očekuju da nemaju default browser stilove. */

/* Header (header_one) — ukinuti underline na linkovima i marker/padding na ul-ovima */
header.sticky a { text-decoration: none; }
header.sticky ul, header.sticky ol { list-style: none; padding-left: 0; margin: 0; }
header.sticky button { background: transparent; border: 0; font: inherit; color: inherit; cursor: pointer; }

/* ─── js-reveal (IntersectionObserver — scroll entrance animations) ─── */
.js-reveal {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity .6s cubic-bezier(.4,0,.2,1), transform .6s cubic-bezier(.4,0,.2,1);
}
.js-reveal.revealed { opacity: 1; transform: none; }
[data-animation="fade-up"]    { transform: translateY(24px); }
[data-animation="fade-in"]    { transform: translateY(0); }
[data-animation="slide-right"]{ transform: translateX(-32px); }
[data-animation="slide-left"] { transform: translateX(32px); }

/* ─── Hero scroll columns (Hero One) ─── */
@keyframes hero-scroll-up {
  0%   { transform: translateY(0); }
  100% { transform: translateY(-50%); }
}
@keyframes hero-scroll-down {
  0%   { transform: translateY(-50%); }
  100% { transform: translateY(0); }
}
.animate-hero-scroll-up   { animation: hero-scroll-up   30s linear infinite; }
.animate-hero-scroll-down { animation: hero-scroll-down 30s linear infinite; }
.hero-scroll-group:hover .animate-hero-scroll-up,
.hero-scroll-group:hover .animate-hero-scroll-down { animation-play-state: paused; }

/* ─── Bento card entrance animation ─── */
[data-animation="bento"] {
  transform: translateY(18px) scale(0.97);
  transition: opacity .55s cubic-bezier(.4,0,.2,1), transform .55s cubic-bezier(.4,0,.2,1);
}
[data-animation="bento"].revealed {
  transform: translateY(0) scale(1);
}

/* ─── Bento photo cell — FTS admin wrapper chain fix ─── */
/* x-fts-photo with absolute positioning collapses the admin wrapper divs.
   .bento-photo-cell forces the wrapper chain to fill the card. */
.bento-photo-cell > .fts_editable_photo,
.bento-photo-cell > .fts_editable_photo > div,
.bento-photo-cell .fts_editable_photo_trigger {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}
.bento-photo-cell .fts_photo_img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* ─── Bento grid mobile reorder (Hero Three) ─── */
@media (max-width: 767px) {
  .bento-card-main      { order: 1; }
  .bento-card-stat1     { order: 2; }
  .bento-card-tall      { order: 3; }
  .bento-card-photo-bl  { order: 4; }
  .bento-card-feat      { order: 5; }
  .bento-card-meeting   { order: 6; }
}