@charset "utf-8";
/* CSS Document */

.menu-card-2 {
    background: white;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    text-decoration: none;
    align-items: center;
    justify-content: center;
}
    
.menu-card-2:hover {
    background-color:aliceblue;
    -webkit-text-stroke: 6px white;
    paint-order: stroke fill;
    transform: translateY(-1px);
    box-shadow: 0 20px 25px -5px rgba(0,0,0,0.1);
}
    
.text-teal {
    color: #2DD4BF;
}      
    
.text-lime {
    color: #84CC16;
}
    
.text-dark-teal {
    color: #14B8A6;
}

.menu-card {
    background: white;
    border: 1px solid #E9E9E9;
    border-radius: 5px;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: left;
    height: 100%;
    padding: 15px;
    position: relative;
    overflow: hidden;
}
.menu-card.active {
    background-color: #0d6efd;
    color: #ffffff !important;
}
.menu-card.active:hover {
    background: red;
}

.menu-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 12px rgba(0, 0, 0, 0.15);
    background: #f1f5f9;
}
.menu-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0));
    opacity: 0;
    transition: opacity 0.3s ease;
}
.menu-card:hover::before {
    opacity: 1;
}
.menu-card h3 {
    font-size: 1.6rem;
    font-weight: 700;
    margin: 0;
    color: inherit;
    line-height: 1.2;
}
.menu-card p {
    font-size: 1.2rem;
    font-weight: 700;
    margin: 0;
    color: inherit;
    line-height: 1.4;
}
.menu-card.featured h3 {    font-size: 1.8rem;}

.menu-card.gray {    color: #6B7280;}
.menu-card.teal {    color: #2DD4BF;}    
.menu-card.dark-teal {    color: #14B8A6;}
.menu-card.light-red {    color: #F87171;}
.menu-card.purple {    color: #8B5CF6;}
.menu-card.light-blue {    color: #38BDF8;}
.menu-card.blue {    color: #60A5FA;}
.menu-card.lime {    color: #84CC16;}     
.menu-card.sea-green {    color: #0D9488;}
.menu-card.rebeccapurple {    color: rebeccapurple;}
.menu-card.red {    color: #D21619;}
.menu-card.green {    color: #08AC0B;}
.menu-card.orange {    color: #C46109;}
.menu-card.dark-green {    color: #317E11;}
.menu-card.olive {    color: #93B329;}
.menu-card.sky-blue {    color: #63BBD3;}
.menu-card.palevioletred {    color: palevioletred;}
.menu-card.cadetblue {    color: #5DA796;}
.menu-card.crimson {    color: crimson;}
.menu-card.lightseagreen {    color: lightseagreen;}
.menu-card.plum {    color: plum;}
.menu-card.maroon {    color: maroon;}
.menu-card.coral {    color: coral;}
.menu-card.steelblue {    color: #4878A0;}
.menu-card.dark-gray {    color: #4A5568;}
    
@media (max-width: 992px) {
    .menu-card h3 {        font-size: 1.4rem;    }
    .menu-card.featured h3 {        font-size: 1.6rem;    }
}

a.custom-link {
  color: #555555;
  font-size: 0.95rem;
  text-decoration: none;
  transition: all 0.2s ease-in-out;
}
a.custom-link:hover {
  color: #111111;
  text-decoration: underline;
}