/* Fibernet Udbydere - Custom Styles */
html { scroll-behavior: smooth; }

/* Custom element display modes */
site-nav { display: block; position: sticky; top: 0; z-index: 50; }
site-footer, offer-card, offer-toplist, offer-table,
cta-button, cta-inline, cta-banner, cta-card,
faq-accordion, data-table, compliance-bar { display: block; }

/* FAQ accordion animation */
.faq-answer {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease-out;
}
.faq-answer.open { max-height: 2000px; }

/* Chevron rotation */
.chevron-rotate { transition: transform 0.2s ease; }
.chevron-rotate.open { transform: rotate(180deg); }

/* Spinner fallback (Tailwind animate-spin may not be available in CDN build) */
@keyframes spin { to { transform: rotate(360deg); } }
.animate-spin { animation: spin 1s linear infinite; }

/* Dropdown scrollbar */
#address-dropdown::-webkit-scrollbar { width: 6px; }
#address-dropdown::-webkit-scrollbar-track { background: transparent; }
#address-dropdown::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 3px; }
#address-dropdown { scrollbar-width: thin; scrollbar-color: #cbd5e1 transparent; }

/* Prevent layout shift for lazy images */
img[loading="lazy"] { background: #f8fafc; }