/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

.ku-fs-overlay {
	margin-top: 30px;
}

/* Nasha Ari 2 */

.nasha-ari-2 .comment-reply-title {
	font-family: "Parisienne", Sans-serif;
	font-weight: 500;
	font-size: 48px;
	color: #68754c;
}

.nasha-ari-2 #comments {
	background: transparent;
}

.nasha-ari-2 .c-badge {
	color: #4d4d4d;
}

.nasha-ari-2 .comment-metadata time {
	color: #7c8b5b;
}

.nasha-ari-2 :is(
	.c-author-wrap
) {
	color: #68754c;
}

.nasha-ari-2 :is(
	.comments-area ol.comment-list > li[id^="comment-"], 
	#comments ol.comment-list > li[id^="comment-"]
) {
	padding: 10px;
	border-radius: 3px;
}

.nasha-ari-2 :is(
	.comments-area ol.comment-list, 
	#comments ol.comment-list
) {	
	margin-top: 1em;
}

.nasha-ari-2 :is(
	.comment-form-kehadiran select,
	.comment-respond input[type="submit"]
) {
	color: #68754c!important;
}

.nasha-ari-2 :is(
    .comments-area,
    .comment-respond textarea,
    .comment-respond input[type="submit"],
    .comment-form-author input[type="text"],
	.comment-form-kehadiran select
) {
	font-family: "Playfair", Sans-serif!important;
}

.nasha-ari-2 :is(
	.comment-respond input[type="text"], 
	.nasha-ari .comment-respond textarea, 
	.nasha-ari .comment-form-kehadiran select, 
	.comment-respond input[type="submit"],
	.comments-area ol.comment-list > li[id^="comment-"], 
	#comments ol.comment-list > li[id^="comment-"]
) {
	border: 1px solid #68754c!important;
}

/* End */

/* Nasha Ari */

.nasha-ari .comment-reply-title {
	font-family: "Parisienne", Sans-serif;
	font-weight: 500;
	font-size: 48px;
	color: #68754c;
}

.nasha-ari #comments {
	background: transparent;
}

.nasha-ari .c-badge {
	color: #4d4d4d;
}

.nasha-ari .comment-metadata time {
	color: #7c8b5b;
}

.nasha-ari :is(
	.c-author-wrap
) {
	color: #68754c;
}

.nasha-ari :is(
	.comments-area ol.comment-list > li[id^="comment-"], 
	#comments ol.comment-list > li[id^="comment-"]
) {
	padding: 10px;
	border-radius: 3px;
}

.nasha-ari :is(
	.comments-area ol.comment-list, 
	#comments ol.comment-list
) {	
	margin-top: 1em;
}

.nasha-ari :is(
	.comment-form-kehadiran select,
	.comment-respond input[type="submit"]
) {
	color: #68754c!important;
}

.nasha-ari :is(
    .comments-area,
    .comment-respond textarea,
    .comment-respond input[type="submit"],
    .comment-form-author input[type="text"],
	.comment-form-kehadiran select
) {
	font-family: "Playfair", Sans-serif!important;
}


.nasha-ari :is(
	.comment-respond input[type="text"], 
	.nasha-ari .comment-respond textarea, 
	.nasha-ari .comment-form-kehadiran select, 
	.comment-respond input[type="submit"],
	.comments-area ol.comment-list > li[id^="comment-"], 
	#comments ol.comment-list > li[id^="comment-"]
) {
	border: 1px solid #68754c!important;
}

.tooltip-norek {
  position: fixed;
  top: 20px;
  left: 50%;
  transform: translateX(-50%);
  background: #333;
  color: #fff;
  padding: 6px 12px;
  border-radius: 6px;
  font-size: 14px;
  opacity: 0;
  pointer-events: none;
  transition: opacity .3s ease;
  z-index: 99999;
}
.tooltip-norek.show {
  opacity: 1;
}

.nama-tamu {
	line-height: 17px;
    font-family: "Alice", sans-serif;
    font-weight: 600;
    color: #FFFFFF;
	font-size: 18px;
}

.comment-form-comment {margin-bottom:3px!important;}

.comment-form-kehadiran {
	margin-bottom: 1em;
}

.comment-form-author {
	margin-bottom:.5em!important;
}

/* Khusus halaman dengan ID 131 */
@media (max-width: 767px) {
    .postid-655 .e-con {
        --container-default-padding-top: 20px !important;
        --container-default-padding-right: 20px !important;
        --container-default-padding-bottom: 20px !important;
        --container-default-padding-left: 20px !important;
    }
}

/* === Kehadiran: dropdown (konsisten dengan field lain) === */
.comment-form-kehadiran select{
  width: 100%;
  border: 1px solid #FFFFFF80;
  border-radius: 3px;
  padding: 12px;
  background: #FFFFFF40;
  color: #fff;
  outline: none;
  font-family: Alice!important;
}
.comment-form-kehadiran select option{
  color: #000; /* isi opsi hitam agar terbaca di native dropdown */
}

