/* Nav Dropdowns */

.navContent ul li ul a {
    white-space: normal !important;
    overflow: visible !important;
}

@media only screen and (min-width: 768px) {
    .navContent ul li ul {
        min-width: 250px !important;
        right: auto !important; 
    }
}

/* Full Width Gallery Images in Mobile */

@media only screen and (max-width: 767px) {
    .blockContent.cols3 .imgGridItem {
        width: 100%;
        margin: 0;
        padding: 10px;
    }
}

/* Full Width Gallery Images in Mobile */

@media only screen and (max-width: 767px) {
    .blockContent.cols2 .imgGridItem {
        width: 100%;
        margin: 0;
        padding: 10px;
    }
}

/* Full Width Gallery Images in Mobile */

@media only screen and (max-width: 767px) {
    .blockContent.cols5 .imgGridItem {
        width: 100%;
        margin: 0;
        padding: 10px;
    }
}



/* Darken selected nav link and arrow to pass WCAG AA (>= 4.5:1) */
.navContainer a.selected,
.navContainer a.selected .currArrow {
  color: #1B6E9B !important; /* ~5.0:1 contrast on white */
}

/* Ensure keyboard focus and hover states maintain compliance */
.navContainer a.selected:hover,
.navContainer a.selected:focus {
  color: #124B69 !important; /* ~7.5:1 contrast */
}






/* Fix contrast on the header nav "Shop Now" button */
.navButton,
a.button.navButton {
  background-color: #874D00 !important; /* Darkened amber */
  color: #FFFFFF !important;            /* Clean white text -> ~4.8:1 */
  font-weight: 600 !important;
}

/* Ensure hover and keyboard focus states maintain compliant contrast */
.navButton:hover,
.navButton:focus {
  background-color: #6B3B00 !important; /* Darker amber -> ~6.8:1 */
  color: #FFFFFF !important;
  outline: 2px solid #000000 !important;
  outline-offset: 2px !important;
}








/* Fix Shop Now button contrast to satisfy WCAG AA */
.blockInnerContent > p > .button[href$="menu"] {
  background-color: #874D00 !important; /* Darkened amber */
  color: #FFFFFF !important;            /* 4.8:1 contrast */
  font-weight: 600 !important;
}

/* Ensure hover and focus maintain compliance */
.blockInnerContent > p > .button[href$="menu"]:hover,
.blockInnerContent > p > .button[href$="menu"]:focus {
  background-color: #6B3B00 !important; /* 6.8:1 contrast */
  color: #FFFFFF !important;
  outline: 2px solid #000000 !important;
  outline-offset: 2px !important;
}



/* Fix Order Now button contrast */
p > em > a.button[href="/menu"],
p > em > a.button {
  background-color: #874D00 !important;
  color: #FFFFFF !important;
  font-weight: 600 !important;
  font-style: normal; /* Optional: improves legibility inside <em> */
}

/* Maintain contrast on hover & focus */
p > em > a.button:hover,
p > em > a.button:focus {
  background-color: #6B3B00 !important;
  color: #FFFFFF !important;
  outline: 2px solid #000000 !important;
  outline-offset: 2px !important;
}




/* Fix Order Now and Contact Us button contrast */
a.button[href="/menu"],
a.button[href="/contact-us"] {
  background-color: #874D00 !important;
  color: #FFFFFF !important;
  font-weight: 600 !important;
}

/* Hover and focus compliance */
a.button[href="/menu"]:hover,
a.button[href="/contact-us"]:hover,
a.button[href="/menu"]:focus,
a.button[href="/contact-us"]:focus {
  background-color: #6B3B00 !important;
  color: #FFFFFF !important;
  outline: 2px solid #000000 !important;
  outline-offset: 2px !important;
}