html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}
/* ================================================== */
/* ✅ CODE BỔ SUNG CHO GIAO DIỆN & NÚT ZALO          */
/* ================================================== */

/* 1. KHAI BÁO MÀU */
:root {
    --color-coffee-dark: #4B3621; /* Nâu đen (Màu chữ chính) */
    --color-coffee: #6F4E37; /* Nâu cà phê (Màu phụ) */
    --color-orange-burnt: #CC5500; /* Cam cháy (Hover) */
}

/* 2. CẤU HÌNH LOGO */
.navbar-brand img {
    height: 40px;
    width: auto;
    object-fit: contain;
    margin-right: 8px;
}

/* 3. MÀU CHỮ TOÀN TRANG */
body {
    color: var(--color-coffee-dark) !important;
}

/* 4. MÀU CHỮ MENU (NAVBAR) */
.navbar-light .navbar-nav .nav-link {
    color: var(--color-coffee-dark) !important;
    font-weight: 600;
    transition: color 0.3s;
}

    /* Khi di chuột vào thì chuyển sang màu Cam cháy */
    .navbar-light .navbar-nav .nav-link:hover {
        color: var(--color-orange-burnt) !important;
    }

/* 5. FOOTER (CHÂN TRANG) */
.footer, .footer .text-muted {
    color: var(--color-coffee-dark) !important;
    border-top-color: #e0e0e0 !important;
}

/* 6. LINK MÀU NÂU */
.text-dark {
    color: var(--color-coffee-dark) !important;
}

.fancybox__container {
    z-index: 20000 !important;
}

/* 7. HIỆU ỨNG RUNG CHO ZALO */
/* Trong file .css thì dùng 1 chữ @ bình thường */
@keyframes zalo-pulse {
    0% {
        transform: scale(0.9);
        opacity: 1;
    }

    100% {
        transform: scale(1.5);
        opacity: 0;
    }
}