/* MOBILE TOUCH OPTIMIZATION FOR ANDROID */

/* Touch-friendly button sizes */
.btn {
    min-height: 48px !important;
    min-width: 48px !important;
    padding: 12px 16px !important;
    font-size: 16px !important;
    border-radius: 8px !important;
    touch-action: manipulation !important;
    user-select: none !important;
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
}

/* Remove hover states on mobile */
@media (hover: none) {
    .btn:hover,
    .building-slot:hover,
    .card:hover {
        background-color: inherit !important;
        transform: none !important;
        box-shadow: inherit !important;
    }
}

/* Touch feedback */
.btn:active,
.building-slot:active,
.card:active,
.touchable:active {
    transform: scale(0.95) !important;
    opacity: 0.8 !important;
    background-color: rgba(99, 102, 241, 0.2) !important;
}

/* Larger touch targets for mobile */
.building-slot {
    min-height: 80px !important;
    min-width: 80px !important;
    padding: 8px !important;
}

/* Resource display for mobile */
.resource-item {
    min-height: 44px !important;
    padding: 8px 12px !important;
    font-size: 16px !important;
}

/* Mobile-optimized lists */
.list-item {
    min-height: 56px !important;
    padding: 12px 16px !important;
    border-bottom: 1px solid var(--br) !important;
}

/* Touch-friendly navigation */
.nav-item {
    min-height: 48px !important;
    padding: 12px 16px !important;
    font-size: 18px !important;
}

/* Prevent zoom on inputs */
input, select, textarea {
    font-size: 16px !important;
    touch-action: manipulation !important;
}

/* Android-specific optimizations */
@supports (-webkit-touch-callout: none) {
    /* Disable text selection */
    * {
        -webkit-touch-callout: none !important;
        -webkit-user-select: none !important;
        -webkit-tap-highlight-color: transparent !important;
    }
    
    /* Keep input selection */
    input, textarea {
        -webkit-user-select: text !important;
    }
}

/* Remove outline focus for touch */
.btn:focus,
.building-slot:focus,
.card:focus {
    outline: none !important;
    box-shadow: 0 0 0 2px var(--brand) !important;
}

/* Larger modal close buttons */
.modal .close-btn {
    min-height: 48px !important;
    min-width: 48px !important;
    font-size: 24px !important;
}

/* Touch scrolling */
.scrollable {
    -webkit-overflow-scrolling: touch !important;
    overflow-y: auto !important;
}

/* Swipe gestures hint */
.swipeable::after {
    content: "👆 Kaydır";
    position: absolute;
    bottom: 8px;
    right: 8px;
    font-size: 12px;
    color: var(--muted);
    opacity: 0.7;
}

/* Mobile-friendly tooltips */
.tooltip {
    font-size: 16px !important;
    padding: 12px 16px !important;
    border-radius: 8px !important;
    max-width: 280px !important;
}