/* Balkan Bites - Tailwind utilities (manually built, utilities only) */
/* Layout */
.block{display:block}
.flex{display:flex}
.hidden{display:none}
.flex-col{flex-direction:column}
.flex-1{flex:1 1 0%}
.shrink-0{flex-shrink:0}
.items-center{align-items:center}
.justify-between{justify-content:space-between}
.justify-center{justify-content:center}
/* Position */
.fixed{position:fixed}
.relative{position:relative}
.absolute{position:absolute}
.inset-0{inset:0}
.top-0{top:0}
.left-0{left:0}
.right-0{right:0}
.top-full{top:100%}
/* Sizing */
.w-auto{width:auto}
.w-5{width:1.25rem}
.w-6{width:1.5rem}
.w-9{width:2.25rem}
.w-11{width:2.75rem}
.w-\[85\%\]{width:85%}
.h-0\.5{height:0.125rem}
.h-11{height:2.75rem}
.h-12{height:3rem}
.h-16{height:4rem}
.h-full{height:100%}
.max-w-\[320px\]{max-width:320px}
.max-w-\[1200px\]{max-width:1200px}
.min-w-\[180px\]{min-width:180px}
.min-h-\[44px\]{min-height:44px}
.w-3\.5{width:0.875rem}
.h-3\.5{height:0.875rem}
/* Spacing */
.mx-auto{margin-left:auto;margin-right:auto}
.ml-2{margin-left:0.5rem}
.mt-4{margin-top:1rem}
.p-2\.5{padding:0.625rem}
.px-4{padding-left:1rem;padding-right:1rem}
.px-5{padding-left:1.25rem;padding-right:1.25rem}
.px-6{padding-left:1.5rem;padding-right:1.5rem}
.pl-3{padding-left:0.75rem}
.pl-10{padding-left:2.5rem}
.pr-6{padding-right:1.5rem}
.py-2{padding-top:0.5rem;padding-bottom:0.5rem}
.py-4{padding-top:1rem;padding-bottom:1rem}
.pt-1{padding-top:0.25rem}
.pb-0\.5{padding-bottom:0.125rem}
.pb-\[env\(safe-area-inset-bottom\2c 24px\)\]{padding-bottom:env(safe-area-inset-bottom,24px)}
.gap-0\.5{gap:0.125rem}
.gap-3{gap:0.75rem}
.gap-5{gap:1.25rem}
.gap-\[5px\]{gap:5px}
/* Typography */
.text-sm{font-size:0.875rem;line-height:1.25rem}
.text-\[0\.72rem\]{font-size:0.72rem}
.text-\[0\.75rem\]{font-size:0.75rem}
.text-\[0\.78rem\]{font-size:0.78rem}
.font-bold{font-weight:700}
.uppercase{text-transform:uppercase}
.tracking-wider{letter-spacing:0.05em}
/* Colors - custom theme */
.text-main{color:#4B4B4B}
.text-primary{color:#FF6F61}
.bg-cream{background-color:#F7F7F7}
.bg-main{background-color:#4B4B4B}
.bg-cream\/95{background-color:rgba(247,247,247,.95)}
.bg-cream\/98{background-color:rgba(247,247,247,.98)}
.bg-black\/45{background-color:rgba(0,0,0,.45)}
.bg-primary\/5{background-color:rgba(255,111,97,.05)}
.bg-main\/5{background-color:rgba(75,75,75,.05)}
.bg-main\/8{background-color:rgba(75,75,75,.08)}
/* Hover states */
.hover\:text-primary:hover{color:#FF6F61}
.hover\:bg-primary\/5:hover{background-color:rgba(255,111,97,.05)}
.hover\:bg-main\/5:hover{background-color:rgba(75,75,75,.05)}
.hover\:bg-main\/8:hover{background-color:rgba(75,75,75,.08)}
/* Borders */
.border{border-width:1px}
.border-l{border-left-width:1px}
.border-b{border-bottom-width:1px}
.border-b-2{border-bottom-width:2px}
.border-t{border-top-width:1px}
.border-main\/10{border-color:rgba(75,75,75,.1)}
.border-main\/20{border-color:rgba(75,75,75,.2)}
.border-main\/8{border-color:rgba(75,75,75,.08)}
.border-main\/15{border-color:rgba(75,75,75,.15)}
.border-primary{border-color:#FF6F61}
/* Effects */
.rounded-lg{border-radius:0.5rem}
.rounded-full{border-radius:9999px}
.shadow-lg{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1)}
.shadow-md{box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1)}
.backdrop-blur-sm{backdrop-filter:blur(4px)}
/* Transitions */
.transition-colors{transition-property:color,background-color,border-color;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:150ms}
.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:150ms}
.transition-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:150ms}
.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:150ms}
.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:150ms}
.duration-200{transition-duration:200ms}
.duration-300{transition-duration:300ms}
.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}
/* Transform */
.translate-x-full{transform:translateX(100%)}
.origin-center{transform-origin:center}
/* Z-index */
.z-50{z-index:50}
.z-\[1000\]{z-index:1000}
.z-\[1001\]{z-index:1001}
.z-\[1002\]{z-index:1002}
.z-\[1003\]{z-index:1003}
/* Misc */
.text-center{text-align:center}
.pointer-events-none{pointer-events:none}
.overflow-y-auto{overflow-y:auto}
.overscroll-contain{overscroll-behavior:contain}
.cursor-pointer{cursor:pointer}
.list-none{list-style:none}
.invisible{visibility:hidden}
.opacity-0{opacity:0}
/* Arbitrary */
.\[&\:\:-webkit-details-marker\]\:hidden::-webkit-details-marker{display:none}
/* Responsive - lg (1024px) */
@media (min-width:1024px){
.lg\:flex{display:flex}
.lg\:hidden{display:none}
}
/* Group hover */
.group:hover .group-hover\:rotate-180{transform:rotate(180deg)}
.group:hover .group-hover\:opacity-100{opacity:1}
.group:hover .group-hover\:visible{visibility:visible}