/*
====================================================================
 Custom Styles - BusinessPress+
====================================================================
 Minor tweaks beyond Tailwind. Most styling is handled inline via
 Tailwind utility classes. This file is for cross-cutting concerns.
====================================================================
*/

/* Hide scrollbar on the navbar (still scrollable) */
.scrollbar-hide {
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.scrollbar-hide::-webkit-scrollbar {
    display: none;
}

/* Line clamp utilities (fallback for older browsers) */
.line-clamp-1 {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.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;
}

/* Custom scrollbar styling for elegance */
::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}
::-webkit-scrollbar-track {
    background: #f5f5f4;
}
::-webkit-scrollbar-thumb {
    background: #6B0F1A;
    border-radius: 5px;
}
::-webkit-scrollbar-thumb:hover {
    background: #A41B33;
}

/* Smoother transitions on Livewire navigation */
[wire\:navigate] {
    transition: opacity 0.15s ease;
}

/* Prose styling improvements for article content */
.prose {
    line-height: 1.9;
}
.prose p {
    margin-bottom: 1.25em;
}
.prose h2 {
    margin-top: 2em;
    margin-bottom: 0.75em;
}
.prose img {
    border-radius: 0.75rem;
    margin: 2em auto;
    display: block;
}
.prose blockquote {
    border-right: 4px solid #6B0F1A;
    border-left: none;
    padding-right: 1.5em;
    padding-left: 0;
    color: #57534E;
    font-style: italic;
    background: #FDF2F4;
    padding: 1em 1.5em;
    border-radius: 0 0.5rem 0.5rem 0;
}

/* RTL fixes */
[dir="rtl"] .prose blockquote {
    border-right: 4px solid #6B0F1A;
    border-left: none;
}
[dir="ltr"] .prose blockquote {
    border-left: 4px solid #6B0F1A;
    border-right: none;
    padding-left: 1.5em;
    padding-right: 0;
    border-radius: 0.5rem 0 0 0.5rem;
}

/* Print styles */
@media print {
    nav, footer, aside, .no-print { display: none !important; }
    article { max-width: 100% !important; }
}