/**
 * Motywy ESTE dla widgetów ZnanyLekarz / Docplanner.
 * Shortcode: [dp_reviews_rating theme="dark"] lub theme="light"
 */
.este-zl-theme {
  --zl-bg: #ffffff;
  --zl-text: #1c1916;
  --zl-muted: #5c534a;
  --zl-line: #e8e2d8;
  --zl-accent: #c4a574;
  --zl-card: #f7f3ee;
  border-radius: 4px;
}

.este-zl-theme--light {
  background: var(--zl-bg);
  color: var(--zl-text);
  padding: 0.75rem;
}

.este-zl-theme--dark {
  --zl-bg: #161310;
  --zl-text: #f3eee6;
  --zl-muted: #a89f92;
  --zl-line: rgba(196, 165, 116, 0.28);
  --zl-accent: #c4a574;
  --zl-card: #1e1a16;
  background: var(--zl-bg);
  color: var(--zl-text);
  padding: 1rem;
  border: 1px solid var(--zl-line);
}

.este-zl-theme--dark .dp,
.este-zl-theme--dark .dp * {
  color: inherit;
}

.este-zl-theme--dark .dp-border-gray-50,
.este-zl-theme--dark [class*="dp-border"] {
  border-color: var(--zl-line) !important;
}

.este-zl-theme--dark .dp-bg-white,
.este-zl-theme--dark [class*="dp-bg-white"],
.este-zl-theme--dark .swiper-slide,
.este-zl-theme--dark .dp-card,
.este-zl-theme--dark .dp-review {
  background: var(--zl-card) !important;
  color: var(--zl-text) !important;
}

.este-zl-theme--dark .dp-review-text {
  background: transparent !important;
}

.este-zl-theme--dark a {
  color: var(--zl-accent) !important;
}

.este-zl-theme--dark .dp-text-gray-500,
.este-zl-theme--dark .dp-text-gray-400,
.este-zl-theme--dark .dp-text-gray-600,
.este-zl-theme--dark [class*="text-gray"] {
  color: var(--zl-muted) !important;
}

.este-zl-theme--dark svg,
.este-zl-theme--dark .dp-star {
  color: var(--zl-accent) !important;
  fill: var(--zl-accent);
}

