/* JavaSense direct sponsor slots */
.pkj-landing .pkj-sponsor-slot,
.pkj-weton-full .pkj-sponsor-slot,
.pkj-jodoh-page .pkj-sponsor-slot,
#kalender-jawa-page .pkj-sponsor-slot{
  box-sizing:border-box;
  position:relative;
  isolation:isolate;
  overflow:hidden;
  width:100%;
  max-width:728px;
  min-height:90px;
  margin:22px auto;
  padding:14px 18px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  border:1px solid rgba(245,194,59,.38);
  border-radius:12px;
  background:
    radial-gradient(circle at 12% 15%, rgba(245,194,59,.14), transparent 28%),
    radial-gradient(circle at 84% 88%, rgba(255,245,196,.08), transparent 30%),
    repeating-linear-gradient(135deg, rgba(245,194,59,.035) 0 1px, transparent 1px 14px),
    linear-gradient(135deg, #111821 0%, #18202b 48%, #0f151d 100%);
  box-shadow:
    0 14px 34px rgba(0,0,0,.32),
    inset 0 1px 0 rgba(255,255,255,.06),
    inset 0 0 0 1px rgba(245,194,59,.08);
  color:#f7ead0;
  text-decoration:none !important;
  letter-spacing:0;
}

.pkj-landing .pkj-sponsor-slot::before,
.pkj-weton-full .pkj-sponsor-slot::before,
.pkj-jodoh-page .pkj-sponsor-slot::before,
#kalender-jawa-page .pkj-sponsor-slot::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:
    linear-gradient(90deg, rgba(245,194,59,.10), transparent 22%, transparent 78%, rgba(245,194,59,.08)),
    linear-gradient(180deg, rgba(255,255,255,.055), transparent 45%);
  pointer-events:none;
}

.pkj-landing .pkj-sponsor-slot::after,
.pkj-weton-full .pkj-sponsor-slot::after,
.pkj-jodoh-page .pkj-sponsor-slot::after,
#kalender-jawa-page .pkj-sponsor-slot::after{
  content:"";
  position:absolute;
  top:-35%;
  bottom:-35%;
  left:-45%;
  width:34%;
  z-index:-1;
  background:linear-gradient(105deg, transparent 0%, rgba(255,223,125,.18) 48%, transparent 100%);
  transform:translateX(-120%) skewX(-18deg);
  animation:pkjSponsorSweep 6.4s ease-in-out infinite;
  pointer-events:none;
}

@keyframes pkjSponsorSweep{
  0%, 18%{ transform:translateX(-130%) skewX(-18deg); opacity:0; }
  38%{ opacity:.72; }
  62%, 100%{ transform:translateX(440%) skewX(-18deg); opacity:0; }
}

.pkj-landing .pkj-sponsor-slot__content,
.pkj-weton-full .pkj-sponsor-slot__content,
.pkj-jodoh-page .pkj-sponsor-slot__content,
#kalender-jawa-page .pkj-sponsor-slot__content{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:4px;
}

.pkj-landing .pkj-sponsor-slot__eyebrow,
.pkj-weton-full .pkj-sponsor-slot__eyebrow,
.pkj-jodoh-page .pkj-sponsor-slot__eyebrow,
#kalender-jawa-page .pkj-sponsor-slot__eyebrow{
  display:block;
  font-size:11px;
  line-height:1.2;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:0;
  color:rgba(245,194,59,.86);
}

.pkj-landing .pkj-sponsor-slot__title,
.pkj-weton-full .pkj-sponsor-slot__title,
.pkj-jodoh-page .pkj-sponsor-slot__title,
#kalender-jawa-page .pkj-sponsor-slot__title{
  display:block;
  font-size:18px;
  line-height:1.24;
  font-weight:850;
  color:#fff7dc;
  text-shadow:0 1px 0 rgba(0,0,0,.45);
}

