/* Custom styles for Theo's Gyros */

/* Smooth focus outlines for accessibility */
a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible {
    outline: 2px solid #be185d;
    outline-offset: 2px;
}

/* Selection color */
::selection {
    background: #f9a8d4;
    color: #500724;
}

/* Subtle pattern overlay for sections */
.bg-plum-50 {
    background-image: radial-gradient(circle at 1px 1px, rgba(157, 23, 77, 0.04) 1px, transparent 0);
    background-size: 24px 24px;
}

/* Navbar scroll state */
nav.scrolled {
    box-shadow: 0 4px 20px rgba(80, 7, 36, 0.1);
}

/* Mobile link hover */
.mobile-link {
    display: block;
}

/* Ensure images don't overflow */
img {
    max-width: 100%;
    height: auto;
}