/*
Theme Name: Madara-Child
Description:  A child theme for Madara - WordPress Theme for Manga, Novel sites
Author:       Madara
Author URI:   https://mangabooth.com/
Template: madara
Tags: one-column, two-columns, right-sidebar, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, translation-ready
Version: 1.0.3
*/

.has-pale-vip-background-color {
  background-image: url(https://i.hizliresim.com/nz9tsfa.png);
  background-repeat: no-repeat;
  background-color: #f7a70b !important;
  border-radius: 10px;
  background-position-x: right;
  opacity: .75;
  transform: none !important; /* Bu satırı ekledim */
  filter: none !important; /* Bu satırı ekledim */
  position: relative; /* Pozisyonlama için gerekli olabilir */
  overflow: hidden; /* Kenarların taşmasını önlemek için */
}

.has-pale-vip-background-color:hover {
  opacity: 1;
  /*filter: brightness(1.15) contrast(1.05); /* Eğer parlaklık ve kontrast efekti isterseniz bu satırın yorumunu kaldırabilirsiniz */
}

.has-pale-vip-background-color::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    120deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.35) 50%,
    rgba(255, 255, 255, 0) 100%
  );
  transform: translateX(-120%);
  opacity: 0;
  transition: transform 0.6s ease, opacity 0.6s ease;
  pointer-events: none;
  position: absolute; /* ::after elementini parent'ına göre pozisyonlamak için */
  top: 0;
  left: 0;
}

.has-pale-vip-background-color:hover::after {
  transform: translateX(120%); /* Üzerine gelince bu animasyonu tetikliyoruz */
  opacity: 1; /* Üzerine gelince görünür olmasını sağlıyoruz */
}

.has-pale-vip-background-color::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(100deg, #1a1a1a 20%, #2a2a2a 40%, #1a1a1a 60%);
  background-size: 200% 100%;
  animation: placeholderShine 1.2s linear infinite;
  border-radius: inherit;
  pointer-events: none !important; /* Bu satırı ekledim */
  background: none !important; /* Bu satırı ekledim */
  transform: none !important; /* Bu satırı ekledim */
}

@keyframes placeholderShine {
  0% {
    background-position: -200% 0;
  }
  100% {
    background-position: 200% 0;
  }
}

.has-pale-vip-background-color a span {
  color:#6d5628!important;
}