/*
Theme Name: JewelKost Astra
Theme URI: https://jewelkost.com/
Description: Child theme Astra khusus JewelKost.
Author: JewelKost
Template: astra
Version: 1.0.1
Text Domain: jewelkost-astra
*/

:root {
	--jk-ink: #17221d;
	--jk-green: #176b4a;
	--jk-green-dark: #0f4e36;
	--jk-sand: #f5f0e8;
	--jk-border: #d7ded9;
}
body { color: var(--jk-ink); }
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible {
	outline: 3px solid #e09f3e;
	outline-offset: 3px;
}
.woocommerce ul.products li.product {
	border: 1px solid var(--jk-border);
	border-radius: 14px;
	padding: 1rem;
	background: #fff;
	box-shadow: 0 8px 24px rgba(23, 34, 29, .07);
}
.woocommerce ul.products li.product img { border-radius: 10px; aspect-ratio: 4 / 3; object-fit: cover; }
.jk-card-position { margin: .25rem 0; font-weight: 600; }
.jk-card-badge { margin: .5rem 0; font-size: .86rem; line-height: 1.45; }
.jk-room-status { font-weight: 700; letter-spacing: .03em; }
.jk-room-status span { color: var(--jk-green); }
.jk-booking {
	margin: 1.5rem 0;
	padding: 1.25rem;
	border: 1px solid var(--jk-border);
	border-radius: 12px;
	background: var(--jk-sand);
}
.jk-booking label { display: block; margin-bottom: .35rem; font-weight: 700; }
.jk-booking input, .jk-booking select { width: 100%; min-height: 46px; }
.jk-breakdown dl { margin: 1rem 0 0; }
.jk-breakdown dl div { display: flex; justify-content: space-between; gap: 1rem; padding: .45rem 0; border-bottom: 1px solid var(--jk-border); }
.jk-breakdown dd { margin: 0; text-align: right; }
.jk-breakdown .jk-total { font-size: 1.08rem; font-weight: 800; border-bottom: 0; }
.jk-account-rental { margin-bottom: 1rem; padding: 1rem; border: 1px solid var(--jk-border); border-radius: 10px; }
.woocommerce a.button, .woocommerce button.button, .wp-block-button__link { background: var(--jk-green); color: #fff; }
.woocommerce a.button:hover, .woocommerce button.button:hover, .wp-block-button__link:hover { background: var(--jk-green-dark); color: #fff; }
@media (max-width: 640px) {
	.woocommerce ul.products[class*="columns-"] { grid-template-columns: 1fr; }
	.jk-breakdown dl div { align-items: flex-start; }
}