/*
Theme Name: Pluginly
Theme URI: https://pluginly.example
Author: Pluginly
Author URI: https://pluginly.example
Description: Custom Tailwind-based theme for the Pluginly WordPress plugin store. Lightweight, fast, and ready for ACF-driven content.
Version: 1.2.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: pluginly
*/

/* ===== Custom CSS (mirrors the static build) ===== */
html { scroll-behavior: smooth; }
.glass { backdrop-filter: saturate(180%) blur(12px); }

/* Scrollable hero card (home) */
.hero-scroll { max-height: 300px; overflow-y: auto; scroll-behavior: smooth; -webkit-overflow-scrolling: touch; }
.hero-scroll::-webkit-scrollbar { width: 6px; }
.hero-scroll::-webkit-scrollbar-track { background: transparent; }
.hero-scroll::-webkit-scrollbar-thumb { background: #c7d2fe; border-radius: 9999px; }
.hero-scroll::-webkit-scrollbar-thumb:hover { background: #818cf8; }

/* Hero row entrance + hover */
@keyframes rowIn { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: translateY(0); } }
.row-anim { animation: rowIn .5s ease both; }
.hero-row { transition: transform .25s ease, box-shadow .25s ease; }
.hero-row:hover { transform: translateY(-3px); box-shadow: 0 12px 30px -8px rgba(99,102,241,.35); }

/* View Plugin button */
.view-btn { transition: all .25s ease; }
.view-btn:hover { transform: translateX(3px); }
.view-btn svg { transition: transform .25s ease; }
.view-btn:hover svg { transform: translateX(3px); }

/* Progress pulse */
@keyframes pulseProg { 0%,100% { opacity: 1; } 50% { opacity: .6; } }
.prog-pulse { animation: pulseProg 1.6s ease-in-out infinite; }

/* ===== Plugin gallery slider ===== */
.plugin-gallery { overflow: hidden; }
.plugin-gallery .swiper-slide { overflow: hidden; }
/* Slow Ken Burns zoom on the active screenshot */
.plugin-gallery .swiper-slide img { display: block; width: 100%; transform: scale(1); transition: transform 6s ease-out; }
.plugin-gallery .swiper-slide-active img { transform: scale(1.06); }
/* Soft indigo nav arrows */
.plugin-gallery .swiper-button-next,
.plugin-gallery .swiper-button-prev {
  width: 40px; height: 40px; border-radius: 9999px;
  background: rgba(255,255,255,.9); color: #4f46e5;
  box-shadow: 0 6px 16px -6px rgba(15,23,42,.35);
  transition: transform .2s ease, background .2s ease;
}
.plugin-gallery .swiper-button-next:hover,
.plugin-gallery .swiper-button-prev:hover { background: #ffffff; transform: scale(1.08); }
.plugin-gallery .swiper-button-next::after,
.plugin-gallery .swiper-button-prev::after { font-size: 16px; font-weight: 700; }
/* Pagination bullets */
.plugin-gallery .swiper-pagination-bullet { background: #ffffff; opacity: .7; }
.plugin-gallery .swiper-pagination-bullet-active { background: #4f46e5; opacity: 1; }

/* Thumbnail strip — preview previous / next screenshots */
.plugin-gallery-thumbs .swiper-slide {
  cursor: pointer; border-radius: 10px; overflow: hidden;
  opacity: .5; filter: saturate(.85);
  outline: 2px solid transparent; outline-offset: -2px;
  transition: opacity .25s ease, outline-color .25s ease, transform .2s ease;
}
.plugin-gallery-thumbs .swiper-slide:hover { opacity: .85; transform: translateY(-2px); }
.plugin-gallery-thumbs .swiper-slide img { display: block; width: 100%; border-radius: 10px; }
.plugin-gallery-thumbs .swiper-slide-thumb-active {
  opacity: 1; filter: none;
  outline-color: #4f46e5;
  box-shadow: 0 8px 18px -8px rgba(79,70,229,.5);
}