@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,300;1,400;1,600&family=Lato:wght@300;400;700&display=swap');

/* ── RESET & VARIABLES ──────────────────────────────────────── */
* { margin: 0; padding: 0; box-sizing: border-box; }

:root {
  --accent:       #19657b;
  --accent-light: #2a8ca6;
  --accent-dark:  #0f4a5a;
  --navy:         #0f2a35;
  --navy-mid:     #142f3d;
  --white:        #ffffff;
  --dark:         #0b1519;
  --text-muted:   rgba(255,255,255,0.65);
}

html { scroll-behavior: smooth; }

.sr-site {
  font-family: 'Lato', sans-serif;
  background: var(--dark);
  color: var(--white);
  overflow-x: hidden;
  width: 100%;
}

/* ── SHARED HELPERS ─────────────────────────────────────────── */
.sr-eyebrow {
  font-family: 'Lato', sans-serif;
  font-size: 0.72rem;
  letter-spacing: 0.25em;
  text-transform: uppercase;
  color: var(--accent-light);
  margin-bottom: 0.75rem;
}
.sr-gold-line         { width: 40px; height: 1px; background: var(--accent); margin: 0.75rem 0 1.25rem; }
.sr-gold-line-center  { width: 40px; height: 1px; background: var(--accent); margin: 0.75rem auto 1.25rem; }

/* ── BUTTONS ────────────────────────────────────────────────── */
.sr-btn-primary {
  background: var(--accent);
  border: 1px solid var(--accent);
  color: var(--white);
  padding: 0.7rem 2rem;
  font-family: 'Lato', sans-serif;
  font-size: 0.72rem;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  cursor: pointer;
  transition: all 0.3s;
  margin: 0.4rem 0.4rem 0;
}
.sr-btn-primary:hover { background: var(--accent-light); border-color: var(--accent-light); }

.sr-btn-secondary {
  background: transparent;
  border: 1px solid rgba(255,255,255,0.5);
  color: var(--white);
  padding: 0.7rem 2rem;
  font-family: 'Lato', sans-serif;
  font-size: 0.72rem;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  cursor: pointer;
  transition: all 0.3s;
  margin: 0.4rem 0.4rem 0;
}
.sr-btn-secondary:hover { border-color: var(--accent-light); color: var(--accent-light); }

.sr-btn-outline {
  border: 1px solid rgba(255,255,255,0.4);
  color: var(--white);
  background: transparent;
  padding: 0.45rem 1.1rem;
  font-family: 'Lato', sans-serif;
  font-size: 0.72rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  cursor: pointer;
  transition: all 0.3s;
  white-space: nowrap;
}
.sr-btn-outline:hover { border-color: var(--accent-light); color: var(--accent-light); }

.sr-btn-ghost {
  border: 1px solid rgba(255,255,255,0.3);
  color: var(--white);
  background: transparent;
  padding: 0.65rem 1.75rem;
  font-family: 'Lato', sans-serif;
  font-size: 0.7rem;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  cursor: pointer;
  transition: all 0.3s;
}
.sr-btn-ghost:hover { border-color: var(--accent-light); color: var(--accent-light); }

/* ── COOKIE BAR ─────────────────────────────────────────────── */
.sr-cookie {
  background: var(--accent);
  color: var(--white);
  padding: 0.6rem 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.5rem;
  flex-wrap: wrap;
  font-size: 0.8rem;
}
.sr-cookie-btn {
  background: rgba(255,255,255,0.15);
  color: var(--white);
  border: 1px solid rgba(255,255,255,0.4);
  padding: 0.3rem 1.4rem;
  font-size: 0.72rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  cursor: pointer;
  font-family: 'Lato', sans-serif;
  transition: background 0.2s;
}
.sr-cookie-btn:hover { background: rgba(255,255,255,0.25); }

/* ── NAVIGATION ─────────────────────────────────────────────── */
.sr-nav {
  background: var(--dark);
  padding: 0 2rem;
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid rgba(25,101,123,0.35);
  position: sticky;
  top: 0;
  z-index: 100;
}

