/*!
Theme Name: Felan Child
Theme URI: https://felan.ricetheme.com/
Author: RiceTheme
Author URI: https://ricetheme.com/
Description: This is a child theme of Felan
Template: felan
Version: 1.0.0
Requires at least: 5.0
Tested up to: 6.7
Requires PHP: 7.4
License URI: https://choosealicense.com/licenses/gpl-2.0/
Text Domain: felanchild
*/

/* =====================================================
   IMPORTANTE:
   ESTE ARQUIVO TEM QUE SER 100% CSS.
   (NADA de add_action, <?php, ?> aqui)
   ===================================================== */

/* =====================================================
   FREELAJA – CHIPS (Categorias + Skills)  [LIMPO]
   Alvo do HTML:
   .freelaja-tax-block
   .freelaja-tax-scroll a.freelaja-chip
   .freelaja-chip-count
   ===================================================== */

.freelaja-tax-block{
  margin:14px 0 18px !important;
}

.freelaja-tax-head{
  display:flex !important;
  align-items:baseline !important;
  justify-content:space-between !important;
  gap:12px !important;
  margin:0 0 10px !important;
}

.freelaja-tax-title{
  font-weight:900 !important;
  letter-spacing:-.02em !important;
  font-size:16px !important;
  color:#111 !important;
}

.freelaja-tax-hint{
  font-size:12px !important;
  opacity:.65 !important;
  color:#111 !important;
}

/* trilho rolável */
.freelaja-tax-scroll{
  display:flex !important;
  flex-direction:row !important;
  flex-wrap:nowrap !important;
  align-items:center !important;
  gap:10px !important;

  overflow-x:auto !important;
  overflow-y:hidden !important;

  padding:10px 2px 14px !important;
  margin:0 !important;

  -webkit-overflow-scrolling:touch !important;
  scrollbar-width:thin !important;
}

.freelaja-tax-scroll::-webkit-scrollbar{height:8px}
.freelaja-tax-scroll::-webkit-scrollbar-thumb{
  background:rgba(0,0,0,.18);
  border-radius:999px;
}

/* chip (botão) */
.freelaja-tax-scroll a.freelaja-chip{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;

  min-height:48px !important;
  padding:10px 16px !important;

  border-radius:999px !important;
  border:1px solid rgba(0,0,0,.14) !important;

  background:linear-gradient(180deg, rgba(0,0,0,.04), rgba(0,0,0,.08)) !important;
  color:#111 !important;

  font-size:14px !important;
  font-weight:900 !important;
  line-height:1 !important;

  text-decoration:none !important;
  white-space:nowrap !important;

  cursor:pointer !important;
  user-select:none !important;

  transition:transform .15s ease, background .2s ease, border-color .2s ease, box-shadow .2s ease !important;
}

.freelaja-tax-scroll a.freelaja-chip:hover{
  transform:translateY(-1px) !important;
  background:linear-gradient(180deg, rgba(0,0,0,.06), rgba(0,0,0,.11)) !important;
  border-color:rgba(0,0,0,.22) !important;
  box-shadow:0 12px 24px rgba(0,0,0,.10) !important;
}

.freelaja-tax-scroll a.freelaja-chip:focus-visible{
  outline:none !important;
  box-shadow:0 0 0 3px rgba(0,0,0,.16), 0 12px 24px rgba(0,0,0,.10) !important;
}

.freelaja-tax-scroll a.freelaja-chip.is-active{
  background:#111 !important;
  border-color:#111 !important;
  color:#fff !important;
  box-shadow:0 14px 28px rgba(0,0,0,.18) !important;
}

/* contador */
.freelaja-tax-scroll a.freelaja-chip .freelaja-chip-count{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;

  min-width:28px !important;
  height:24px !important;
  padding:0 8px !important;

  border-radius:999px !important;
  background:rgba(0,0,0,.12) !important;

  font-size:12px !important;
  font-weight:900 !important;
  line-height:1 !important;

  color:inherit !important;
  opacity:.95 !important;
}

.freelaja-tax-scroll a.freelaja-chip.is-active .freelaja-chip-count{
  background:rgba(255,255,255,.18) !important;
}

/* =====================================================
   FREELAJA – PAGINAÇÃO MODERNA  [LIMPO]
   HTML:
   <nav class="freelaja-pagination">
     <ul class="page-numbers"><li>...</li></ul>
   ===================================================== */

nav.freelaja-pagination{
  width:100% !important;
  display:flex !important;
  justify-content:center !important;
  margin:42px 0 !important;
}

nav.freelaja-pagination ul.page-numbers{
  display:flex !important;
  flex-direction:row !important;
  flex-wrap:nowrap !important;
  align-items:center !important;
  gap:10px !important;

  padding:0 !important;
  margin:0 !important;
  list-style:none !important;
}

nav.freelaja-pagination ul.page-numbers > li{
  display:inline-flex !important;
  margin:0 !important;
  padding:0 !important;
}

nav.freelaja-pagination ul.page-numbers a,
nav.freelaja-pagination ul.page-numbers span{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;

  min-width:48px !important;
  height:48px !important;
  padding:0 16px !important;

  border-radius:14px !important;
  border:1px solid rgba(0,0,0,.10) !important;

  background:linear-gradient(180deg, rgba(0,0,0,.04), rgba(0,0,0,.08)) !important;
  color:#111 !important;

  font-size:15px !important;
  font-weight:900 !important;
  line-height:1 !important;

  text-decoration:none !important;
  white-space:nowrap !important;

  transition:transform .15s ease, background .2s ease, border-color .2s ease, box-shadow .2s ease !important;
}

nav.freelaja-pagination ul.page-numbers a:hover{
  background:#111 !important;
  color:#fff !important;
  border-color:#111 !important;
  transform:translateY(-1px) !important;
  box-shadow:0 14px 28px rgba(0,0,0,.18) !important;
}

nav.freelaja-pagination ul.page-numbers a:focus-visible{
  outline:none !important;
  box-shadow:0 0 0 3px rgba(0,0,0,.16), 0 14px 28px rgba(0,0,0,.18) !important;
}

nav.freelaja-pagination ul.page-numbers .current{
  background:#111 !important;
  border-color:#111 !important;
  color:#fff !important;
  cursor:default !important;
}

/* prev / next */
nav.freelaja-pagination ul.page-numbers .prev,
nav.freelaja-pagination ul.page-numbers .next{
  padding:0 18px !important;
  font-size:18px !important;
}

/* mobile */
@media (max-width:768px){
  .freelaja-tax-scroll{gap:8px !important}

  .freelaja-tax-scroll a.freelaja-chip{
    min-height:44px !important;
    padding:9px 13px !important;
    font-size:13px !important;
  }

  nav.freelaja-pagination ul.page-numbers{gap:8px !important}

  nav.freelaja-pagination ul.page-numbers a,
  nav.freelaja-pagination ul.page-numbers span{
    min-width:42px !important;
    height:42px !important;
    padding:0 14px !important;
    font-size:14px !important;
    border-radius:12px !important;
  }
}