/* ====================================================================
   FIX: SVG icon sizing — mobile + desktop safety net
   --------------------------------------------------------------------
   Pe Samsung Internet, Chrome Android și unele browsere mobile, SVG-urile
   fără atribute width/height explicite se expandează la 100% din container.
   Acest patch forțează dimensiunile corecte pentru toate iconițele.
   Adăugat la SFÂRȘITUL style.css ca să suprascrie regulile anterioare.
   ==================================================================== */

/* Default global: SVG-urile fără container specific se comportă ca text */
svg {
  display: inline-block;
  vertical-align: middle;
  flex-shrink: 0;
  max-width: 100%;
}

svg:not([width]):not([height]) {
  width: 1em;
  height: 1em;
}

/* --- Logo brand (header) --- */
.nav__logo {
  width: 32px !important;
  height: 32px !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  border-radius: 8px;
  background: var(--c-accent-soft, rgba(72, 175, 246, 0.1));
  color: var(--c-accent, #48aff6);
}
.nav__logo svg {
  width: 22px !important;
  height: 22px !important;
}

/* --- Categorii (homepage) --- */
.category-card__icon {
  width: 48px !important;
  height: 48px !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  border-radius: 12px;
  background: var(--c-accent-soft, rgba(72, 175, 246, 0.1));
  color: var(--c-accent, #48aff6);
}
.category-card__icon svg {
  width: 24px !important;
  height: 24px !important;
}

/* --- Carduri documente populare --- */
.doc-card__icon {
  width: 40px !important;
  height: 40px !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  border-radius: 10px;
  background: var(--c-accent-soft, rgba(72, 175, 246, 0.1));
  color: var(--c-accent, #48aff6);
}
.doc-card__icon svg {
  width: 20px !important;
  height: 20px !important;
}

/* --- Info tiles (acte necesare, recomandări) --- */
.info-tile__icon {
  width: 36px !important;
  height: 36px !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  border-radius: 8px;
  background: var(--c-accent-soft, rgba(72, 175, 246, 0.1));
  color: var(--c-accent, #48aff6);
}
.info-tile__icon svg {
  width: 18px !important;
  height: 18px !important;
}

/* --- Butoane și taguri --- */
.btn svg            { width: 16px !important; height: 16px !important; }
.tag svg            { width: 14px !important; height: 14px !important; }
.doc-card__cta svg  { width: 14px !important; height: 14px !important; }
.faq__icon svg      { width: 18px !important; height: 18px !important; }

/* --- Export actions (download, print, etc.) --- */
.export-btn .ico {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
}
.export-btn .ico svg {
  width: 22px !important;
  height: 22px !important;
}

/* --- Beneficii (homepage) — bifa verde din info-tile --- */
.info-tile__icon svg path,
.info-tile__icon svg polyline,
.info-tile__icon svg line,
.info-tile__icon svg polygon,
.info-tile__icon svg rect,
.info-tile__icon svg circle {
  /* asigură stroke/fill default pentru SVG-uri inline */
  stroke-width: 2;
}

/* --- Wizard navigation icons --- */
.wizard__head svg,
.wizard__foot svg,
[data-wizard] svg {
  width: 16px !important;
  height: 16px !important;
}

/* --- Eyebrow / breadcrumb / mici text icons --- */
.eyebrow svg,
.doc-header__breadcrumb svg {
  width: 12px !important;
  height: 12px !important;
}

/* ====================================================================
   MOBILE-SPECIFIC LAYOUT TWEAKS
   ==================================================================== */
@media (max-width: 768px) {
  /* Hero icon dacă există */
  .hero svg { max-width: 100%; height: auto; }

  /* Nav mai compact pe mobil */
  .nav__inner {
    padding: 8px 12px;
  }

  /* Ascunde butonul "Începe acum" din nav pe mobil
     (există deja CTA în hero) */
  .nav__links .btn {
    display: none !important;
  }

  /* Ascunde linkurile secundare din nav pe mobil mic;
     păstrează doar logo + 1-2 linkuri esențiale */
  @media (max-width: 480px) {
    .nav__links a:not(.btn):not(:first-child) {
      display: none;
    }
  }

  /* Categorii — 2 coloane pe mobil în loc de scroll vertical */
  .category-grid {
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
  }

  /* Doc cards — 1 coloană full width */
  .doc-grid {
    grid-template-columns: 1fr !important;
  }

  /* Hero search input — full width */
  .hero__search {
    flex-direction: column;
    gap: 8px;
  }
  .hero__search input,
  .hero__search .btn {
    width: 100%;
  }
}