/* === Badge di kanan nama penulis === */
.fls-cmt-slide .comment-author,
.comment-author { 
  display: flex; 
  align-items: center; 
  justify-content: space-between; 
  gap: .5rem;
}

/* Jika theme membungkus author link berbeda, aman karena kita bungkus lagi */
.c-author-wrap{
  display:flex; align-items:center; justify-content:space-between; gap:.5rem; width:100%;
}

/* gaya badge */
.c-badge{
  padding: 2px 8px;
  border: 1px solid #FFFFFF80;
  border-radius: 3px;
  font-size: 12px;
  background: #FFFFFF4D;
  color: #fff;
  white-space: nowrap;
}
.c-badge.is-hadir{
  background: rgba(40,167,69,.25);
  border-color: rgba(40,167,69,.5);
}
.c-badge.is-tidak{
  background: rgba(220,53,69,.25);
  border-color: rgba(220,53,69,.5);
}

.fls-cmt-slide li[id^="comment-"] {
	padding: 10px !important;
    border: 1px solid #FFFFFF80!important;
	border-radius: 3px;
}

/* Target semua input & textarea di area komentar */
.comment-form input::placeholder,
.comment-form textarea::placeholder {
  color: #000;           /* ganti sesuai selera */
  opacity: 0.5;            /* pastikan tidak transparan */
}

.comment-form>.form-submit {text-align:right}

/* Mengubah warna teks di dalam .comment-list */
.comment-list {
    color: #fff; /* Ganti dengan warna yang kamu inginkan */
}

/* Mengubah warna nama penulis komentar */
.comment-author {
    color: #fff; /* Ganti dengan warna yang kamu inginkan */
}

/* Mengubah warna tanggal komentar */
.comment-metadata time {
    color: #FFFFFFBF; /* Ganti dengan warna yang kamu inginkan */
}

/* Mengubah warna teks isi komentar */
.comment-content {
    color: #fff; /* Ganti dengan warna yang kamu inginkan */
}

.comment-respond textarea, .comment-form #author, .fls-cmt-slide li[id^="comment-"] {background:#FFFFFF40;}

.comments-area, .comment-respond textarea, .comment-respond input[type="submit"], .comment-form-author input[type="text"] {
	font-family: Alice!important;
}

.comment-reply-title {
	font-family:"Better Saturday";
	color: #C4B8C4;
	font-weight: 500;
	text-align: center;
}

/* Hanya berlaku di halaman post ID 655 */
body.postid-655 .elementor {
  max-width: 767px; /* pakai ukuran mobile */
  margin: 0 auto;   /* posisikan ke tengah */
}
.reply {text-align:right}
.comment-body {padding:0!important}
ol.comment-list {margin: 1em 0 1.5em;}
span.says {display:none!important;}
.comment-content {margin-top:0!important;padding:0!important;border:none!important;}

@media (max-width: 768px){ 
	.separate-containers .comments-area {padding: 30px 20px 20px;font-size:15px!important;background:none!important;}
	
}

.comments-title,
h2.comments-title,
h3.comments-title {
  display: none !important;
}

/* Field input & textarea */
.comment-respond input[type="text"],
.comment-respond textarea {
  width: 100%; border: 1px solid #FFFFFF80; border-radius: 3px;
  padding: 12px; outline: none;
}
.comment-respond textarea { min-height: 140px; }

/* Fieldset Kehadiran */
.comment-form-kehadiran legend { font-weight: 600; margin-bottom: 6px; }
.comment-form-kehadiran label { margin-right: 16px; }

/* Tombol kirim */
.comment-respond input[type="submit"]{
  border-radius: 3px; padding: 5px 8px; font-weight: 500; cursor: pointer; background: #FFFFFF4C; font-size: 15px; border: 1px solid #FFFFFF80;
	margin-bottom:0;
}

/* Badge di daftar komentar */
.ku-badge-kehadiran{
  display: inline-block; font-size: 12px; font-weight: 600;
  background: #F3F6FF; color: #2F3A8F; padding: 4px 10px; border-radius: 999px; margin-bottom: 6px;
}

/* ====== Cover behavior (opsional: cukup pause container saja) ====== */
body.locked { overflow: hidden; }

:root { --cover-dur: .6s; }

#cover {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100vh;
  z-index: 9999;
  transform: translateY(0);
  transition: transform var(--cover-dur) ease;
}

#cover.slideup { transform: translateY(-100%); }

/* ==================== Webfonts ==================== */
@font-face {
  font-family: 'Alice';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Alice Regular'), local('Alice-Regular'),
       url('https://e-wedding.id/wp-content/uploads/2025/06/Alice-Regular.woff2') format('woff2');
}

@font-face {
  font-family: 'Brown Sugar';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Brown Sugar'), 
       url('https://e-wedding.id/wp-content/uploads/2025/06/Brown-Sugar.woff2') format('woff2');
}

@font-face {
  font-family: 'Better Saturday';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Better Saturday'), 
       url('https://e-wedding.id/wp-content/uploads/2025/06/Better-Saturday-free.woff2') format('woff2');
}