html{scroll-behavior:smooth;}
body{font-family:'Inter',sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto;}
*,*::before,*::after{animation-duration:0.01ms !important;transition-duration:0.01ms !important;}
}
.material-symbols-outlined{font-variation-settings:'FILL' 0,'wght' 400,'GRAD' 0,'opsz' 24;vertical-align:middle;}
.micro-lustre{background:linear-gradient(135deg,#004ac6 0%,#2563eb 100%);}
.ghost-border{border:1px solid rgba(195,198,215,0.2);}
.no-scrollbar::-webkit-scrollbar{display:none;}
.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none;}
.mobile-menu-line{display:block;width:24px;height:2px;background:#374151;border-radius:2px;transition:all 0.3s ease;}
#mobile-menu{animation:menuSlideIn 0.25s ease;}
@keyframes menuSlideIn{from{opacity:0;transform:translateY(-8px);}
to{opacity:1;transform:translateY(0);}
}
.dropdown-item{display:flex;align-items:center;gap:10px;padding:10px 16px;font-size:0.875rem;color:#475569;transition:all 0.15s;}
.dropdown-item:hover{color:#004ac6;background:#f8f9fa;}:focus-visible{outline:2px solid #004ac6;outline-offset:2px;}
*:focus:not(:focus-visible){outline:none;}
#site-header.header-scrolled,nav.header-scrolled{box-shadow:0 1px 3px rgba(0,0,0,0.08);}
.faq-item{transition:background-color 0.2s ease;}
.faq-answer{transition:max-height 0.3s ease,opacity 0.25s ease;}
.faq-icon{transition:transform 0.3s ease;}
.portfolio-card{transition:opacity 0.4s ease,transform 0.4s ease;}
.portfolio-card.hidden-filter{opacity:0;transform:scale(0.95);position:absolute;pointer-events:none;}
.filter-btn.active,.filter-btn[data-active="true"]{background-color:#dbe1ff;color:#004ac6;font-weight:600;}
.blog-filter-btn.active{background-color:#004ac6;color:#fff;}
.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;}
#whatsapp-float{animation:whatsapp-pulse 3s ease-in-out infinite;}
@keyframes whatsapp-pulse{0%,100%{box-shadow:0 4px 14px rgba(37,211,102,0.3);}
50%{box-shadow:0 4px 24px rgba(37,211,102,0.5);}
}
#back-to-top{opacity:0;visibility:hidden;transition:opacity 0.3s ease,visibility 0.3s ease;}
#back-to-top.visible{opacity:1;visibility:visible;}
.testimonial-dot{transition:all 0.3s ease;}
.form-input,.form-textarea,.form-select{border:1px solid #E5E7EB;border-radius:0.5rem;padding:0.75rem 1rem;width:100%;font-size:0.875rem;transition:border-color 0.2s ease,box-shadow 0.2s ease;}
.form-input:focus,.form-textarea:focus{border-color:#004ac6;box-shadow:0 0 0 3px rgba(0,74,198,0.1);outline:none;}
.form-message{display:none;padding:12px 16px;border-radius:0.5rem;font-size:0.875rem;margin-top:1rem;}
.form-message.success{display:block;background:#F0FDF4;color:#166534;border:1px solid #BBF7D0;}
.form-message.error{display:block;background:#FEF2F2;color:#991B1B;border:1px solid #FECACA;}
.hp-field{position:absolute;left:-9999px;opacity:0;height:0;width:0;overflow:hidden;}
#trp-floater-ls{display:none !important;}
[dir="rtl"] body{font-family:'Noto Sans Hebrew','Inter',sans-serif;}
[dir="rtl"] #mobile-menu{animation-name:menuSlideInRTL;}
@keyframes menuSlideInRTL{from{opacity:0;transform:translateY(-8px);}
to{opacity:1;transform:translateY(0);}
}
.prose h1,.prose h2,.prose h3,.prose h4{color:#191c1d;font-weight:700;}
.prose p{color:#46566c;line-height:1.75;}
.prose a{color:#004ac6;text-decoration:underline;}
.prose a:hover{color:#003399;}
.prose img{border-radius:0.5rem;}
.prose code{background:#F3F4F6;padding:0.125rem 0.375rem;border-radius:0.25rem;font-size:0.875rem;}
@keyframes fadeIn{from{opacity:0;transform:translateY(10px);}
to{opacity:1;transform:translateY(0);}
}
.animate-fade-in{animation:fadeIn 0.5s ease forwards;}
@media (max-width:768px){#whatsapp-float{width:48px;height:48px;}
}
@media print{nav,#mobile-menu,#whatsapp-float,#back-to-top,.carousel-btn,.carousel-dots,.testimonial-dots,.filter-btn,.newsletter-form,footer nav,.no-print{display:none !important;}
body,main,section{background:#fff !important;color:#000 !important;}
}

/* ==========================================================================
   Audit Results Styles
   ========================================================================== */

/* Loading spinner animation */
@keyframes audit-spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

.audit-spinner {
    animation: audit-spin 1s linear infinite;
}

/* Score circle styles */
.audit-score-circle {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* Audit results grid */
#audit-results .grid {
    animation: audit-fade-in 0.6s ease forwards;
}

@keyframes audit-fade-in {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Category cards hover effect */
#audit-results .bg-surface {
    transition: all 0.3s ease;
}

#audit-results .bg-surface:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 24px rgba(30, 41, 59, 0.12);
}

/* Score colors */
.score-good { color: #006C49; }
.score-warning { color: #F59E0B; }
.score-bad { color: #DC2626; }

/* Progress bar animation */
#loading-progress {
    transition: width 0.5s ease-in-out;
}

/* Hidden state — no !important so Tailwind responsive classes can override */
.hidden { display: none; }

/* Audit CTA buttons */
#audit-results a {
    transition: all 0.2s ease;
}

#audit-results a:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

/* Mobile responsive adjustments */
@media (max-width: 768px) {
    #audit-results .grid {
        grid-template-columns: 1fr;
    }
    
    #audit-loading .space-y-6 {
        padding: 1rem;
    }
    
    #audit-results .bg-surface-container-lowest {
        padding: 1.5rem;
    }
}
/* RTL tik pagrindiniam turiniui — NE header, NE footer */
[dir="rtl"] main { direction: rtl; text-align: right; }
[dir="rtl"] main h1, [dir="rtl"] main h2, [dir="rtl"] main h3, [dir="rtl"] main h4,
[dir="rtl"] main p, [dir="rtl"] main li, [dir="rtl"] main span, [dir="rtl"] main div { text-align: right; }
[dir="rtl"] main .text-center { text-align: center !important; }
[dir="rtl"] main .grid { direction: rtl; }
[dir="rtl"] main .flex.justify-center { direction: ltr; }