/* === LIGHT MODE === */
:root,
[data-bs-theme="light"] {
  /* Base de marca */
  --bs-primary: #eebebb;
  --bs-primary-rgb: 215, 127, 161;

  --bs-link-color: #eebebb;
  --bs-link-color-rgb: 215, 127, 161;
  --bs-link-hover-color: #c2688f;
  --bs-link-hover-color-rgb: 194, 104, 143;

  --bs-primary-text-emphasis: #5e3a47;  
  --bs-primary-bg-subtle: #f5e3ea;          
  --bs-primary-border-subtle: #e9bed0;

  --bs-focus-ring-color: rgba(215, 127, 161, 0.25);
}

/* === DARK MODE === */
[data-bs-theme="dark"] {
  --bs-link-color: #eebebb;            
  --bs-link-hover-color: #eb789b;

  --bs-primary-text-emphasis: #ef9db6;
  --bs-primary-bg-subtle: #3b2630;      
  --bs-primary-border-subtle: #6b4957;

  --bs-primary: #eebebb;
  --bs-primary-rgb: 215, 127, 161;
}

::selection {
  background-color: #eebebb !important; 
  color: #fff;
}

::-moz-selection {
  background-color: #eebebb !important;
  color: #fff;
}

.text-primary-pink { color: #eebebb !important; }
.text-primary-pink:hover { color: #c2688f !important; }

a,
.nav-link { color: #eebebb !important; }
a:hover,
.nav-link:hover { color: #8a6f6c !important; }
.nav-link .active { color: white !important; }
.btn-primary {
  background-color: var(--bs-primary) !important;
  border-color: var(--bs-primary) !important;
}

.btn-primary::before{
  background-color: #eebebb !important;
  border-color: #eebebb !important;
}

.btn-primary:hover {
  background-color: rgb(231, 186, 233) !important;
  border-color: #c2688f !important;
}

.btn-rosa {
  background-color: #eebebb !important;
  border-color: #eebebb !important;
  color: black !important;
}

.tag-pill:hover {
  border-color: #c2688f !important;
}

.feather-clock, .feather-eye, .eye{
  color: #eebebb !important;
}

.fondo-back {
  background-color: #eebebb !important;
}

.ph-caret-up {
  color: #5e3a47 !important;
} 

.btn-primary-pink {
  background-color: #eebebb !important;
  border-color: #eebebb !important;
}

.btn-primary-pink:hover {
  color: #5e3a47 !important;
}

/* PAGINATION */
.pagination {
    display: inline-flex;
    gap: 6px;
    padding-left: 0;
    margin: 12px 0;
    border-radius: 4px;
}

.pagination .page-item .page-link {
    color: #222;
    background: #3d3030;
    border: 1px solid rgba(255,255,255,0.06);
    min-width: 40px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 10px;
    border-radius: 4px;
    box-shadow: 0 2px 0 rgba(0,0,0,0.05);
}

.pagination .page-item.active .page-link {
    background: #000000;
    color: #e9bed0;
    font-weight: 700;
}

/* prev/next links */
.pagination .page-item .page-link[rel="next"],
.pagination .page-item .page-link[rel="prev"] {
    min-width: 60px;
}

.pagination-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 16px;
}

/* Corrección para móviles */
@media (max-width: 576px) {
  .pagination-wrapper {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    justify-content: flex-start; /* o center si prefieres */
    padding: 4px 8px;
  }

  .pagination {
    display: flex;
    flex-wrap: nowrap;
    gap: 4px;
    font-size: 0.85rem;
  }

  .pagination .page-item .page-link {
    min-width: 32px;
    height: 32px;
    padding: 0 8px;
    border-radius: 6px;
  }

  .pagination .page-item .page-link[rel="next"],
  .pagination .page-item .page-link[rel="prev"] {
    min-width: auto;
  }
}