/* Art Antalya v2.0.5 runtime fixes.
 * Loaded after the existing production styles. No storage/content data is replaced.
 */

/* Logo accent: blue and red travel from the two outer edges and meet on the exact center. */
.unified-site-header .header-color-line {
  background: transparent !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  gap: 0 !important;
  left: clamp(18px, 4vw, 72px) !important;
  right: clamp(18px, 4vw, 72px) !important;
  height: 4px !important;
  overflow: hidden !important;
}

.unified-site-header .header-color-line > i,
.unified-site-header .header-color-line > b {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  border-radius: 999px !important;
  opacity: 1 !important;
  animation: artAntalyaLineMeet 4.6s cubic-bezier(.55, 0, .25, 1) infinite !important;
  will-change: transform, opacity;
}

.unified-site-header .header-color-line > i {
  transform-origin: left center !important;
  background: linear-gradient(90deg, rgba(28,75,130,.15) 0%, #1c4b82 72%, #2b6ead 100%) !important;
}

.unified-site-header .header-color-line > b {
  transform-origin: right center !important;
  background: linear-gradient(90deg, #d04444 0%, #b83030 28%, rgba(184,48,48,.15) 100%) !important;
  animation-delay: 0s !important;
}

@keyframes artAntalyaLineMeet {
  0% { transform: scaleX(.04); opacity: .28; }
  44% { transform: scaleX(1); opacity: 1; }
  66% { transform: scaleX(1); opacity: 1; }
  100% { transform: scaleX(.04); opacity: .28; }
}

/* Live Instagram feed. Existing static cards remain the fallback if API/token fails. */
.social-channel-instagram .social-channel-gallery.is-instagram-live {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: clamp(6px, .8vw, 12px) !important;
}

.social-channel-instagram .art-ig-media {
  position: relative;
  display: block;
  aspect-ratio: 1 / 1;
  min-width: 0;
  overflow: hidden;
  background: #e8e3db;
  text-decoration: none;
  isolation: isolate;
}

.social-channel-instagram .art-ig-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform .45s ease, filter .45s ease;
}

.social-channel-instagram .art-ig-media::after {
  content: "↗";
  position: absolute;
  right: 8px;
  bottom: 8px;
  z-index: 2;
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  color: #fff;
  background: rgba(15, 20, 25, .68);
  border: 1px solid rgba(255,255,255,.35);
  font: 700 12px/1 Arial, sans-serif;
  backdrop-filter: blur(8px);
}

.social-channel-instagram .art-ig-media[data-type="VIDEO"]::before {
  content: "▶";
  position: absolute;
  inset: 0;
  z-index: 2;
  display: grid;
  place-items: center;
  color: #fff;
  font: 700 22px/1 Arial, sans-serif;
  text-shadow: 0 2px 12px rgba(0,0,0,.45);
  pointer-events: none;
}

.social-channel-instagram .art-ig-media[data-type="CAROUSEL_ALBUM"]::before {
  content: "▣";
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 2;
  color: #fff;
  font: 700 17px/1 Arial, sans-serif;
  text-shadow: 0 2px 10px rgba(0,0,0,.45);
  pointer-events: none;
}

.social-channel-instagram .art-ig-media:hover img,
.social-channel-instagram .art-ig-media:focus-visible img {
  transform: scale(1.045);
  filter: saturate(1.05);
}

.social-channel-instagram .art-ig-sync-note {
  margin: 12px 0 0 !important;
  font-size: 11px !important;
  opacity: .68;
}

@media (max-width: 560px) {
  .unified-site-header .header-color-line {
    left: 10px !important;
    right: 10px !important;
  }
  .social-channel-instagram .social-channel-gallery.is-instagram-live {
    gap: 5px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .unified-site-header .header-color-line > i,
  .unified-site-header .header-color-line > b {
    animation: none !important;
    transform: scaleX(1) !important;
    opacity: 1 !important;
  }
  .social-channel-instagram .art-ig-media img {
    transition: none !important;
  }
}