/*
Theme Name: Fishka USA
Theme URI: https://fishka.onhercules.app/
Author: Andrey Krasik
Description: Custom theme for Fishka USA. Hand-built static port of the Hercules-generated design — no page builders, no bloat.
Version: 1.5.5
Requires at least: 6.0
Requires PHP: 7.4
License: Proprietary
Text Domain: fishka
*/

/*
   The visual styles live in assets/css/site.css (the original compiled bundle).
   This file holds only the WordPress theme header and a few overrides
   needed because the original site relied on React + Framer Motion at runtime.
*/

/* Animation handling:
   - The original site used Framer Motion (React) — elements ship with inline
     opacity:0 + transform translateY(...) and animate to visible on scroll.
   - site.js implements this via IntersectionObserver. Elements stay hidden
     until they enter the viewport, then transition to opacity:1.
   - Fallback for users with JS disabled is in header.php as a <noscript> rule. */

/* Smooth-scroll behavior for nav anchors */
html { scroll-behavior: smooth; }

/* Mobile menu panel — hidden by default, toggled by site.js */
.fishka-mobile-menu {
  display: none;
}
.fishka-mobile-menu.is-open {
  display: flex;
}

/* WP custom logo size when uploaded — fits header height */
.custom-logo-link img {
  max-height: 36px;
  width: auto;
  display: block;
}

/* Hide WP admin bar offset on front (it shifts the fixed navbar) */
html { margin-top: 0 !important; }
* html body { margin-top: 0 !important; }

/* Legal pages — Privacy / User Agreement / Cookies.
   Content is edited via the standard WP page editor (h2 + p markup).
   These styles match the original hand-built design. */
.fishka-legal-content h2 {
  color: oklch(0.75 0.14 55);
  font-size: 0.875rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  margin: 2.5rem 0 1rem;
}
.fishka-legal-content h2:first-child { margin-top: 0; }
.fishka-legal-content h3 {
  color: rgba(255, 255, 255, 0.75);
  font-size: 0.85rem;
  font-weight: 600;
  margin: 1.5rem 0 0.5rem;
}
.fishka-legal-content p {
  color: rgba(255, 255, 255, 0.5);
  font-size: 0.875rem;
  line-height: 1.625;
  margin-bottom: 0.75rem;
}
.fishka-legal-content span { color: rgba(255, 255, 255, 0.7); font-weight: 500; }
.fishka-legal-content a { color: oklch(0.75 0.14 55); }
.fishka-legal-content ul, .fishka-legal-content ol { color: rgba(255, 255, 255, 0.5); padding-left: 1.5rem; margin: 0.5rem 0; }
.fishka-legal-content li { margin-bottom: 0.4rem; font-size: 0.875rem; }

/* Generic rich-text helper — used wherever a Customizer / CPT text field
   may contain HTML (links, line breaks, strong). Keeps the inline styling
   of the surrounding element and only handles links / lists / breaks. */
.fishka-richtext a,
.fishka-product-desc a,
.fishka-product-content a {
  color: oklch(0.75 0.14 55);
  text-decoration: underline;
  text-underline-offset: 2px;
}
.fishka-richtext a:hover,
.fishka-product-desc a:hover,
.fishka-product-content a:hover { color: rgb(255, 255, 255); }
.fishka-richtext p,
.fishka-product-desc p,
.fishka-product-content p { margin: 0 0 0.5rem; }
.fishka-richtext p:last-child,
.fishka-product-desc p:last-child,
.fishka-product-content p:last-child { margin-bottom: 0; }
.fishka-richtext ul, .fishka-richtext ol { padding-left: 1.25rem; margin: 0.25rem 0; }
.fishka-richtext li { margin: 0.15rem 0; }