/* Logo — swap san-remo-logo.png in /images/ to update branding */
.sr-nav-logo img       { height: 42px; object-fit: contain; display: block; }
.sr-nav-logo-text      { font-family: 'Cormorant Garamond', serif; font-size: 1.5rem; font-weight: 300; color: #fff; letter-spacing: 0.05em; }
.sr-nav-logo-text .logo-accent { color: var(--accent-light); }
.sr-nav-logo-text .logo-sub    { display: block; font-size: 0.55rem; letter-spacing: 0.2em; text-transform: uppercase; color: rgba(255,255,255,0.45); font-family: 'Lato', sans-serif; }

.sr-nav-links { display: flex; gap: 1.5rem; align-items: center; }
.sr-nav-links a { font-size: 0.7rem; letter-spacing: 0.12em; text-transform: uppercase; color: rgba(255,255,255,0.6); text-decoration: none; transition: color 0.2s; }
.sr-nav-links a:hover { color: var(--accent-light); }

.sr-nav-actions { display: flex; align-items: center; gap: 0.75rem; }

.sr-lang-switcher { display: flex; align-items: center; border: 1px solid rgba(25,101,123,0.5); overflow: hidden; }
.sr-lang-btn { background: transparent; color: rgba(255,255,255,0.45); border: none; padding: 0.3rem 0.65rem; font-family: 'Lato', sans-serif; font-size: 0.65rem; letter-spacing: 0.1em; text-transform: uppercase; cursor: pointer; transition: all 0.2s; }
.sr-lang-btn.active  { background: var(--accent); color: var(--white); }
.sr-lang-btn:not(.active):hover { color: var(--accent-light); }

.sr-hamburger { display: none; flex-direction: column; gap: 5px; cursor: pointer; padding: 4px; }
.sr-hamburger span { display: block; width: 22px; height: 1.5px; background: var(--white); transition: all 0.3s; }

/* Mobile drawer */
.sr-mobile-nav {
  display: none;
  position: fixed;
  top: 64px; left: 0; right: 0; bottom: 0;
  background: rgba(8,18,22,0.98);
  z-index: 99;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2rem;
  padding: 2rem;
}
.sr-mobile-nav.open { display: flex; }
.sr-mobile-nav a { font-family: 'Cormorant Garamond', serif; font-size: 2rem; font-weight: 300; color: var(--white); text-decoration: none; letter-spacing: 0.1em; text-transform: uppercase; transition: color 0.2s; }
.sr-mobile-nav a:hover { color: var(--accent-light); }
.sr-mobile-nav .sr-mobile-actions { display: flex; flex-direction: column; gap: 0.75rem; margin-top: 1rem; width: 100%; max-width: 260px; }

/* ── HERO ────────────────────────────────────────────────────── */
.sr-hero { position: relative; height: 520px; overflow: hidden; display: flex; align-items: center; justify-content: center; text-align: center; }
.sr-hero-bg { position: absolute; inset: 0; background: linear-gradient(135deg, #060e11 0%, #0f2a35 40%, #04090b 100%); }

/* Hero background image — replace images/hero-bg.jpg to update */
.sr-hero-food {
  position: absolute; inset: 0;
  background-image: url('https://sanremorestaurant.bg/images/hero-bg.jpg');
  background-size: cover;
  background-position: center;
  opacity: 0.35;
}
.sr-hero-overlay { position: absolute; inset: 0; background: linear-gradient(to bottom, rgba(6,14,17,0.3) 0%, rgba(6,14,17,0.7) 70%, rgba(6,14,17,0.95) 100%); }
.sr-hero-content { position: relative; z-index: 2; max-width: 640px; padding: 2rem; }
.sr-hero h1 { font-family: 'Cormorant Garamond', serif; font-size: clamp(2.4rem, 6vw, 4.5rem); font-weight: 300; line-height: 1.1; color: var(--white); margin-bottom: 0.5rem; }
.sr-hero-sub { font-family: 'Cormorant Garamond', serif; font-size: 1.1rem; font-style: italic; color: rgba(42,140,166,0.9); margin-bottom: 1.75rem; }
.sr-hero-meta { margin-top: 2rem; font-size: 0.78rem; color: var(--text-muted); letter-spacing: 0.05em; }
.sr-hero-meta strong { color: var(--accent-light); font-weight: 400; }

/* ── FEATURE STRIP ───────────────────────────────────────────── */
.sr-feature-strip { display: grid; grid-template-columns: 1fr 1fr 1fr; min-height: 220px; }
.sr-feature-item { position: relative; overflow: hidden; cursor: pointer; display: flex; align-items: center; justify-content: center; flex-direction: column; text-align: center; gap: 0.5rem; padding: 2rem 1rem; text-decoration: none; }
.sr-feature-item:nth-child(1) { background: linear-gradient(135deg, #06141a, #0f2a35); }
.sr-feature-item:nth-child(2) { background: var(--navy-mid); border-left: 1px solid rgba(25,101,123,0.4); border-right: 1px solid rgba(25,101,123,0.4); }

/* Feature strip image — replace images/feature-dining.jpg */
.sr-feature-item:nth-child(3) { background-image: url('../images/feature-dining.jpg'); background-size: cover; background-position: center; }
.sr-feature-item:nth-child(3)::after { content: ''; position: absolute; inset: 0; background: rgba(6,14,17,0.68); }

/* Feature strip bg — replace images/feature-bar.jpg */
.sr-feat-bg { position: absolute; inset: 0; background-image: url('../images/feature-bar.jpg'); background-size: cover; background-position: center; opacity: 0.25; }
.sr-feature-content { position: relative; z-index: 2; display: flex; flex-direction: column; align-items: center; gap: 0.4rem; transition: transform 0.3s; }
.sr-feature-item:hover .sr-feature-content { transform: translateY(-4px); }
.sr-feat-icon { width: 40px; height: 40px; border: 1px solid var(--accent-light); display: flex; align-items: center; justify-content: center; margin-bottom: 0.5rem; }
.sr-feat-icon svg { width: 20px; height: 20px; stroke: var(--accent-light); fill: none; stroke-width: 1.5; }
.sr-feature-content h3 { font-family: 'Cormorant Garamond', serif; font-size: 1.5rem; font-weight: 400; color: var(--white); letter-spacing: 0.05em; text-transform: uppercase; }
.sr-feature-content p { font-size: 0.75rem; color: rgba(42,140,166,0.9); font-style: italic; letter-spacing: 0.05em; }

/* ── MENU SECTION ────────────────────────────────────────────── */
#menu { position: relative; padding: 4rem 2rem; }

/* Menu background — replace images/menu-bg.jpg */
.sr-menu-bg { position: absolute; inset: 0; background-image: url('../images/menu-bg.jpg'); background-size: cover; background-position: center; opacity: 0.15; }
.sr-menu-overlay { position: absolute; inset: 0; background: rgba(6,14,17,0.92); }
.sr-menu-inner { position: relative; z-index: 2; max-width: 960px; margin: 0 auto; text-align: center; }
.sr-menu-inner h2 { font-family: 'Cormorant Garamond', serif; font-size: clamp(2rem, 4vw, 3rem); font-weight: 300; color: var(--white); text-transform: uppercase; letter-spacing: 0.1em; margin-bottom: 0.5rem; }
.sr-menu-inner > p { font-size: 0.9rem; line-height: 1.8; color: var(--text-muted); margin-bottom: 2rem; max-width: 580px; margin-left: auto; margin-right: auto; }

.sr-menu-tabs-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; padding-bottom: 2px; margin-bottom: 2rem; }
.sr-menu-tabs-wrap::-webkit-scrollbar { height: 2px; }
.sr-menu-tabs-wrap::-webkit-scrollbar-thumb { background: var(--accent); }
.sr-menu-tabs { display: flex; gap: 0; border: 1px solid rgba(25,101,123,0.4); width: max-content; margin: 0 auto; }
.sr-tab { padding: 0.5rem 0.9rem; font-size: 0.65rem; letter-spacing: 0.1em; text-transform: uppercase; color: var(--text-muted); background: transparent; border: none; border-right: 1px solid rgba(25,101,123,0.35); cursor: pointer; font-family: 'Lato', sans-serif; transition: all 0.25s; white-space: nowrap; }
.sr-tab:last-child { border-right: none; }
.sr-tab.active { background: var(--accent); color: var(--white); }
.sr-tab:hover:not(.active) { color: var(--accent-light); }

.sr-menu-panel { display: none; }
.sr-menu-panel.active { display: block; }
.sr-menu-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; margin-bottom: 2rem; text-align: left; }
.sr-menu-card { border: 1px solid rgba(25,101,123,0.25); padding: 1.1rem 1.2rem; background: rgba(255,255,255,0.02); transition: border-color 0.2s; }
.sr-menu-card:hover { border-color: rgba(25,101,123,0.6); }
.sr-menu-card-header { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 0.35rem; gap: 0.75rem; }
.sr-menu-item-name { font-family: 'Cormorant Garamond', serif; font-size: 1.05rem; color: var(--white); font-weight: 400; }
.sr-menu-item-desc { font-size: 0.72rem; color: var(--text-muted); line-height: 1.5; }
.sr-menu-item-price { color: var(--accent-light); font-size: 0.9rem; white-space: nowrap; flex-shrink: 0; }
.sr-menu-cta { text-align: center; margin-top: 1rem; }
.sr-btn-menu-link { background: transparent; border: 1px solid var(--accent); color: var(--accent-light); padding: 0.75rem 2.5rem; font-family: 'Lato', sans-serif; font-size: 0.72rem; letter-spacing: 0.18em; text-transform: uppercase; cursor: pointer; transition: all 0.3s; text-decoration: none; display: inline-block; }
.sr-btn-menu-link:hover { background: var(--accent); color: var(--white); }

/* ── BOOK SECTION ────────────────────────────────────────────── */
.sr-book-section { background: var(--navy); padding: 4rem 2.5rem; display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 3rem; border-top: 1px solid rgba(25,101,123,0.2); border-bottom: 1px solid rgba(25,101,123,0.2); }
.sr-book-section h2 { font-family: 'Cormorant Garamond', serif; font-size: 2.2rem; font-weight: 300; color: var(--accent-light); text-transform: uppercase; letter-spacing: 0.08em; margin-bottom: 0.75rem; }
.sr-book-section p { font-size: 0.88rem; color: var(--text-muted); line-height: 1.75; max-width: 480px; }
.sr-book-actions { display: flex; flex-direction: column; gap: 0.75rem; flex-shrink: 0; }

/* ── ABOUT ───────────────────────────────────────────────────── */
.sr-about-section { position: relative; min-height: 420px; display: flex; align-items: center; justify-content: center; }

/* About background — replace images/about-bg.jpg */
.sr-about-bg { position: absolute; inset: 0; background-image: url('../images/about-bg.jpg'); background-size: cover; background-position: center; opacity: 0.18; }
.sr-about-overlay { position: absolute; inset: 0; background: rgba(6,14,17,0.88); }
.sr-about-content { position: relative; z-index: 2; max-width: 700px; padding: 4rem 2.5rem; text-align: center; }
.sr-about-content h2 { font-family: 'Cormorant Garamond', serif; font-size: 2.2rem; font-weight: 300; color: var(--white); text-transform: uppercase; letter-spacing: 0.12em; margin-bottom: 1rem; }
.sr-about-content p { font-size: 0.88rem; line-height: 1.85; color: var(--text-muted); margin-bottom: 1.5rem; }
.sr-about-stats { display: flex; gap: 3rem; justify-content: center; margin-bottom: 2rem; padding: 1.25rem 0; border-top: 1px solid rgba(25,101,123,0.3); border-bottom: 1px solid rgba(25,101,123,0.3); }
.sr-stat-num { font-family: 'Cormorant Garamond', serif; font-size: 2.4rem; font-weight: 300; color: var(--accent-light); line-height: 1; display: block; }
.sr-stat-label { font-size: 0.7rem; color: var(--text-muted); letter-spacing: 0.1em; text-transform: uppercase; }
.sr-gold-line-center-about { width: 40px; height: 1px; background: var(--accent); margin: 0.75rem auto 1.25rem; }

/* ── GALLERY ─────────────────────────────────────────────────── */
#gallery { background: var(--dark); }
.sr-gallery-header { text-align: center; padding: 3rem 2.5rem 2rem; }
.sr-gallery-header h2 { font-family: 'Cormorant Garamond', serif; font-size: 2rem; font-weight: 300; text-transform: uppercase; letter-spacing: 0.1em; color: var(--white); }

/*
  Gallery images — add your photos to /images/gallery/
  Naming convention: gallery-01.jpg, gallery-02.jpg … gallery-52.jpg
  The HTML references them as images/gallery/gallery-01.jpg etc.
*/
.sr-gallery { display: grid; grid-template-columns: repeat(4, 1fr); gap: 3px; }
.sr-gal-item { overflow: hidden; position: relative; cursor: pointer; aspect-ratio: 4/3; }
.sr-gal-item:first-child { grid-column: span 2; grid-row: span 2; aspect-ratio: auto; }
.sr-gal-item img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s ease, filter 0.3s ease; filter: brightness(0.82); display: block; }
.sr-gal-item:hover img { transform: scale(1.06); filter: brightness(1); }
.sr-gallery-more { display: none; }
.sr-gallery-more.visible { display: contents; }
.sr-gallery-load-more { text-align: center; padding: 2rem; }
.sr-btn-load-more { background: transparent; border: 1px solid var(--accent); color: var(--accent-light); padding: 0.8rem 2.5rem; font-family: 'Lato', sans-serif; font-size: 0.72rem; letter-spacing: 0.18em; text-transform: uppercase; cursor: pointer; transition: all 0.3s; }
.sr-btn-load-more:hover { background: var(--accent); color: var(--white); }
.sr-btn-load-more.hidden { display: none; }

/* ── TESTIMONIALS ────────────────────────────────────────────── */
.sr-testimonials { background: var(--navy); padding: 4rem 2.5rem; text-align: center; }
.sr-testimonials h2 { font-family: 'Cormorant Garamond', serif; font-size: 2rem; font-weight: 300; text-transform: uppercase; letter-spacing: 0.1em; color: var(--white); margin-bottom: 2.5rem; }
.sr-testimonial-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; max-width: 960px; margin: 0 auto; }
.sr-testimonial-card { border: 1px solid rgba(25,101,123,0.3); padding: 1.75rem 1.5rem; text-align: left; position: relative; }
.sr-testimonial-card::before { content: '"'; position: absolute; top: -0.5rem; left: 1rem; font-family: 'Cormorant Garamond', serif; font-size: 4rem; color: var(--accent-light); line-height: 1; opacity: 0.35; }
.sr-stars { color: var(--accent-light); font-size: 0.7rem; letter-spacing: 0.15em; margin-bottom: 0.75rem; }
.sr-testimonial-card p { font-size: 0.85rem; color: var(--text-muted); line-height: 1.75; margin-bottom: 1rem; font-style: italic; }
.sr-testimonial-card strong { font-size: 0.8rem; color: rgba(42,140,166,0.9); font-weight: 400; letter-spacing: 0.05em; }

/* ── CONTACT / RESERVATION FORM ─────────────────────────────── */
#srContact { background: var(--dark); padding: 4rem 2rem; border-top: 1px solid rgba(25,101,123,0.2); }
.sr-contact-inner { max-width: 820px; margin: 0 auto; }
.sr-contact-header { text-align: center; margin-bottom: 2.5rem; }
.sr-contact-header h2 { font-family: 'Cormorant Garamond', serif; font-size: 2rem; font-weight: 300; text-transform: uppercase; letter-spacing: 0.1em; color: var(--white); }
.sr-contact-header p { font-size: 0.85rem; color: var(--text-muted); margin-top: 0.5rem; }

.sr-form { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 1rem; }
.sr-form-group { display: flex; flex-direction: column; gap: 0.4rem; }
.sr-form-group.span2 { grid-column: span 2; }
.sr-form-group.span3 { grid-column: span 3; }
.sr-form-group label { font-size: 0.65rem; letter-spacing: 0.15em; text-transform: uppercase; color: var(--accent-light); font-family: 'Lato', sans-serif; }
.sr-form-group input,
.sr-form-group select,
.sr-form-group textarea { background: rgba(25,101,123,0.07); border: 1px solid rgba(25,101,123,0.3); color: var(--white); padding: 0.7rem 1rem; font-family: 'Lato', sans-serif; font-size: 0.85rem; outline: none; transition: border-color 0.2s; width: 100%; -webkit-appearance: none; appearance: none; }
.sr-form-group select { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%2319657b' stroke-width='1.5' fill='none'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 1rem center; background-color: rgba(25,101,123,0.07); padding-right: 2.5rem; }
.sr-form-group select option { background: #0f2a35; color: var(--white); }
.sr-form-group input:focus,
.sr-form-group select:focus,
.sr-form-group textarea:focus { border-color: var(--accent-light); }
.sr-form-group input::placeholder,
.sr-form-group textarea::placeholder { color: rgba(255,255,255,0.2); }
.sr-form-group textarea { resize: vertical; min-height: 110px; }
.sr-form-actions { grid-column: span 3; display: flex; justify-content: center; margin-top: 0.5rem; }
.sr-btn-send { background: var(--accent); color: var(--white); border: none; padding: 0.85rem 3rem; font-family: 'Lato', sans-serif; font-size: 0.75rem; letter-spacing: 0.2em; text-transform: uppercase; cursor: pointer; transition: all 0.3s; }
.sr-btn-send:hover { background: var(--accent-light); }
#srFormSuccess { display: none; grid-column: span 3; text-align: center; padding: 1rem; border: 1px solid rgba(25,101,123,0.5); color: var(--accent-light); font-family: 'Cormorant Garamond', serif; font-size: 1.1rem; font-style: italic; }

/* ── MAP ─────────────────────────────────────────────────────── */
.sr-map-section { background: var(--dark); border-top: 1px solid rgba(25,101,123,0.2); }
.sr-map-section iframe { display: block; width: 100%; height: 420px; filter: grayscale(30%) contrast(1.05) brightness(0.9); }

/* ── FOOTER ──────────────────────────────────────────────────── */
.sr-footer { background: var(--dark); border-top: 1px solid rgba(25,101,123,0.25); padding: 3rem 2.5rem 1.5rem; }
.sr-footer-grid { display: grid; grid-template-columns: 1.5fr 1fr 1fr 1.2fr; gap: 2.5rem; margin-bottom: 2.5rem; }
.sr-footer p, .sr-footer li { font-size: 0.82rem; color: var(--text-muted); line-height: 1.7; }
.sr-footer h4 { font-size: 0.68rem; letter-spacing: 0.18em; text-transform: uppercase; color: var(--accent-light); margin-bottom: 1rem; font-weight: 400; }
.sr-footer ul { list-style: none; }
.sr-footer ul li { margin-bottom: 0.4rem; }
.sr-footer a { color: var(--text-muted); text-decoration: none; transition: color 0.2s; }
.sr-footer a:hover { color: var(--accent-light); }
.sr-footer-socials { display: flex; gap: 0.6rem; margin-top: 1rem; }
.sr-social-btn { width: 36px; height: 36px; border: 1px solid rgba(25,101,123,0.4); display: flex; align-items: center; justify-content: center; cursor: pointer; transition: all 0.3s; }
.sr-social-btn:hover { border-color: var(--accent-light); background: var(--accent); }
.sr-social-btn svg { width: 14px; height: 14px; stroke: var(--text-muted); fill: none; stroke-width: 1.5; }
.sr-social-btn:hover svg { stroke: var(--white); }
.sr-footer-bottom { border-top: 1px solid rgba(255,255,255,0.06); padding-top: 1.25rem; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 0.5rem; }
.sr-footer-bottom p { font-size: 0.75rem; color: rgba(255,255,255,0.3); }
.sr-footer-nav { display: flex; gap: 1.5rem; }
.sr-footer-nav a { font-size: 0.7rem; color: rgba(255,255,255,0.35); letter-spacing: 0.08em; text-transform: uppercase; text-decoration: none; transition: color 0.2s; }
.sr-footer-nav a:hover { color: var(--accent-light); }

/* ── LANGUAGE HELPERS ────────────────────────────────────────── */
[data-lang]           { display: none; }
.lang-bg [data-lang="bg"],
.lang-en [data-lang="en"] { display: inline; }

/* ── RESPONSIVE ──────────────────────────────────────────────── */
@media (max-width: 960px) {
  .sr-menu-grid          { grid-template-columns: 1fr 1fr; }
  .sr-form               { grid-template-columns: 1fr 1fr; }
  .sr-form-group.span2   { grid-column: span 1; }
  .sr-form-group.span3   { grid-column: span 2; }
  .sr-form-actions       { grid-column: span 2; }
  #srFormSuccess         { grid-column: span 2; }
  .sr-testimonial-grid   { grid-template-columns: 1fr 1fr; }
  .sr-footer-grid        { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 900px) {
  .sr-nav-links                    { display: none; }
  .sr-hamburger                    { display: flex; }
  .sr-nav-actions .sr-btn-outline  { display: none; }
  .sr-book-section                 { grid-template-columns: 1fr; gap: 1.5rem; }
  .sr-book-actions                 { flex-direction: row; flex-wrap: wrap; }
}

@media (max-width: 640px) {
  .sr-nav                          { padding: 0 1rem; }
  .sr-hero                         { height: 420px; }
  .sr-hero-content                 { padding: 1rem; }
  .sr-feature-strip                { grid-template-columns: 1fr; }
  .sr-feature-item                 { min-height: 140px; }
  .sr-feature-item:nth-child(2)    { border-left: none; border-right: none; border-top: 1px solid rgba(25,101,123,0.3); border-bottom: 1px solid rgba(25,101,123,0.3); }
  #menu                            { padding: 2.5rem 1.25rem; }
  .sr-menu-grid                    { grid-template-columns: 1fr; }
  .sr-book-section                 { padding: 2.5rem 1.25rem; }
  .sr-about-content                { padding: 2.5rem 1.25rem; }
  .sr-about-stats                  { gap: 1.5rem; flex-wrap: wrap; }
  .sr-gallery                      { grid-template-columns: repeat(2, 1fr); }
  .sr-gal-item:first-child         { grid-column: span 2; }
  .sr-testimonial-grid             { grid-template-columns: 1fr; }
  .sr-testimonials                 { padding: 2.5rem 1.25rem; }
  #srContact                       { padding: 2.5rem 1.25rem; }
  .sr-form                         { grid-template-columns: 1fr; }
  .sr-form-group.span2,
  .sr-form-group.span3             { grid-column: span 1; }
  .sr-form-actions                 { grid-column: span 1; }
  #srFormSuccess                   { grid-column: span 1; }
  .sr-footer                       { padding: 2rem 1.25rem 1.25rem; }
  .sr-footer-grid                  { grid-template-columns: 1fr; gap: 1.5rem; }
  .sr-map-section iframe           { height: 280px; }
}