/* Responsive images across the site (frontend only)
   This stylesheet ensures images scale within their containers while preserving aspect ratio. */

/* Generic rule */
img { max-width: 100%; height: auto; }

/* WordPress core classes */
.wp-caption { max-width: 100%; }
.wp-caption img { max-width: 100%; height: auto; }
.wp-caption-text { font-size: .9em; line-height: 1.4; }

.alignleft, .alignright, .aligncenter { height: auto; }
.alignleft img, .alignright img, .aligncenter img { height: auto; max-width: 100%; }

/* Gutenberg block images */
.wp-block-image, figure { max-width: 100%; }
.wp-block-image img { height: auto; max-width: 100%; }

/* Theme-specific wrappers (best-effort) */
.foodbakery, .restaurant-detail, .restaurant-box, .menu-list, .menu-item, .gallery, .entry-content, .page-content, .widget { overflow: visible; }
.foodbakery img, .restaurant-detail img, .restaurant-box img, .menu-list img, .menu-item img, .gallery img, .entry-content img, .page-content img, .widget img { height: auto; max-width: 100%; }