/* APOLLO NETWORKS — Fase 20.4: ícones, header e tema corrigidos */

/* Ícones do header: tamanho consistente, sem depender de font-size/emoji do sistema. */
.f20-header-action .pl-icon,
.f20-header-action .pl-theme-icon {
  width:22px !important;
  height:22px !important;
  min-width:22px !important;
  min-height:22px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  line-height:1 !important;
}
.f20-header-action .pl-icon svg,
.f20-header-action .pl-theme-icon svg {
  width:22px !important;
  height:22px !important;
  display:block !important;
}
.f20-header-action.search .pl-icon,
.f20-header-action.search .pl-icon svg { width:23px !important; height:23px !important; }
.f20-header-action.moon .pl-theme-icon,
.f20-header-action.moon .pl-theme-icon svg { width:22px !important; height:22px !important; }
.f20-header-action { width:46px !important; height:46px !important; font-size:0 !important; }
.f20-header-actions { gap:8px !important; }
.f20-header-divider { height:30px !important; margin-left:8px !important; margin-right:8px !important; }
.f20-home-header .f20-header-shell { min-height:64px; }
.f20-logo { width:46px !important; height:46px !important; flex-basis:46px !important; }
.f20-logo span { font-size:25px !important; }

/* Botão de tema com transição real. */
.f20-header-action.moon { transition: transform .2s ease, background .2s ease, border-color .2s ease, color .2s ease; }
.f20-header-action.moon:hover { transform:translateY(-1px) scale(1.03); }
.pl-theme-icon { pointer-events:none; }
.pl-theme-icon svg { overflow:visible; }

/* Tema claro — opcional; dark continua sendo o padrão original do APOLLO NETWORKS. */
html.pl-light body {
  background: radial-gradient(circle at 80% -10%, rgba(139,92,246,.10), transparent 30%), #f5f3fa !important;
  color:#17131f !important;
}
html.pl-light .site-header,
html.pl-light .f20-home-header .f20-header-shell {
  background:rgba(255,255,255,.88) !important;
  border-color:rgba(30,20,50,.10) !important;
  box-shadow:0 10px 30px rgba(36,25,55,.06);
}
html.pl-light .f20-header-action { background:#fff !important; border-color:rgba(30,20,50,.13) !important; color:#292230 !important; }
html.pl-light .f20-header-action:hover { background:#f3ecff !important; border-color:rgba(139,92,246,.35) !important; color:#6d35d8 !important; }
html.pl-light .f20-header-divider { background:rgba(30,20,50,.10) !important; }
html.pl-light .f20-home::before {
  background-color:#f7f5fb !important;
  background-image:linear-gradient(rgba(50,30,80,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(50,30,80,.035) 1px,transparent 1px),radial-gradient(circle at 50% -20%,rgba(139,92,246,.12),transparent 34%) !important;
}
html.pl-light .f20-hero h1,
html.pl-light .f20-hero-subtitle,
html.pl-light .f10-section-head h2,
html.pl-light .f10-card-body h3,
html.pl-light .f10-brand,
html.pl-light .section-heading h2 { color:#17131f !important; }
html.pl-light .f20-hero-subtitle,
html.pl-light .f20-popular,
html.pl-light .f20-popular strong,
html.pl-light .f10-section-head p,
html.pl-light .f10-card-body p { color:#655f70 !important; }
html.pl-light .f20-search,
html.pl-light .search-wrapper { background:rgba(255,255,255,.92) !important; border-color:rgba(40,25,60,.12) !important; box-shadow:0 12px 30px rgba(40,25,60,.06); }
html.pl-light .f20-search input,
html.pl-light .search-wrapper input { color:#17131f !important; }
html.pl-light .f20-search input::placeholder,
html.pl-light .search-wrapper input::placeholder { color:#8b8494 !important; }
html.pl-light .f10-card,
html.pl-light .prompt-card,
html.pl-light .favorite-card,
html.pl-light .collection-card,
html.pl-light .profile-prompt-card,
html.pl-light .history-card,
html.pl-light .category-card,
html.pl-light .f10-category { background:linear-gradient(180deg,#fff,#f8f6fc) !important; border-color:rgba(40,25,60,.10) !important; box-shadow:0 14px 35px rgba(40,25,60,.07); }
html.pl-light .f10-card-body,
html.pl-light .prompt-card-content { background:linear-gradient(180deg,#fff,#faf8fd) !important; }
html.pl-light .f10-card-body h3,
html.pl-light .prompt-card-content h3 { color:#17131f !important; }
html.pl-light .f10-card-body p,
html.pl-light .prompt-card-content p { color:#686174 !important; }
html.pl-light .f10-footer { background:#ebe7f2 !important; color:#494252 !important; }
html.pl-light .site-header .brand,
html.pl-light .main-navigation a,
html.pl-light .site-header [data-user-nav] a { color:#312b39 !important; }
html.pl-light .site-header .brand:hover,
html.pl-light .main-navigation a:hover,
html.pl-light .site-header [data-user-nav] a:hover { color:#7c3aed !important; }
html.pl-light .prompt-detail,
html.pl-light .prompt-info-column h1,
html.pl-light .related-heading h2,
html.pl-light .detail-section-title h2 { color:#17131f !important; }
html.pl-light .prompt-gallery,
html.pl-light .prompt-copy-panel,
html.pl-light .prompt-rating-card,
html.pl-light .prompt-model-card,
html.pl-light .prompt-description-card,
html.pl-light .related-card { background:#fff !important; border-color:rgba(40,25,60,.10) !important; box-shadow:0 14px 35px rgba(40,25,60,.07); }
html.pl-light .prompt-copy-box { background:#f5f2f9 !important; color:#433b4d !important; border-color:rgba(40,25,60,.08) !important; }
html.pl-light .prompt-meta-line,
html.pl-light .prompt-description-card p,
html.pl-light .related-card-body p { color:#6d6677 !important; }
html.pl-light .outline-action,
html.pl-light .icon-action,
html.pl-light .feedback-button,
html.pl-light .model-pill { background:#f3f0f7 !important; color:#302a37 !important; border-color:rgba(40,25,60,.12) !important; }
html.pl-light .prompt-tags a { background:#f0e9ff !important; color:#5930a5 !important; }
html.pl-light .related-card-body { background:#fff !important; }
html.pl-light .related-card-body h3 { color:#17131f !important; }

@media(max-width:760px){
  .f20-header-action { width:42px !important; height:42px !important; }
  .f20-header-action .pl-icon,
  .f20-header-action .pl-theme-icon,
  .f20-header-action .pl-icon svg,
  .f20-header-action .pl-theme-icon svg { width:21px !important; height:21px !important; }
  .f20-logo { width:42px !important; height:42px !important; flex-basis:42px !important; }
}