/* ==========================================
   GLOBAL CUSTOM STYLES
   MAGAPORN
   ========================================== */


/* ===== Improve Slider Arrow Visibility ===== */

.carousel-control-prev-icon,
.carousel-control-next-icon {
  width: 3rem;
  height: 3rem;

  /* White arrow with strong outline */
  filter:
    drop-shadow(0 0 2px #000)
    drop-shadow(0 0 4px #000)
    drop-shadow(0 0 6px #c00);
}

/* Increase clickable area */
.carousel-control-prev,
.carousel-control-next {
  width: 12%;
}

/* Optional: Slight hover emphasis */
.carousel-control-prev:hover .carousel-control-prev-icon,
.carousel-control-next:hover .carousel-control-next-icon {
  filter:
    drop-shadow(0 0 4px #000)
    drop-shadow(0 0 8px #000)
    drop-shadow(0 0 10px #c00);
}
/* ===== Share button (icon-only, no overlay) ===== */
.navbar .share-btn{
  -webkit-appearance: none;
  appearance: none;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  outline: none !important;
  padding: 6px;
  margin: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
  opacity: .9;
  -webkit-tap-highlight-color: transparent;
}

.navbar .share-btn:hover{
  opacity: 1;
  transform: scale(1.12);
  cursor: pointer;
}

.navbar .share-btn:focus,
.navbar .share-btn:focus-visible,
.navbar .share-btn:active{
  background: transparent !important;
  box-shadow: none !important;
  outline: none !important;
}


/* Kill the "white overlay" state */
.navbar .share-btn:focus,
.navbar .share-btn:focus-visible,
.navbar .share-btn:active{
  background: transparent !important;
  box-shadow: none !important;
  outline: none !important;
}

/* If Bootstrap applies any pseudo overlay, kill it too */
.navbar .share-btn::before,
.navbar .share-btn::after{
  content: none !important;
}