/**
 * InsidePiano — Article Navigation (com_content pagenavigation)
 */

/* ============================================
   COM_CONTENT ARTICLE NAV — Anterior / Siguiente
   Structure: nav.pagenavigation > span.pagination.ms-0 > a.btn.btn-sm.btn-secondary
   Target: dark bg, purple text, subtle border — matches custom-pagination style
   ============================================ */

/* Wrapper spacing */
nav.pagenavigation {
    margin-top: 1.5rem !important;
    margin-bottom: 1rem !important;
    padding: 0 !important;
}

nav.pagenavigation .pagination {
    display: flex !important;
    gap: 6px !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    /* Kill Bootstrap pagination layout overrides */
    --bs-pagination-padding-x: 0 !important;
    --bs-pagination-padding-y: 0 !important;
    --bs-pagination-bg: transparent !important;
    --bs-pagination-border-color: transparent !important;
    --bs-pagination-active-bg: transparent !important;
    --bs-pagination-active-border-color: transparent !important;
    --bs-pagination-color: transparent !important;
    --bs-pagination-hover-bg: transparent !important;
    --bs-pagination-hover-border-color: transparent !important;
    --bs-pagination-focus-box-shadow: none !important;
}

/* The buttons themselves */
nav.pagenavigation .pagination a.btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    /* Purple text — matches Conca custom-pagination inactive link */
    color: #7367f0 !important;
    background-color: rgba(115, 103, 240, 0.15) !important;
    border: 1px solid rgba(115, 103, 240, 0.55) !important;
    border-radius: 6px !important;
    padding: 9px 18px !important;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.04) !important;
    transition: all 0.3s ease-in-out !important;
    /* Kill Bootstrap btn CSS variables that override color */
    --bs-btn-color: #7367f0 !important;
    --bs-btn-bg: rgba(115, 103, 240, 0.15) !important;
    --bs-btn-border-color: rgba(115, 103, 240, 0.55) !important;
    --bs-btn-hover-color: #9f92fe !important;
    --bs-btn-hover-bg: rgba(115, 103, 240, 0.15) !important;
    --bs-btn-hover-border-color: rgba(115, 103, 240, 0.7) !important;
    --bs-btn-active-color: #9f92fe !important;
    --bs-btn-active-bg: rgba(115, 103, 240, 0.15) !important;
    --bs-btn-active-border-color: rgba(115, 103, 240, 0.7) !important;
    --bs-btn-focus-shadow-rgb: 95, 74, 254 !important;
    line-height: 1.5 !important;
}

nav.pagenavigation .pagination a.btn:hover {
    background-color: rgba(115, 103, 240, 0.15) !important;
    border-color: rgba(115, 103, 240, 0.7) !important;
    color: #9f92fe !important;
    box-shadow: 0 0 0 1px rgba(115, 103, 240, 0.25) !important;
}

/* Hide the sr-only text that leaks into button label */
nav.pagenavigation .pagination a.btn .visually-hidden {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

/* Chevron icons — override Joomla's icon-chevron-* spans with BI glyphs */
nav.pagenavigation .pagination a.btn .icon-chevron-left,
nav.pagenavigation .pagination a.btn .icon-chevron-right {
    font-family: 'bootstrap-icons' !important;
    font-style: normal !important;
    font-size: 0.8em !important;
    line-height: 1 !important;
    color: inherit !important;
    -webkit-text-fill-color: currentColor !important;
    speak: never;
}
nav.pagenavigation .pagination a.btn .icon-chevron-left::before  { content: '\F284' !important; } /* bi-chevron-left */
nav.pagenavigation .pagination a.btn .icon-chevron-right::before { content: '\F285' !important; } /* bi-chevron-right */

/* Download column alignment */
.dropfiles-content .mediaTable th.file_download {
    text-align: left !important;
    padding-right: 0.75rem !important;
}

.dropfiles-content .mediaTable td.file_download {
    text-align: right !important;
    padding-right: 0.75rem !important;
}

/* ---- Hide article prev/next nav on Suscripciones page (Itemid=5184)
   The .itemid-XXXX class is added by Conca template — confirm class name
   or use !important on a broader selector. Using Joomla body class. ---- */
/* Hide article prev/next nav on Suscripciones page only.
   Bienvenidos lesson articles (Itemid 5213) show pagination — see .bienvenidos-index
   body class injected by JS in index.php for the index-only hide. */
.demo-card:has(#osm-subscription-history) nav.pagenavigation,
.bienvenidos-index nav.pagenavigation {
    display: none !important;
}