/*
 Theme Name: EduAll Child
 Theme URI: https://nomadedigital.agency/
 Description: Child theme do EduAll para customizações seguras.
 Author: Eduardo
 Author URI: https://nomadedigital.agency/
 Template: eduall
 Version: 1.0.0
 Text Domain: eduall-child
*/

/* 
 * Ajustes CSS do tema filho
 * ---------------------------------------------------------
 * Exemplo: correção da barra de admin sobrepondo o cabeçalho.
 */
/*
html.logged-in.admin-bar .site-header,
html.logged-in.admin-bar header.header,
html.logged-in.admin-bar #masthead { top: 32px; }
@media (max-width: 782px) {
  html.logged-in.admin-bar .site-header,
  html.logged-in.admin-bar header.header,
  html.logged-in.admin-bar #masthead { top: 46px; }
}
*/

/* =========================================================
   🔍 Busca de cursos no Header — controle da lupa (SVG)
   ========================================================= */
:root{
  --lupa-size: 22px;     /* tamanho do ícone (ex.: 16px, 20px, 24px, 28px) */
  --lupa-gap: 10px;      /* distância da borda direita */
  --lupa-color: #FF4600; /* cor do traço (laranja da sua paleta) */
  --lupa-weight: 2;      /* espessura do traço (1.5–2.5 recomendado) */
}

.eduall-search-cursos{
  position: relative;
  max-width: 560px;
  margin: 0 auto;
}

.eduall-search-cursos .search-field{
  width: 100%;
  height: 44px;
  border: 0;
  border-radius: 999px;
  background: #fff;
  color: #111;
  font-size: 15px;
  outline: none;
  /* espaço para a lupa à direita */
  padding-right: calc(var(--lupa-size) + var(--lupa-gap) + 14px) !important;
  padding-left: 16px;
}

/* Botão com a lupa à DIREITA */
.eduall-search-cursos .search-submit{
  position: absolute;
  right: var(--lupa-gap);
  top: 50%;
  transform: translateY(-50%);
  width: calc(var(--lupa-size) + 8px) !important;
  height: calc(var(--lupa-size) + 8px) !important;
  border: 0;
  background: transparent;
  padding: 0;
  cursor: pointer;
  line-height: 1;
  color: var(--lupa-color); /* define a cor do SVG via currentColor */
}

/* Ícone SVG estilo Fibo (stroke, sem fill) */
.eduall-search-cursos .icon-lupa{
  display: block;
  width: var(--lupa-size) !important;
  height: var(--lupa-size) !important;
}

.eduall-search-cursos .icon-lupa circle,
.eduall-search-cursos .icon-lupa line{
  stroke: currentColor;
  stroke-width: var(--lupa-weight);
  stroke-linecap: round;
  stroke-linejoin: round;
  fill: none;
}

/* Hover opcional */
.eduall-search-cursos .search-submit:hover { opacity: .9; }

/* Responsivo */
@media (max-width: 992px){
  .eduall-search-cursos{
    max-width: 100%;
    margin: 10px 0;
  }
}