/* Bifilo plugin CSS - compiled small stylesheet */
:root{
  --hero-overlay-top: rgba(0,0,0,0.55);
  --hero-overlay-bottom: rgba(0,0,0,0.45);
  --primary-orange: #E65100;
  --secondary-blue: #0288D1;
  --header-lime: #76FF03;
  --cards-bg: #F7F7F7;
}
html,body{height:100%;}
body{font-family:Poppins, system-ui, -apple-system, 'Segoe UI', Roboto, Arial;}

/* Buttons */
.btn-primary{background:var(--primary-orange);color:#fff;transition:transform .12s ease,box-shadow .12s ease;}
.btn-primary:hover{transform:translateY(-3px);box-shadow:0 10px 25px rgba(230,81,0,0.18);}
.btn-secondary{background:var(--secondary-blue);color:#fff;transition:transform .12s ease,box-shadow .12s ease;}
.btn-secondary:hover{transform:translateY(-3px);box-shadow:0 10px 25px rgba(2,136,209,0.18);}
.btn-login-header{background:var(--header-lime);color:#000;transition:transform .08s ease;}
.btn-login-header:hover{transform:translateY(-2px);}

/* Explore / View More Products CTA (shortcode uses this class) */
.bifilo-explore-btn{display:inline-block;background:var(--primary-orange);color:#fff;padding:.6rem 1.1rem;border-radius:9999px;font-weight:600;text-decoration:none;box-shadow:0 8px 20px rgba(14,30,60,0.12);transition:transform .12s ease,box-shadow .12s ease}
.bifilo-explore-btn:hover{transform:translateY(-3px);box-shadow:0 14px 36px rgba(14,30,60,0.18)}

/* Nav */
.nav-link{transition:color .12s ease,transform .12s ease;color:rgba(255,255,255,0.9);} 
.nav-link:hover{color:#fff;transform:translateY(-2px);text-decoration:underline;}

/* Fade in */
@keyframes fadeInUp{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:translateY(0);}}
.animate-fade-in{animation:fadeInUp 700ms ease both;}

/* Login card glassmorphism */
.login-card{background:linear-gradient(180deg, rgba(255,255,255,0.9), rgba(255,255,255,0.82));backdrop-filter:blur(10px) saturate(120%);-webkit-backdrop-filter:blur(10px) saturate(120%);border:1px solid rgba(255,255,255,0.45);box-shadow:0 18px 50px rgba(2,6,23,0.12);color:#0b1220;max-width:380px;margin:0 auto;padding:20px}
.input-ghost{background:rgba(255,255,255,0.9);border:1px solid #ececec;}
.error-box{background:#ffe7e0;color:#8b1b0b;padding:.6rem;border-radius:.5rem;margin-bottom:1rem}

/* Make hero image full-screen and ensure overlay ordering */
section.relative.min-h-screen{background-size:cover;background-position:center;background-repeat:no-repeat}

/* Accessibility helper (hidden label used in footer) */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

@media (max-width:640px){
  .text-5xl{font-size:2rem}
  .text-lg{font-size:.95rem}
}