/* Lyor Pro Widgets V2 - unified high-end styling */
.lyor-pro-slides,
.lyor-pro-anim-headline,
.lyor-pro-price-list,
.lyor-pro-share,
.lyor-pro-login-wrap,
.lyor-pro-sitemap,
.lyor-pro-search,
.lyor-pro-nav,
.lyor-pro-post-nav,
.lyor-pro-author-box,
.lyor-pro-archive-meta {
  --lyor-v2-bg: transparent;
  --lyor-v2-surface: rgba(255,255,255,0.78);
  --lyor-v2-text: #121212;
  --lyor-v2-muted: rgba(18,18,18,0.68);
  --lyor-v2-accent: #1b1b1b;
  --lyor-v2-radius: 14px;
  --lyor-v2-border: rgba(18,18,18,0.12);
  --lyor-v2-gap: 12px;
  color: var(--lyor-v2-text);
  max-width: 100%;
  box-sizing: border-box;
}

/* shared links/buttons */
.lyor-pro-share .btn,
.lyor-pro-search button,
.lyor-pro-slides__btn,
.lyor-pro-post-nav a,
.lyor-pro-login-wrap .button,
.lyor-pro-nav .toggle {
  border-radius: 999px;
  border: 1px solid var(--lyor-v2-border);
  background: color-mix(in srgb, var(--lyor-v2-accent) 10%, white);
  color: var(--lyor-v2-text);
  transition: transform .22s ease, box-shadow .22s ease, background .22s ease;
}

.lyor-pro-share .btn:hover,
.lyor-pro-search button:hover,
.lyor-pro-slides__btn:hover,
.lyor-pro-post-nav a:hover,
.lyor-pro-login-wrap .button:hover,
.lyor-pro-nav .toggle:hover {
  transform: translateY(-1px);
  box-shadow: 0 8px 20px rgba(0,0,0,.10);
  background: color-mix(in srgb, var(--lyor-v2-accent) 16%, white);
}

/* Slides */
.lyor-pro-slides {
  border-radius: calc(var(--lyor-v2-radius) + 2px) !important;
}
.lyor-pro-slides__content {
  text-wrap: pretty;
}
.lyor-pro-slides__text {
  max-width: 62ch;
}
.lyor-pro-slides__nav {
  opacity: .92;
  backdrop-filter: blur(8px);
}

/* Animated headline */
.lyor-pro-anim-headline {
  letter-spacing: -0.02em;
}
.lyor-pro-anim-headline .pre,
.lyor-pro-anim-headline .post {
  opacity: .86;
}

/* Price list */
.lyor-pro-price-list .row {
  background: var(--lyor-v2-surface);
  border-color: var(--lyor-v2-border);
  backdrop-filter: blur(8px);
}
.lyor-pro-price-list .meta p {
  color: var(--lyor-v2-muted);
}

/* Share buttons */
.lyor-pro-share .dot {
  background: color-mix(in srgb, var(--lyor-v2-accent) 72%, #fff) !important;
}

/* Login */
.lyor-pro-login-wrap form {
  display: grid;
  gap: 10px;
  max-width: 520px;
}
.lyor-pro-login-wrap input[type="text"],
.lyor-pro-login-wrap input[type="password"],
.lyor-pro-login-wrap input[type="email"] {
  min-height: 44px;
  border: 1px solid var(--lyor-v2-border);
  border-radius: 10px;
  padding: 0 12px;
  width: 100%;
}
.lyor-pro-login-links {
  margin-top: 10px;
}

/* Sitemap */
.lyor-pro-sitemap h4 {
  margin: 16px 0 8px;
  font-size: 14px;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.lyor-pro-sitemap ul {
  margin: 0;
  padding-left: 18px;
}
.lyor-pro-sitemap li {
  margin: 4px 0;
}

/* Search */
.lyor-pro-search {
  align-items: stretch;
}
.lyor-pro-search input {
  border: 1px solid var(--lyor-v2-border);
  border-radius: 10px;
  width: 100%;
  box-sizing: border-box;
}
.lyor-pro-search .results {
  border-color: var(--lyor-v2-border) !important;
  background: #fff;
  box-shadow: 0 12px 30px rgba(0,0,0,.10);
}

/* Nav menu */
.lyor-pro-nav .lyor-pro-nav-list > li > a {
  display: inline-flex;
  padding: 6px 0;
  position: relative;
}
.lyor-pro-nav .lyor-pro-nav-list > li > a::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  transform: scaleX(0);
  transform-origin: left;
  background: currentColor;
  opacity: .45;
  transition: transform .24s ease;
}
.lyor-pro-nav .lyor-pro-nav-list > li > a:hover::after {
  transform: scaleX(1);
}

/* Post nav */
.lyor-pro-post-nav {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.lyor-pro-post-nav a {
  display: block;
  padding: 12px 14px;
  text-decoration: none;
  border: 1px solid var(--lyor-v2-border);
}
.lyor-pro-post-nav .next {
  text-align: right;
}
.lyor-pro-post-nav small {
  display: block;
  opacity: .62;
  margin-bottom: 4px;
}

/* Author box */
.lyor-pro-author-box {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 14px;
  align-items: center;
  padding: 14px;
  border: 1px solid var(--lyor-v2-border);
  border-radius: var(--lyor-v2-radius);
  background: var(--lyor-v2-surface);
}
.lyor-pro-author-box img {
  border-radius: 999px;
}
.lyor-pro-author-box .meta h4 {
  margin: 0 0 4px;
}
.lyor-pro-author-box .meta p {
  margin: 0;
  color: var(--lyor-v2-muted);
}

/* Archive meta */
.lyor-pro-archive-meta h2 {
  margin: 0 0 8px;
  font-size: clamp(28px, 4.2vw, 64px);
  line-height: .96;
}
.lyor-pro-archive-meta .desc {
  color: var(--lyor-v2-muted);
  max-width: 72ch;
}

/* responsive hardening */
@media (max-width: 1024px) {
  .lyor-pro-slides,
  .lyor-pro-slides .lyor-pro-slides__item { max-width: 100%; }
  .lyor-pro-search { grid-template-columns: 1fr; }
  .lyor-pro-search button { min-height: 42px; }
}

@media (max-width: 767px) {
  .lyor-pro-post-nav { grid-template-columns: 1fr; }
  .lyor-pro-post-nav .next { text-align: left; }
  .lyor-pro-author-box { grid-template-columns: 1fr; text-align: left; }
  .lyor-pro-slides__content { left: 16px !important; right: 16px; bottom: 18px !important; }
  .lyor-pro-slides__title { font-size: clamp(26px, 9vw, 48px) !important; }
  .lyor-pro-slides__nav { width: 34px !important; height: 34px !important; }
}

/* never create horizontal scroll */
.lyor-pro-slides,
.lyor-pro-anim-headline,
.lyor-pro-price-list,
.lyor-pro-share,
.lyor-pro-login-wrap,
.lyor-pro-sitemap,
.lyor-pro-search,
.lyor-pro-nav,
.lyor-pro-post-nav,
.lyor-pro-author-box,
.lyor-pro-archive-meta {
  overflow-wrap: anywhere;
}
