/*
Theme Name: RASA Food
Theme URI: https://rasafood.de/
Author: RASA Food
Author URI: https://rasafood.de/
Description: RASA Food is a modern and responsive WordPress theme.
Tested up to: 6.3
Requires at least: 5.0
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Version: 1.0.1
Text Domain: rasa-food
Domain Path: /languages
Tags: one-column, two-columns, custom-background, featured-images
*/

/* ==========================================================================
   Logo Display & Image Sizing (Text & Image Support)
   ========================================================================== */
.header__logo,
.catnav__logo,
.mnav__logo {
  display: inline-flex;
  align-items: center;
  transition: opacity 0.2s ease, transform 0.2s ease;
}

.header__logo:hover,
.catnav__logo:hover,
.mnav__logo:hover {
  opacity: 0.92;
  transform: translateY(-1px);
}

/* 1. Main Header Logo (Desktop) */
.header__logo-img {
  display: block;
  max-height: 65px;
  width: auto;
  max-width: 240px;
  object-fit: contain;
  image-rendering: -webkit-optimize-contrast;
}

/* 2. Sticky Category Nav Logo (Desktop & Mobile) */
.catnav__logo-img {
  display: block;
  max-height: 40px;
  width: auto;
  max-width: 170px;
  object-fit: contain;
  image-rendering: -webkit-optimize-contrast;
}

.header-hidden .catnav__logo {
  max-width: 170px !important;
  margin-right: 18px !important;
  padding-right: 18px !important;
}

/* 3. Mobile Navigation Drawer Logo */
.mnav__logo-img {
  display: block;
  max-height: 48px;
  width: auto;
  max-width: 180px;
  object-fit: contain;
  image-rendering: -webkit-optimize-contrast;
}

/* 4. Footer Logo */
.footer__logo-img {
  display: block;
  max-height: 52px;
  width: auto;
  max-width: 240px;
  object-fit: contain;
  image-rendering: -webkit-optimize-contrast;
}

/* Mobile Responsive Adjustments (≤860px) */
@media (max-width: 860px) {
  .header__logo-img {
    max-height: 52px;
    max-width: 175px;
  }

  .catnav__logo-img {
    max-height: 36px;
    max-width: 120px;
  }

  .header-hidden .catnav__logo {
    max-width: 120px !important;
    margin-right: 12px !important;
    padding-right: 12px !important;
  }

  .mnav__logo-img {
    max-height: 44px;
    max-width: 160px;
  }
}

.offcanvas-logo-text {
  font-family: inherit;
  font-size: 26px;
  font-weight: 700;
  letter-spacing: 0.1em;
  color: #ffffff;
}