/* WooCommerce: disesuaikan dengan warna Rains Karya Multindo */
.woocommerce, .woocommerce-page { --wc-primary: #1d2857; --wc-primary-text: #fff; }
.rkm-woo { font-family: Inter, system-ui, sans-serif; color: #111834; }
.rkm-prose.woocommerce ul, .rkm-woo .rkm-prose ul, .woocommerce-MyAccount-navigation ul { list-style: none; padding-left: 0; }
.rkm-prose .woocommerce > * + *, .rkm-prose.woocommerce > * + * { margin-top: 0; }

/* Tombol */
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit,
.woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt,
.wc-block-components-button:not(.is-link), .wp-element-button {
	background: #1d2857 !important; color: #fff !important; border-radius: 9999px !important;
	padding: .8em 1.6em !important; font-weight: 600 !important; border: 0 !important; transition: background .3s;
}
.woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover,
.wc-block-components-button:not(.is-link):hover, .wp-element-button:hover { background: #111834 !important; }

/* Grid produk */
.woocommerce ul.products li.product {
	background: #fff; border: 1px solid #eeeef2; border-radius: 1rem; padding: 1rem 1rem 1.25rem;
	box-shadow: 0 10px 40px -15px rgba(29,40,87,.18); transition: transform .3s, box-shadow .3s; text-align: center;
}
.woocommerce ul.products li.product:hover { transform: translateY(-6px); box-shadow: 0 20px 50px -20px rgba(29,40,87,.25); }
.woocommerce ul.products li.product a img { border-radius: .75rem; margin-bottom: 1rem; aspect-ratio: 3/4; object-fit: cover; }
.woocommerce ul.products li.product .woocommerce-loop-product__title {
	font-family: 'Playfair Display', Georgia, serif; font-size: 1.15rem !important; font-weight: 600; color: #111834;
}
.woocommerce ul.products li.product .price, .woocommerce div.product p.price, .woocommerce div.product span.price {
	color: #ab7d11 !important; font-weight: 700; font-size: 1.1rem;
}
.woocommerce span.onsale { background: #f4b318; color: #111834; font-weight: 700; }

/* Halaman produk */
.woocommerce div.product .product_title { font-family: 'Playfair Display', Georgia, serif; font-size: 2.25rem; color: #111834; line-height: 1.2; }
.woocommerce div.product div.images img { border-radius: 1.25rem; box-shadow: 0 20px 50px -20px rgba(29,40,87,.25); }
.woocommerce div.product .woocommerce-tabs ul.tabs li.active { border-bottom-color: #fff; }
.woocommerce .quantity .qty { border-radius: .5rem; border: 1px solid #c7c9d5; padding: .5em; }

/* Form, login & daftar */
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .woocommerce form .form-row select {
	border: 1px solid #c7c9d5; border-radius: .75rem; padding: .75em 1em; background: #fff;
}
.woocommerce form .form-row input.input-text:focus { outline: 2px solid #f4b318; border-color: #f4b318; }
.woocommerce form.login, .woocommerce form.register, .woocommerce form.checkout_coupon {
	border: 1px solid #eeeef2 !important; border-radius: 1rem !important; padding: 1.75rem !important; background: #f9f9fb;
}
.woocommerce-account h2, .woocommerce-checkout h3 { font-family: 'Playfair Display', Georgia, serif; color: #111834; font-size: 1.6rem; margin-bottom: 1rem; }

/* Akun Saya */
.woocommerce-MyAccount-navigation ul li a {
	display: block; padding: .7em 1em; border-radius: .75rem; color: #172046; font-weight: 500; text-decoration: none;
}
.woocommerce-MyAccount-navigation ul li a:hover { background: #f4f4f7; }
.woocommerce-MyAccount-navigation ul li.is-active a { background: #1d2857; color: #fff; }
.woocommerce-MyAccount-content a { color: #1d2857; }
.woocommerce table.shop_table { border-radius: 1rem; border-color: #eeeef2; }

/* Pesan */
.woocommerce-message, .woocommerce-info { border-top-color: #f4b318 !important; background: #fef7e8; border-radius: .75rem; }
.woocommerce-message::before, .woocommerce-info::before { color: #cf9814 !important; }
.woocommerce-error { border-radius: .75rem; }
.woocommerce nav.woocommerce-pagination ul li span.current { background: #1d2857; color: #fff; }

/* E-Book Saya */
.rkm-ebook-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 1.25rem; }
.rkm-ebook-card { border: 1px solid #eeeef2; border-radius: 1rem; padding: 1rem; background: #fff; box-shadow: 0 10px 40px -15px rgba(29,40,87,.18); display: flex; flex-direction: column; }
.rkm-ebook-cover img { width: 100%; aspect-ratio: 3/4; object-fit: cover; border-radius: .75rem; }
.rkm-ebook-card h3 { font-family: 'Playfair Display', Georgia, serif; font-size: 1.1rem; font-weight: 600; color: #111834; margin: .9rem 0 .25rem; line-height: 1.3; }
.rkm-ebook-file { font-size: .85rem; color: #5d6279; margin: 0; }
.rkm-ebook-actions { margin-top: auto; padding-top: .9rem; display: flex; align-items: center; gap: .9rem; flex-wrap: wrap; }
.rkm-ebook-dl { font-size: .9rem; font-weight: 600; color: #1d2857; text-decoration: underline; text-decoration-color: #f4b318; text-underline-offset: 3px; }
.rkm-ebook-empty { text-align: center; padding: 3rem 1rem; border: 1px dashed #c7c9d5; border-radius: 1rem; background: #f9f9fb; }

/* Pembaca */
.rkm-reader { background: #e4e5eb; border-radius: 1rem; overflow: hidden; user-select: none; -webkit-user-select: none; }
.rkm-reader:fullscreen { border-radius: 0; overflow: auto; }
.rkm-reader-bar { position: sticky; top: 0; z-index: 5; display: flex; align-items: center; gap: 1rem; flex-wrap: wrap; justify-content: space-between; background: #111834; color: #fff; padding: .75rem 1rem; }
.rkm-reader-back { color: #f5bb30 !important; font-weight: 600; text-decoration: none; font-size: .9rem; }
.rkm-reader-title { font-family: 'Playfair Display', Georgia, serif; font-size: 1.05rem; flex: 1; min-width: 10rem; }
.rkm-reader-tools { display: inline-flex; align-items: center; gap: .5rem; font-size: .9rem; }
.rkm-reader-tools button { width: 2rem; height: 2rem; border-radius: 9999px; background: rgba(255,255,255,.12); color: #fff; font-size: 1.05rem; line-height: 1; }
.rkm-reader-tools button:hover { background: rgba(255,255,255,.22); }
.rkm-reader-page { margin-left: .5rem; opacity: .85; }
.rkm-reader-pages { padding: 1rem .5rem 2rem; max-height: 82vh; overflow: auto; display: flex; flex-direction: column; align-items: center; gap: 1rem; }
.rkm-reader:fullscreen .rkm-reader-pages { max-height: none; }
.rkm-reader-sheet { flex-shrink: 0; background: #fff; box-shadow: 0 10px 30px -12px rgba(17,24,52,.35); max-width: 100%; overflow: hidden; }
.rkm-reader-sheet canvas { display: block; max-width: 100%; height: auto !important; }
.rkm-reader-loading { padding: 3rem 1rem; color: #464f75; }
@media print { .rkm-reader { display: none !important; } }

/* Kelas Gratis */
.rkm-bonus-badge { display: inline-flex; align-items: center; gap: .35rem; margin: .35rem 0 .5rem; padding: .3rem .7rem; border-radius: 9999px; background: #fef7e8; color: #ab7d11; font-size: .78rem; font-weight: 700; }
.rkm-bonus-box { display: flex; gap: .9rem; align-items: flex-start; margin: 1rem 0 1.25rem; padding: 1rem 1.1rem; border-radius: 1rem; background: #fef7e8; border: 1px solid #fbe3a8; color: #ab7d11; }
.rkm-bonus-box strong { display: block; color: #111834; font-size: 1rem; }
.rkm-bonus-box span { display: block; color: #5d6279; font-size: .9rem; margin-top: .15rem; }
.rkm-class-cover { position: relative; }
.rkm-class-badge { position: absolute; left: .6rem; top: .6rem; display: inline-flex; align-items: center; gap: .3rem; background: #f4b318; color: #111834; font-size: .75rem; font-weight: 700; padding: .3rem .6rem; border-radius: 9999px; }
.rkm-class-link { display: inline-flex; align-items: center; gap: .3rem; }
.rkm-class-title { display: flex; align-items: center; gap: .6rem; margin: .5rem 0 1rem; }
.rkm-class-title svg { color: #cf9814; flex-shrink: 0; }
.rkm-class-note { margin-bottom: 1.5rem; }
.rkm-class-video { margin-bottom: 2rem; }
.rkm-class-video h3 { display: flex; align-items: center; gap: .6rem; font-family: 'Playfair Display', Georgia, serif; font-size: 1.15rem; font-weight: 600; color: #111834; margin-bottom: .75rem; }
.rkm-class-video h3 span { display: inline-flex; align-items: center; justify-content: center; width: 1.8rem; height: 1.8rem; border-radius: 9999px; background: #1d2857; color: #fff; font-family: Inter, sans-serif; font-size: .85rem; }
.rkm-class-frame { position: relative; aspect-ratio: 16/9; border-radius: 1rem; overflow: hidden; background: #111834; box-shadow: 0 20px 50px -20px rgba(29,40,87,.35); }
.rkm-class-frame iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }

/* Ikon menu Akun Saya */
.woocommerce-MyAccount-navigation ul li a { display: flex; align-items: center; gap: .6rem; }
.woocommerce-MyAccount-navigation ul li a::before { content: ""; width: 18px; height: 18px; flex-shrink: 0; background: currentColor; -webkit-mask: var(--rkm-ico) center / contain no-repeat; mask: var(--rkm-ico) center / contain no-repeat; }
.woocommerce-MyAccount-navigation-link--ebook-saya { --rkm-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 19.5v-15A2.5 2.5 0 0 1 6.5 2H20v20H6.5a2.5 2.5 0 0 1 0-5H20'/%3E%3C/svg%3E"); }
.woocommerce-MyAccount-navigation-link--kelas-saya { --rkm-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21.42 10.922a1 1 0 0 0-.019-1.838L12.83 5.18a2 2 0 0 0-1.66 0L2.6 9.08a1 1 0 0 0 0 1.832l8.57 3.908a2 2 0 0 0 1.66 0z'/%3E%3Cpath d='M22 10v6'/%3E%3Cpath d='M6 12.5V16a6 3 0 0 0 12 0v-3.5'/%3E%3C/svg%3E"); }
.woocommerce-MyAccount-navigation-link--dashboard { --rkm-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='7' height='9' rx='1'/%3E%3Crect x='14' y='3' width='7' height='5' rx='1'/%3E%3Crect x='14' y='12' width='7' height='9' rx='1'/%3E%3Crect x='3' y='16' width='7' height='5' rx='1'/%3E%3C/svg%3E"); }
.woocommerce-MyAccount-navigation-link--orders { --rkm-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4z'/%3E%3Cpath d='M3 6h18'/%3E%3Cpath d='M16 10a4 4 0 0 1-8 0'/%3E%3C/svg%3E"); }
.woocommerce-MyAccount-navigation-link--edit-account { --rkm-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='5'/%3E%3Cpath d='M20 21a8 8 0 0 0-16 0'/%3E%3C/svg%3E"); }
.woocommerce-MyAccount-navigation-link--customer-logout { --rkm-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4'/%3E%3Cpolyline points='16 17 21 12 16 7'/%3E%3Cline x1='21' x2='9' y1='12' y2='12'/%3E%3C/svg%3E"); }

/* Ulasan & bintang */
.woocommerce .star-rating span::before, .woocommerce p.stars a, .woocommerce p.stars a::before { color: #f4b318 !important; }
.woocommerce .star-rating::before { color: #c7c9d5; }
.woocommerce p.stars a { font-size: 1.6rem; width: 1.6rem; height: 1.6rem; }
.woocommerce p.stars a::before { width: 1.6rem; height: 1.6rem; line-height: 1.6rem; }
.woocommerce #reviews #comments ol.commentlist { padding: 0; }
.woocommerce #reviews #comments ol.commentlist li .comment-text { border: 1px solid #eeeef2; border-radius: 1rem; padding: 1rem 1.25rem; background: #fff; box-shadow: 0 10px 30px -18px rgba(29,40,87,.25); }
.woocommerce #reviews #comments ol.commentlist li img.avatar { border-radius: 9999px; border: 0; background: #f4f4f7; }
.woocommerce #reviews #comments ol.commentlist ul.children { margin: .75rem 0 0 3.25rem; }
.woocommerce #reviews #comments ol.commentlist li.rkm-reply-author .comment-text { background: #fef7e8; border-color: #fbe3a8; }
.rkm-author-badge { display: inline-block; margin-bottom: .35rem; padding: .15rem .55rem; border-radius: 9999px; background: #1d2857; color: #fff; font-size: .7rem; font-weight: 700; letter-spacing: .03em; }
.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta { font-size: .9rem; color: #5d6279; }
.woocommerce-review__verified { color: #2f855a; font-style: normal !important; font-weight: 600; }
.woocommerce #review_form #respond { border: 1px solid #eeeef2; border-radius: 1rem; padding: 1.5rem; background: #f9f9fb; }
.woocommerce #review_form #respond textarea { border: 1px solid #c7c9d5; border-radius: .75rem; padding: .75rem 1rem; }
.woocommerce div.product .woocommerce-product-rating { margin-bottom: 1rem; }
.rkm-no-rating { color: #c7c9d5; letter-spacing: .1em; margin: -.25rem 0 1rem; }
.rkm-no-rating a { color: #5d6279; letter-spacing: 0; font-size: .9rem; margin-left: .35rem; }
.rkm-review-link { color: #ab7d11 !important; }
.rkm-review-cta { display: flex; align-items: center; justify-content: space-between; gap: 1rem; flex-wrap: wrap; margin-top: 1.25rem; padding: 1.1rem 1.25rem; border-radius: 1rem; background: #fef7e8; border: 1px solid #fbe3a8; }
.rkm-review-cta strong { display: block; color: #111834; font-family: 'Playfair Display', Georgia, serif; font-size: 1.1rem; }
.rkm-review-cta span { display: block; color: #5d6279; font-size: .9rem; }