/*
 * Theme Name:  DagingSteak Child
 * Theme URI:   https://dagingsteak.com
 * Description: Child theme for Twenty Twenty-Four used to customise the DagingSteak.com WooCommerce shop. This child theme inherits styles and functionality from Twenty Twenty-Four while allowing custom modifications.
 * Author:      DagingSteak
 * Version:     1.0
 * Template:    twentytwentyfour
 * Text Domain: dagingsteak-child
 */

/*
 * Custom styles for DagingSteak.com
 * Note: You can add your own CSS below to override the parent theme styles. For example:
 * body {
 *     background-color: #ffffff;
 * }
 */
/* Warna asas dan gaya butang DagingSteak */
:root {
  --bg: #ffffff;        /* Latar putih */
  --ink: #111111;       /* Teks hitam pekat */
  --muted: #666666;     /* Teks kelabu */
  --line: #e9e9e9;      /* Garisan pemisah */
  --gold: #b8891e;      /* Aksen emas */
  --burgundy: #800020;  /* Aksen burgundy */
}

body {
  background-color: var(--bg);
  color: var(--ink);
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial;
}

h1, h2, h3, h4 {
  font-family: Georgia, serif;
  color: var(--ink);
}

/* Gaya butang utama */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
button, .button, .added_to_cart {
  background: var(--burgundy);
  color: #fff;
  border: 0;
  border-radius: 999px;
  padding: 10px 18px;
  font-weight: 700;
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
button:hover {
  background: #a02030;
  color: #fff;
}

/* Kotak produk dalam grid */
.woocommerce ul.products li.product {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 10px 22px rgba(17,17,17,0.06);
  padding-bottom: 14px;
}

.woocommerce ul.products li.product a img {
  border-bottom: 1px solid var(--line);
  aspect-ratio: 4/3;
  object-fit: cover;
}

.woocommerce ul.products li.product .price {
  color: var(--ink);
  font-weight: 700;
}

.woocommerce ul.products li.product .button {
  margin: 8px 14px 0;
}

/* Layout checkout dua kolum dengan sidebar sticky */
.ds-checkout-grid {
  display: grid;
  gap: 24px;
}
@media (min-width: 992px) {
  .ds-checkout-grid {
    grid-template-columns: 2fr 1fr;
    align-items: start;
  }
  .ds-order-review {
    position: sticky;
    top: 90px;
  }
}

.ds-card {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 16px;
  padding: 18px;
  box-shadow: 0 10px 22px rgba(17,17,17,0.06);
}
.ds-card h3 {
  margin: 0 0 12px;
}