.pkj-landing .pkj-sponsor-slot__copy,
.pkj-weton-full .pkj-sponsor-slot__copy,
.pkj-jodoh-page .pkj-sponsor-slot__copy,
#kalender-jawa-page .pkj-sponsor-slot__copy{
  display:block;
  margin:0;
  max-width:510px;
  font-size:13.5px;
  line-height:1.45;
  color:rgba(235,240,248,.86);
}

.pkj-landing .pkj-sponsor-slot__meta,
.pkj-weton-full .pkj-sponsor-slot__meta,
.pkj-jodoh-page .pkj-sponsor-slot__meta,
#kalender-jawa-page .pkj-sponsor-slot__meta{
  display:block;
  font-size:12px;
  line-height:1.35;
  font-weight:700;
  color:rgba(245,194,59,.80);
}

.pkj-landing .pkj-sponsor-slot__cta,
.pkj-weton-full .pkj-sponsor-slot__cta,
.pkj-jodoh-page .pkj-sponsor-slot__cta,
#kalender-jawa-page .pkj-sponsor-slot__cta{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  padding:0 14px;
  border:1px solid rgba(245,194,59,.54);
  border-radius:999px;
  background:linear-gradient(180deg, rgba(245,194,59,.22), rgba(245,194,59,.10));
  color:#ffe9a8 !important;
  font-size:13px;
  line-height:1;
  font-weight:850;
  text-decoration:none !important;
  white-space:nowrap;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10);
}

.pkj-landing .pkj-sponsor-slot__media,
.pkj-weton-full .pkj-sponsor-slot__media,
.pkj-jodoh-page .pkj-sponsor-slot__media,
#kalender-jawa-page .pkj-sponsor-slot__media{
  flex:0 0 auto;
  width:132px;
  min-height:62px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(245,194,59,.20);
  border-radius:10px;
  background:rgba(6,10,15,.24);
}

.pkj-landing .pkj-sponsor-slot__media img,
.pkj-weton-full .pkj-sponsor-slot__media img,
.pkj-jodoh-page .pkj-sponsor-slot__media img,
#kalender-jawa-page .pkj-sponsor-slot__media img{
  display:block;
  max-width:116px;
  max-height:54px;
  width:auto;
  height:auto;
  object-fit:contain;
}

.pkj-landing a.pkj-sponsor-slot:hover,
.pkj-weton-full a.pkj-sponsor-slot:hover,
.pkj-jodoh-page a.pkj-sponsor-slot:hover,
#kalender-jawa-page a.pkj-sponsor-slot:hover,
.pkj-landing .pkj-sponsor-slot__cta:hover,
.pkj-weton-full .pkj-sponsor-slot__cta:hover,
.pkj-jodoh-page .pkj-sponsor-slot__cta:hover,
#kalender-jawa-page .pkj-sponsor-slot__cta:hover{
  border-color:rgba(245,194,59,.62);
  filter:brightness(1.04);
}

