/*
Theme Name: Blank Theme
Author: TASRED
Description: QRCodeVibe draft theme stylesheet.
Version: 1.1
Text Domain: blank-theme
*/

/* Production component styles; utility classes remain on the temporary Tailwind CDN
   until a complete utility bundle can be compiled and regression-tested. */
:root { color-scheme: light; }
html { scroll-behavior: smooth; }
body { font-family: Inter, sans-serif; background-color: #f8fafc; }
.hide-scrollbar::-webkit-scrollbar { display: none; }
.hide-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }
.accordion-content { max-height: 0; overflow: hidden; transition: max-height .3s ease-in-out; }
.accordion-content.open { max-height: 1500px; }
.accordion-icon { transition: transform .3s ease; }
.accordion-icon.rotate { transform: rotate(180deg); }
.tab-btn { background-color: transparent; color: #cbd5e1; }
.tab-btn:hover, .tab-btn:focus-visible { background-color: #1e293b; color: #fff; }
.tab-btn.active { background-color: #059669; color: #fff; }
.shape-btn.active { border-color: #059669; background-color: #ecfdf5; color: #065f46; font-weight: 700; }
.input-section { display: none; }
.input-section.active { display: block; animation: qrv-fade-in .3s ease; }
#map-container { min-height: 300px; width: 100%; border-radius: .5rem; z-index: 1; }
#qrcode-preview canvas, #qrcode-preview svg { max-width: 100%; height: auto; }
.adsbygoogle-placeholder { color: #475569; }
button, input, textarea, select, a { touch-action: manipulation; }
:focus-visible { outline: 3px solid #047857; outline-offset: 3px; }
@keyframes qrv-fade-in { from { opacity: 0; transform: translateY(-5px); } to { opacity: 1; transform: translateY(0); } }
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition-duration: .01ms !important; }
}