/* assets/css/custom.css
   Tailwind CDN দিয়ে যা কভার হয় না, সেগুলো এখানে
*/

/* ছোট, সুন্দর স্ক্রলবার (কার্ট লিস্ট ইত্যাদির জন্য) */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
::-webkit-scrollbar-thumb {
    background-color: #cbd5e1;
    border-radius: 999px;
}
::-webkit-scrollbar-track {
    background: transparent;
}

/* Input/select focus হলে accent color এর রিং */
input:focus, select:focus, textarea:focus {
    outline: none;
    box-shadow: 0 0 0 2px var(--accent-color, #FF6A1A);
    border-color: transparent;
}

/* Product card hover এ accent বর্ডার */
.product-card:hover {
    border-color: var(--accent-color, #FF6A1A) !important;
}

/* Modal ফেড-ইন অ্যানিমেশন */
#pickerModal {
    animation: fadeIn 0.15s ease-out;
}
#pickerModal > div {
    animation: scaleIn 0.15s ease-out;
}
@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}
@keyframes scaleIn {
    from { transform: scale(0.95); opacity: 0; }
    to { transform: scale(1); opacity: 1; }
}

/* সাইডবারের active মেনুতে হালকা shadow */
aside nav a[style*="accent-color"] {
    box-shadow: inset 0 0 0 1px rgba(255,255,255,0.15);
}

/* সাধারণ ইউটিলিটি: টেবিল রো hover এ হালকা ট্রানজিশন */
tbody tr {
    transition: background-color 0.12s ease;
}

/* প্রিন্ট মোডে পুরো পেজ থেকে অপ্রয়োজনীয় জিনিস লুকানো (dashboard pages এর জন্য সাধারণ নিয়ম,
   receipt.php নিজের ভেতরেই আলাদা @media print রেখেছে) */
@media print {
    aside, header, .no-print {
        display: none !important;
    }
}