/*
Theme Name: Breevia Child
Template: breevia
Version: 1.0
*/

#navigation,
[data-kubio="kubio/navigation"]{
  position: relative;
  z-index: 10000 !important;
}

/* Social inject */
#xipehk-social-inject{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
}
#xipehk-social-inject svg{ display:block; }

/* =========================================================
   Fix ancho: wrappers navegación a 100%
========================================================= */
#navigation .wp-block-kubio-navigation-items,
#navigation .wp-block-kubio-navigation-items__outer,
#navigation .wp-block-kubio-row__container,
#navigation .wp-block-kubio-row__inner,
[data-kubio="kubio/navigation"] .wp-block-kubio-navigation-items,
[data-kubio="kubio/navigation"] .wp-block-kubio-navigation-items__outer,
[data-kubio="kubio/navigation"] .wp-block-kubio-row__container,
[data-kubio="kubio/navigation"] .wp-block-kubio-row__inner{
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

#navigation .h-section-boxed-container,
#navigation .h-section-grid-container,
#navigation .h-section-fluid-container,
[data-kubio="kubio/navigation"] .h-section-boxed-container,
[data-kubio="kubio/navigation"] .h-section-grid-container,
[data-kubio="kubio/navigation"] .h-section-fluid-container{
  width: 100% !important;
  max-width: none !important;
}

/* =========================
   Tablet/Desktop
========================= */
@media (min-width: 768px){

  #navigation .wp-block-kubio-navigation-items,
  #navigation .wp-block-kubio-navigation-items__outer,
  [data-kubio="kubio/navigation"] .wp-block-kubio-navigation-items,
  [data-kubio="kubio/navigation"] .wp-block-kubio-navigation-items__outer{
    display:block !important;
    visibility:visible !important;
    height:auto !important;
  }

  #navigation .wp-block-kubio-navigation-section__nav-section,
  [data-kubio="kubio/navigation"] .wp-block-kubio-navigation-section__nav-section{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:12px !important;
    width:100% !important;
    max-width:none !important;
    visibility:visible !important;
    overflow: visible !important;
  }

  #navigation .wp-block-kubio-menu-items__outer,
  #navigation .wp-block-kubio-menu-items,
  #navigation .kubio-menu,
  [data-kubio="kubio/navigation"] .wp-block-kubio-menu-items__outer,
  [data-kubio="kubio/navigation"] .wp-block-kubio-menu-items,
  [data-kubio="kubio/navigation"] .kubio-menu{
    display:none !important;
  }

  #navigation .wp-block-kubio-menu-offscreen,
  #navigation .wp-block-kubio-menu-offscreen__iconWrapper,
  [data-kubio="kubio/navigation"] .wp-block-kubio-menu-offscreen,
  [data-kubio="kubio/navigation"] .wp-block-kubio-menu-offscreen__iconWrapper{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
  }

  #navigation .kubio-hide-on-desktop.wp-block-kubio-menu-offscreen,
  #navigation .kubio-hide-on-desktop .wp-block-kubio-menu-offscreen__iconWrapper,
  [data-kubio="kubio/navigation"] .kubio-hide-on-desktop.wp-block-kubio-menu-offscreen,
  [data-kubio="kubio/navigation"] .kubio-hide-on-desktop .wp-block-kubio-menu-offscreen__iconWrapper{
    display:inline-flex !important;
  }

  #navigation .xipehk-row-inner,
  [data-kubio="kubio/navigation"] .xipehk-row-inner{
    display:flex !important;
    flex-wrap:nowrap !important;
    align-items:center !important;
    width:100% !important;
    justify-content:flex-start !important;
    overflow: visible !important;
    min-width: 0 !important;
  }

  #navigation .xipehk-spacer-col,
  [data-kubio="kubio/navigation"] .xipehk-spacer-col{
    display:none !important;
  }

  #navigation .xipehk-flex-spacer,
  [data-kubio="kubio/navigation"] .xipehk-flex-spacer{
    flex:1 1 auto !important;
    min-width:16px;
    height:1px;
    background:transparent;
    display:block !important;
  }

  #navigation .xipehk-right-group,
  [data-kubio="kubio/navigation"] .xipehk-right-group{
    margin-left:auto !important;
    flex:0 0 auto !important;
    width:auto !important;
    min-width:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    overflow: visible !important;
    white-space: nowrap !important;
  }

  #navigation .xipehk-right-group .wp-block-kubio-column__inner,
  #navigation .xipehk-right-group .wp-block-kubio-column__align,
  #navigation .xipehk-right-group .wp-block-kubio-column__container,
  [data-kubio="kubio/navigation"] .xipehk-right-group .wp-block-kubio-column__inner,
  [data-kubio="kubio/navigation"] .xipehk-right-group .wp-block-kubio-column__align,
  [data-kubio="kubio/navigation"] .xipehk-right-group .wp-block-kubio-column__container{
    display:flex !important;
    flex-wrap:nowrap !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:10px !important;
    width:auto !important;
    min-width:0 !important;
    overflow: visible !important;
  }

  #navigation .xipehk-right-group #xipehk-social-inject,
  [data-kubio="kubio/navigation"] .xipehk-right-group #xipehk-social-inject{
    flex:0 0 auto !important;
    margin:0 !important;
  }
}

@media (min-width: 768px) and (max-width: 1023px){
  #navigation .wp-block-kubio-navigation-section__nav-section,
  [data-kubio="kubio/navigation"] .wp-block-kubio-navigation-section__nav-section{
    padding-right: 14px !important;
    padding-left: 14px !important;
  }
}

/* =========================================================
   XIPEHK — Pagination (paleta del sitio)
   Fix rojo al cliquear (active/focus)
========================================================= */

.navigation.pagination{
  margin-top: 22px;
}

.navigation.pagination .nav-links{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
}

.navigation.pagination a:link,
.navigation.pagination a:visited{
  color:#0B0F0D !important;
  text-decoration:none !important;
}

.navigation.pagination a.page-numbers:link,
.navigation.pagination a.page-numbers:visited{
  color:#0B0F0D !important;
  text-decoration:none !important;
  border-bottom:1px solid rgba(11,15,13,.22);
  padding:2px 4px;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}

/* Hover/focus: violeta */
.navigation.pagination a.page-numbers:hover,
.navigation.pagination a.page-numbers:focus,
.navigation.pagination a.page-numbers:focus-visible,
.navigation.pagination .nav-links a:focus,
.navigation.pagination .nav-links a:focus-visible{
  color:#7D26CD !important;
  border-bottom-color: rgba(125,38,205,.55) !important;
  outline: none !important;
}

/* Active click: (mata cualquier rojo del tema) */
.navigation.pagination a.page-numbers:active,
.navigation.pagination .nav-links a.page-numbers:active,
.navigation.pagination .nav-links a:active{
  color:#7D26CD !important;
  border-bottom-color: rgba(125,38,205,.75) !important;
}

/* Página actual */
.navigation.pagination .page-numbers.current{
  color:#7D26CD !important;
  font-weight:600;
  text-decoration:none !important;
  border-bottom:0 !important;
  padding:2px 4px;
}