@media (max-width:640px){
  .pkj-landing .pkj-sponsor-slot,
  .pkj-weton-full .pkj-sponsor-slot,
  .pkj-jodoh-page .pkj-sponsor-slot,
  #kalender-jawa-page .pkj-sponsor-slot{
    max-width:min(336px, 100%);
    min-height:100px;
    margin:18px auto;
    padding:13px 14px;
    flex-direction:column;
    align-items:stretch;
    justify-content:center;
    gap:10px;
  }

  .pkj-landing .pkj-sponsor-slot__title,
  .pkj-weton-full .pkj-sponsor-slot__title,
  .pkj-jodoh-page .pkj-sponsor-slot__title,
  #kalender-jawa-page .pkj-sponsor-slot__title{
    font-size:16px;
  }

  .pkj-landing .pkj-sponsor-slot__copy,
  .pkj-weton-full .pkj-sponsor-slot__copy,
  .pkj-jodoh-page .pkj-sponsor-slot__copy,
  #kalender-jawa-page .pkj-sponsor-slot__copy{
    font-size:12.8px;
  }

  .pkj-landing .pkj-sponsor-slot__cta,
  .pkj-weton-full .pkj-sponsor-slot__cta,
  .pkj-jodoh-page .pkj-sponsor-slot__cta,
  #kalender-jawa-page .pkj-sponsor-slot__cta{
    width:100%;
    min-height:36px;
  }

  .pkj-landing .pkj-sponsor-slot__media,
  .pkj-weton-full .pkj-sponsor-slot__media,
  .pkj-jodoh-page .pkj-sponsor-slot__media,
  #kalender-jawa-page .pkj-sponsor-slot__media{
    width:74px;
    min-height:54px;
  }

  .pkj-landing .pkj-sponsor-slot__media img,
  .pkj-weton-full .pkj-sponsor-slot__media img,
  .pkj-jodoh-page .pkj-sponsor-slot__media img,
  #kalender-jawa-page .pkj-sponsor-slot__media img{
    max-width:62px;
    max-height:44px;
  }
}

@media (prefers-reduced-motion: reduce){
  .pkj-landing .pkj-sponsor-slot::after,
  .pkj-weton-full .pkj-sponsor-slot::after,
  .pkj-jodoh-page .pkj-sponsor-slot::after,
  #kalender-jawa-page .pkj-sponsor-slot::after{
    animation:none;
    opacity:0;
  }
}

/* Sponsor-adjacent weton result blocks */
.pkj-weton-full .pkj-direction-summary,
.pkj-weton-full .pkj-related-tools,
.pkj-jodoh-page .pkj-related-tools,
#kalender-jawa-page .pkj-related-tools{
  box-sizing:border-box;
  width:100%;
  max-width:var(--pkj-col-max, 740px);
  margin:20px auto;
  border:1px solid rgba(245,194,59,.26);
  border-radius:8px;
  background:
    radial-gradient(circle at 10% 0%, rgba(245,194,59,.11), transparent 31%),
    linear-gradient(135deg, rgba(15,21,29,.96), rgba(24,32,43,.94));
  box-shadow:0 12px 28px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.045);
  color:#f7ead0;
  letter-spacing:0;
}

.pkj-weton-full .pkj-direction-summary__title{
  margin:0 0 10px;
  color:#f6d06a;
  font-size:14px;
  line-height:1.35;
  font-weight:850;
}

.pkj-weton-full .pkj-direction-summary{
  padding:16px 18px;
}

.pkj-weton-full .pkj-direction-summary__items{
  display:grid;
  gap:12px;
}

.pkj-weton-full .pkj-direction-summary__item{
  padding-top:12px;
  border-top:1px solid rgba(245,194,59,.16);
}

.pkj-weton-full .pkj-direction-summary__item:first-child{
  padding-top:0;
  border-top:0;
}

.pkj-weton-full .pkj-direction-summary__item b{
  display:block;
  color:#f6d06a;
  font-size:13px;
  line-height:1.35;
  font-weight:850;
}

.pkj-weton-full .pkj-direction-summary__item p{
  margin:5px 0 0;
  color:rgba(235,240,248,.9);
  font-size:14px;
  line-height:1.7;
}

.pkj-weton-full .pkj-related-tools,
.pkj-jodoh-page .pkj-related-tools,
#kalender-jawa-page .pkj-related-tools{
  padding:15px 16px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
}

.pkj-weton-full .pkj-related-tools p,
.pkj-jodoh-page .pkj-related-tools p,
#kalender-jawa-page .pkj-related-tools p{
  margin:0;
  color:rgba(235,240,248,.9);
  font-size:14px;
  line-height:1.55;
}

.pkj-weton-full .pkj-related-tools__actions,
.pkj-jodoh-page .pkj-related-tools__actions,
#kalender-jawa-page .pkj-related-tools__actions{
  flex:0 0 auto;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  justify-content:flex-end;
}