/* 5★: mask must tile (shorthand `mask` stretches one star). Gold on dark. */
.dp .dp-rating-stars {
  background-repeat: repeat-x;
  background-size: 15.8px 14px;
}
.dp .dp-rating-stars.dp-stars-filled {
  background-image: none;
  background-color: var(--dp-color-primary, #c4a574);
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: repeat-x;
  mask-repeat: repeat-x;
  -webkit-mask-size: 15.8px 14px;
  mask-size: 15.8px 14px;
  -webkit-mask-position: 0 0;
  mask-position: 0 0;
}
.este-zl-theme--dark .dp .dp-rating-stars.dp-stars-filled,
body.este-dark-skin .dp .dp-rating-stars.dp-stars-filled,
body.este-strony-dark .dp .dp-rating-stars.dp-stars-filled {
  background-color: var(--zl-accent, #c4a574) !important;
}

.este-zl-theme--dark .swiper-pagination-bullet {
  background: rgba(255, 255, 255, 0.35) !important;
  opacity: 1;
}

.este-zl-theme--dark .swiper-pagination-bullet-active {
  background: var(--zl-accent) !important;
}

.este-zl-theme--dark .swiper-button-next,
.este-zl-theme--dark .swiper-button-prev {
  color: var(--zl-accent) !important;
}

.este-zl-theme--light .dp {
  color: var(--zl-text);
}

/* Dark-skin landing tokens */
body.este-dark-skin .este-zl-theme {
  --zl-bg: var(--ll-bg);
  --zl-card: var(--ll-panel);
  --zl-text: var(--ll-ink);
  --zl-muted: var(--ll-muted);
  --zl-line: var(--ll-line);
  --zl-accent: var(--ll-sand);
}

body.este-dark-skin .este-zl-theme--dark {
  background: var(--zl-bg);
  color: var(--zl-text);
  border-color: var(--zl-line);
}

body.este-dark-skin .este-zl-theme--dark .dp-rating.dp-bg-white,
body.este-dark-skin .este-zl-theme--dark .dp-bg-white.dp-rating {
  background: var(--ll-panel) !important;
  color: var(--ll-sand) !important;
  border-color: var(--ll-line) !important;
}

body.este-dark-skin .este-zl-theme--dark .dp-rating,
body.este-dark-skin .este-zl-theme--dark .dp-rating span,
body.este-dark-skin .este-zl-theme--dark .dp-rating strong {
  color: var(--ll-sand) !important;
}

body.este-dark-skin .este-zl-theme--dark .dp-rating svg,
body.este-dark-skin .este-zl-theme--dark .dp-rating .dp-star,
body.este-dark-skin .este-zl-theme--dark .swiper-button-next,
body.este-dark-skin .este-zl-theme--dark .swiper-button-prev {
  color: var(--ll-sand) !important;
  fill: var(--ll-sand);
}

html body.este-dark-skin .m-dp-carousel .dp-navigation,
html body .este-zl-theme--dark .m-dp-carousel .dp-navigation {
  pointer-events: none;
  z-index: 6;
}
html body.este-dark-skin .m-dp-carousel .dp-nav-btn,
html body .este-zl-theme--dark .m-dp-carousel .dp-nav-btn {
  pointer-events: auto !important;
  opacity: 0.95 !important;
  -webkit-mask: none !important;
  mask: none !important;
  transform: none !important;
  background-color: rgba(22, 19, 16, 0.92) !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 12px 20px !important;
  border: 1px solid rgba(196, 165, 116, 0.75) !important;
  border-radius: 2px !important;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.35);
}
html body.este-dark-skin .m-dp-carousel .dp-nav-btn-prev,
html body .este-zl-theme--dark .m-dp-carousel .dp-nav-btn-prev {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 20' fill='none'%3E%3Cpath d='M10 2L2 10l8 8' stroke='%23c4a574' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}
html body.este-dark-skin .m-dp-carousel .dp-nav-btn-next,
html body .este-zl-theme--dark .m-dp-carousel .dp-nav-btn-next {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 20' fill='none'%3E%3Cpath d='M2 2l8 8-8 8' stroke='%23c4a574' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}
body.este-dark-skin .m-dp-carousel .dp-nav-btn:hover,
.este-zl-theme--dark .m-dp-carousel .dp-nav-btn:hover {
  opacity: 1 !important;
  border-color: #c4a574 !important;
}

body.este-dark-skin .este-zl-theme--dark a,
body.este-dark-skin .este-zl-theme--dark .dp-read-more,
body.este-dark-skin .este-zl-theme--dark [class*="read-more"],
body.este-dark-skin .este-zl-theme--dark .czytaj-wiecej {
  color: var(--ll-sand) !important;
}

body.este-dark-skin .este-zl-theme--dark .dp,
body.este-dark-skin .este-zl-theme--dark .dp p,
body.este-dark-skin .este-zl-theme--dark [class*="author"],
body.este-dark-skin .este-zl-theme--dark [class*="name"] {
  color: var(--ll-ink) !important;
}

body.este-dark-skin .este-zl-theme--dark [class*="text-gray"] {
  color: var(--ll-ink) !important;
  opacity: 1 !important;
}

body.este-dark-skin .este-zl-theme--dark .dp-text-gray-400,
body.este-dark-skin .este-zl-theme--dark .dp-text-gray-500 {
  color: var(--ll-muted) !important;
}

body.este-dark-skin .este-ll-reviews-more a {
  color: var(--ll-sand) !important;
}

@media (max-width: 767px) {
  body.este-dark-skin .este-zl-theme .swiper,
  body.este-dark-skin .este-zl-theme .swiper-container {
    overflow: hidden;
  }
  body.este-dark-skin .este-zl-theme .swiper-slide {
    width: 100% !important;
    max-width: 100% !important;
  }
}