/* Fermierul identity logo: single color mark used across the platform. */
:where(.pg-brand-mark,
       .slug-brand-mark,
       .blog-brand-mark,
       .fer-brand-mark,
       .contact-brand-mark,
       .app-brand-mark,
       .auth-brand-mark,
       .brand-mark) {
  background-color: transparent !important;
  background-image: url('/assets/brand/fermierul.svg') !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
  box-shadow: none !important;
  color: transparent !important;
  overflow: hidden;
}

:where(.pg-brand-mark,
       .slug-brand-mark,
       .blog-brand-mark,
       .fer-brand-mark,
       .contact-brand-mark,
       .app-brand-mark,
       .auth-brand-mark) > svg,
:where(.brand-mark) > svg {
  display: none !important;
}

.brand-mark {
  width: 42px !important;
  height: 42px !important;
  flex: 0 0 42px;
}

.fo-shell-logo {
  align-items: center;
  display: inline-flex !important;
  gap: 10px;
}
.fo-shell-logo::before {
  background: url('/assets/brand/fermierul.svg') center / contain no-repeat;
  content: '';
  display: inline-block;
  flex: 0 0 42px;
  height: 42px;
  width: 42px;
}
.fo-shell-logo strong::before { display: none !important; }
.fo-global-header .fo-shell-logo,
.fo-global-nav .fo-shell-logo {
  gap: 0 !important;
}
.fo-global-header .fo-shell-logo strong,
.fo-global-nav .fo-shell-logo strong {
  display: block !important;
}
.fo-global-header .fo-shell-logo small,
.fo-global-nav .fo-shell-logo small {
  display: none !important;
}

.vz-logo {
  align-items: center;
  display: inline-flex !important;
  gap: 10px;
}
.vz-logo::before {
  background: url('/assets/brand/fermierul.svg') center / contain no-repeat;
  content: '';
  display: inline-block;
  flex: 0 0 42px;
  height: 42px;
  width: 42px;
}
.vz-logo strong::before { display: none !important; }

/* The compact mark is the complete header identity. Keep the wordmark in footers. */
.pg-header .pg-brand-text,
.blog-header .blog-brand-text,
.fer-header .fer-brand-text,
.contact-header .contact-brand-text,
.slug-header .slug-brand-text,
.app-header .app-brand-text,
.auth-header .auth-brand-text {
  display: none !important;
}
.pg-header .pg-brand,
.blog-header .blog-brand,
.fer-header .fer-brand,
.contact-header .contact-brand,
.slug-header .slug-brand,
.app-header .app-brand,
.auth-header .auth-brand {
  gap: 0 !important;
}

.fo-mobile-drawer-mark {
  background-color: transparent !important;
  background-image: url('/assets/brand/fermierul.svg') !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
  border-radius: 0 !important;
}
.fo-mobile-drawer-mark > svg { display: none !important; }


/* Footer branding needs its own rows; the header's inline layout overlaps links. */
.fo-global-footer .fo-shell-logo {
  display: grid !important;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 8px 10px;
  max-width: 100%;
}
.fo-global-footer .fo-shell-logo::before {
  grid-column: 1;
  grid-row: 1;
}
.fo-global-footer .fo-shell-logo strong {
  grid-column: 2;
  grid-row: 1;
  font-size: 26px;
}
.fo-global-footer .fo-shell-logo small {
  grid-column: 1 / -1;
  grid-row: 2;
  line-height: 1.5;
}
@media (max-width: 700px) {
  .fo-global-footer .fo-shell-logo strong {
    font-size: 23px;
  }
}