.pkj-weton-full .pkj-related-tools__link,
.pkj-jodoh-page .pkj-related-tools__link,
#kalender-jawa-page .pkj-related-tools__link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:36px;
  padding:0 12px;
  border:1px solid rgba(245,194,59,.48);
  border-radius:999px;
  background:rgba(245,194,59,.10);
  color:#ffe9a8 !important;
  font-size:13px;
  line-height:1;
  font-weight:850;
  text-decoration:none !important;
  white-space:nowrap;
}

.pkj-weton-full .pkj-related-tools__link:hover,
.pkj-jodoh-page .pkj-related-tools__link:hover,
#kalender-jawa-page .pkj-related-tools__link:hover{
  border-color:rgba(245,194,59,.66);
  background:rgba(245,194,59,.16);
}

@media (max-width:640px){
  .pkj-weton-full .pkj-direction-summary,
  .pkj-weton-full .pkj-related-tools,
  .pkj-jodoh-page .pkj-related-tools,
  #kalender-jawa-page .pkj-related-tools{
    max-width:min(336px, 100%);
    margin:18px auto;
  }

  .pkj-weton-full .pkj-related-tools,
  .pkj-jodoh-page .pkj-related-tools,
  #kalender-jawa-page .pkj-related-tools{
    align-items:stretch;
    flex-direction:column;
  }

  .pkj-weton-full .pkj-related-tools__actions,
  .pkj-jodoh-page .pkj-related-tools__actions,
  #kalender-jawa-page .pkj-related-tools__actions{
    justify-content:stretch;
  }

  .pkj-weton-full .pkj-related-tools__link,
  .pkj-jodoh-page .pkj-related-tools__link,
  #kalender-jawa-page .pkj-related-tools__link{
    flex:1 1 100%;
    white-space:normal;
    text-align:center;
    line-height:1.2;
    min-height:38px;
  }
}

/* Reader support box: donation/support, not sponsor placement */
.pkj-support-box{
  box-sizing:border-box;
  width:100%;
  max-width:620px;
  min-height:72px;
  margin:18px auto;
  padding:13px 15px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  border:1px solid rgba(245,194,59,.24);
  border-radius:10px;
  background:
    radial-gradient(circle at 8% 0%, rgba(245,194,59,.08), transparent 30%),
    linear-gradient(135deg, rgba(12,18,25,.96), rgba(20,27,36,.94));
  box-shadow:0 10px 22px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.04);
  color:#f7ead0;
  letter-spacing:0;
}

.pkj-support-box__body{
  min-width:0;
}

.pkj-support-box__title{
  margin:0 0 4px;
  color:#f6d06a;
  font-size:14px;
  line-height:1.35;
  font-weight:850;
}

.pkj-support-box__text{
  margin:0;
  color:rgba(235,240,248,.88);
  font-size:13px;
  line-height:1.55;
}

.pkj-support-box__cta{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:0 12px;
  border:1px solid rgba(245,194,59,.42);
  border-radius:999px;
  background:rgba(245,194,59,.09);
  color:#ffe9a8 !important;
  font-size:12.5px;
  line-height:1;
  font-weight:850;
  text-decoration:none !important;
  white-space:nowrap;
}

.pkj-support-box__cta:hover{
  border-color:rgba(245,194,59,.62);
  background:rgba(245,194,59,.14);
}

@media (max-width:640px){
  .pkj-support-box{
    max-width:min(336px, 100%);
    min-height:0;
    margin:16px auto;
    padding:12px 13px;
    align-items:stretch;
    flex-direction:column;
    gap:10px;
  }

  .pkj-support-box__title{
    font-size:13.5px;
  }

  .pkj-support-box__text{
    font-size:12.7px;
  }

  .pkj-support-box__cta{
    width:100%;
    min-height:34px;
    white-space:normal;
    text-align:center;
    line-height:1.2;
  }
}