/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/
/* Add to child theme style.css */
.vk-hero img { width:100%; height:460px; object-fit:cover; border-radius:8px; display:block; }
.vk-hero { position:relative; margin-bottom:18px; }
.vk-hero-meta { position:absolute; left:18px; bottom:18px; display:flex; gap:12px; align-items:center; }
.vk-price { background:linear-gradient(90deg,#94783a,#b9923b); padding:8px 12px; color:#fff; border-radius:6px; font-weight:700; }
.vk-rating { background:#fff; color:#333; padding:6px 8px; border-radius:6px; font-weight:600; opacity:0.95; }

/* details table */
.vk-details table{ width:100%; border-collapse:collapse; background:#fff; border-radius:6px; overflow:hidden;}
.vk-details th{ text-align:left; padding:12px; width:30%; background:#fbfbfb; border-bottom:1px solid #eee; font-weight:600;}
.vk-details td{ padding:12px; border-bottom:1px solid #eee; }

/* amenities */
.vk-amenities{ display:flex; flex-wrap:wrap; gap:12px; margin-top:12px; }
.vk-amenity{ width:120px; text-align:center; padding:12px; background:#fff; border-radius:8px; box-shadow:0 6px 12px rgba(20,20,20,0.04);}
.vk-amenity img{ max-width:34px; display:block; margin:0 auto 8px; }

/* gallery */
.vk-gallery{ display:flex; gap:10px; flex-wrap:wrap; margin-top:12px;}
.vk-gallery-item{ width:calc(25% - 7.5px); background:#fff; border-radius:6px; overflow:hidden;}
.vk-gallery-item img{ width:100%; height:120px; object-fit:cover; display:block; }

/* units table */
.vk-units-table{ width:100%; border-collapse:collapse; background:#fff; margin-top:12px;}
.vk-units-table th, .vk-units-table td{ padding:12px; border-bottom:1px solid #eee; }

/* payment */
.vk-payment-plan{ display:flex; gap:12px; margin-top:12px; }
.vk-payment-item{ flex:1; padding:18px; background:#fff; border-radius:8px; text-align:center; }
.vk-payment-percent{ font-size:20px; font-weight:700; color:#222; }

/* responsive tweaks */
@media(max-width:780px){
 .vk-gallery-item{ width:calc(50% - 7.5px); }
 .vk-hero img{ height:320px; }
}