/* Savory — component styles (loaded after style.css) */

/* Social icons */
.savory-social-icons, .savory-footer__social { display: flex; gap: 12px; margin-top: 16px; flex-wrap: wrap; }
.savory-social-icon {
  width: 40px; height: 40px; border-radius: 50%;
  display: inline-flex; align-items: center; justify-content: center;
  background: var(--savory-bg-alt); color: var(--savory-secondary);
  font-size: 0; transition: transform var(--savory-transition), background var(--savory-transition);
  border: 1px solid var(--savory-border);
}
.savory-footer__social .savory-social-icon { background: rgba(255,255,255,.1); border-color: rgba(255,255,255,.15); color: #fff; }
.savory-social-icon:hover { transform: translateY(-3px); background: var(--savory-primary); color: #fff; }
.savory-social-icon .savory-ico { font-style: normal; font-size: .7rem; font-weight: 600; letter-spacing: .02em; }
.savory-social-icon .savory-ico::first-letter { font-size: 1rem; }
/* show first letter as a simple glyph fallback */
.savory-social-icon .savory-ico { font-size: 0; }
.savory-social-icon .savory-ico::before { font-size: .95rem; font-weight: 700; }
.savory-social-icon--facebook .savory-ico::before { content: "f"; }
.savory-social-icon--instagram .savory-ico::before { content: "IG"; font-size: .7rem; }
.savory-social-icon--twitter .savory-ico::before { content: "X"; }
.savory-social-icon--tiktok .savory-ico::before { content: "TT"; font-size: .7rem; }
.savory-social-icon--youtube .savory-ico::before { content: "YT"; font-size: .7rem; }
.savory-social-icon--yelp .savory-ico::before { content: "Y"; }

/* Hero buttons wrapper spacing */
.savory-hero__buttons { display: flex; gap: 14px; flex-wrap: wrap; justify-content: inherit; }
.savory-home-1 .savory-hero__buttons { justify-content: center; }

/* Map */
.savory-map iframe { width: 100%; min-height: 260px; border: 0; border-radius: var(--savory-radius); }

/* Footer menu */
.savory-footer__menu { list-style: none; margin: 0; padding: 0; }
.savory-footer__menu li { margin-bottom: 10px; }

/* Content typography inside pages/posts */
.savory-content h2, .savory-content h3 { margin-top: 1.6em; }
.savory-content img { border-radius: var(--savory-radius); margin: 1em 0; }
.savory-content blockquote { border-left: 4px solid var(--savory-primary); padding-left: 20px; margin-left: 0; color: var(--savory-text-light); font-style: italic; }

/* Pagination */
.pagination .page-numbers { display: inline-block; padding: 8px 14px; margin: 0 4px; border: 1px solid var(--savory-border); border-radius: 6px; }
.pagination .current { background: var(--savory-primary); color: #fff; border-color: var(--savory-primary); }