/* Flavor of Fortune — site-specific polish */

/* Global brand tweaks */
.tw-bg-primary { background-color: var(--noir) !important; }

/* Top bar */
.topbarbgwrap { background-color: var(--noir); }

/* Logo sizing overrides */
.navbar-brand img {
  max-width: 160px !important;
  height: auto;
  padding: 16px;
}

/* Hero wordmark treatment: italic "of" */
.welcometext h1 .of-italic {
  font-family: var(--display-font);
  font-style: italic;
  font-weight: 400;
  color: var(--color-primary);
  padding: 0 4px;
}

/* Crown divider between sections */
.crown-divider {
  display: flex; align-items: center; justify-content: center;
  gap: 14px;
  padding: 40px 0;
  color: var(--color-primary);
}
.crown-divider::before, .crown-divider::after {
  content: ""; flex: 0 0 90px; height: 1px;
  background: linear-gradient(to right, transparent, var(--color-primary), transparent);
}
.crown-divider svg { width: 22px; height: 22px; fill: var(--color-primary); }

/* Mobile tweaks */
@media (max-width: 991px) {
  .section-hero {
    padding-top: 120px !important;
    padding-bottom: 90px !important;
  }
  .hero-ornament--crown { width: 72px; right: 4%; top: 10%; opacity: 0.25; }
  .hero-ornament--spark-1,
  .hero-ornament--spark-2,
  .hero-ornament--spark-3 { display: none; }
}

@media (max-width: 768px) {
  .navbar-nav { display: none; }
  .navbar-brand img { max-width: 180px !important; }

  .welcometext h1 { font-size: 2.4rem; line-height: 1.08; }
  .welcometext h6 { font-size: 1rem; }

  .fof-about .about-grid { grid-template-columns: 1fr; gap: 36px; }
  .fof-about .about-visual { max-width: 300px; margin: 0 auto; }

  .fof-area .areas span + span::before { display: none; }
  .listbtnstyle { column-count: 1 !important; }

  .operationhourscol ul li { padding: 18px 4px; font-size: 16px; }
  .operationhourscol .daycol { font-size: 18px; }
}

/* Ornamental SVG container utility */
.svg-inline {
  display: inline-flex;
  vertical-align: middle;
}

/* Override shared-backend category search styles to match gold theme */
.prodcatwrap .search-section input[type="search"],
.prodcatwrap .search-section input[type="text"],
.prodcatwrap input.form-control {
  border: 1px solid rgba(10, 9, 8, 0.18) !important;
  background: #fff !important;
  font-family: var(--font-primary) !important;
  color: var(--ink-warm) !important;
  box-shadow: none !important;
}
.prodcatwrap .search-section input:focus,
.prodcatwrap input.form-control:focus {
  border-color: var(--color-primary) !important;
  box-shadow: 0 0 0 3px rgba(212, 169, 74, 0.15) !important;
  outline: none !important;
}
.prodcatwrap .search-section .btn,
.prodcatwrap .btn-primary,
.prodcatwrap button[type="submit"],
.prodcatwrap .btn.btn-warning {
  background: var(--color-secondary) !important;
  border-color: var(--color-secondary) !important;
  color: var(--color-primary) !important;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  font-family: var(--font-primary) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  padding: 10px 22px !important;
  border-radius: 4px !important;
  transition: all .35s ease;
}
.prodcatwrap .search-section .btn:hover,
.prodcatwrap .btn-primary:hover,
.prodcatwrap button[type="submit"]:hover,
.prodcatwrap .btn.btn-warning:hover {
  background: var(--color-primary) !important;
  border-color: var(--color-primary) !important;
  color: var(--color-secondary) !important;
}