/**
 * Exporters Directory - Custom Styles
 * @package Exporters_Directory
 */

html { scroll-behavior: smooth; }
body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

/* Typography */
.prose h1,.prose h2,.prose h3,.prose h4,.prose h5,.prose h6 { font-family:'Playfair Display',Georgia,serif; color:#0f172a; font-weight:700; margin-top:1.5em; margin-bottom:0.5em; }
.prose p { margin-bottom:1.25em; line-height:1.75; }
.prose a { color:#2563eb; text-decoration:none; }
.prose a:hover { color:#1d4ed8; text-decoration:underline; }
.prose img { border-radius:0.75rem; margin:1.5em 0; }
.prose blockquote { border-left:4px solid #2563eb; padding-left:1rem; font-style:italic; color:#475569; margin:1.5em 0; }

/* Line Clamp */
.line-clamp-2 { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.line-clamp-3 { display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }

/* Cards */
.shadow-card { box-shadow:0 1px 3px rgba(0,0,0,0.08); }
.shadow-card-hover { box-shadow:0 8px 30px rgba(0,0,0,0.12); }

/* Navigation */
#primary-menu li a { position:relative; }
#primary-menu li a::after { content:''; position:absolute; bottom:0; left:0; width:0; height:2px; background-color:#2563eb; transition:width 0.3s ease; }
#primary-menu li a:hover::after { width:100%; }

/* Breadcrumbs */
.rank-math-breadcrumb { display:flex; flex-wrap:wrap; align-items:center; gap:0.5rem; font-size:0.875rem; color:#64748b; }
.rank-math-breadcrumb a { color:#2563eb; text-decoration:none; }
.rank-math-breadcrumb a:hover { color:#1d4ed8; }

/* Pagination */
.nav-links { display:flex; justify-content:center; gap:0.5rem; flex-wrap:wrap; }
.nav-links a,.nav-links span { display:inline-flex; align-items:center; justify-content:center; min-width:2.25rem; height:2.25rem; padding:0 0.75rem; border-radius:0.5rem; font-weight:500; font-size:0.875rem; transition:all 0.2s ease; }
.nav-links a { border:1px solid #e2e8f0; color:#475569; text-decoration:none; }
.nav-links a:hover { background-color:#eff6ff; border-color:#bfdbfe; color:#2563eb; }
.nav-links span.current { background-color:#2563eb; border-color:#2563eb; color:white; }

/* Forms */
input:focus,textarea:focus,select:focus { outline:none; }

/* WhatsApp Button */
.fixed.bottom-6.right-6 { animation:pulse-green 2s infinite; }
@keyframes pulse-green { 0%,100%{box-shadow:0 0 0 0 rgba(34,197,94,0.4);} 50%{box-shadow:0 0 0 15px rgba(34,197,94,0);} }

/* Scrollbar */
::-webkit-scrollbar { width:8px; height:8px; }
::-webkit-scrollbar-track { background:#f1f5f9; }
::-webkit-scrollbar-thumb { background:#cbd5e1; border-radius:4px; }
::-webkit-scrollbar-thumb:hover { background:#94a3b8; }

/* Selection */
::selection { background-color:#bfdbfe; color:#1e3a8a; }

/* Print */
@media print { #masthead,#colophon,.fixed.bottom-6.right-6 { display:none!important; } }

/* Accessibility */
:focus-visible { outline:2px solid #2563eb; outline-offset:2px; }

/* Reduced Motion */
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { animation-duration:0.01ms!important; animation-iteration-count:1!important; transition-duration:0.01ms!important; scroll-behavior:auto!important; } }

/* Profile Tabs */
.profile-tab.active { color:#2563eb; border-bottom-color:#2563eb; }

/* Dashboard Sidebar */
aside.w-64::-webkit-scrollbar { width:4px; }
aside.w-64::-webkit-scrollbar-thumb { background:rgba(255,255,255,0.1); }