/* ==========================================
   KIMIA NATURIS — CARD SYSTEM
========================================== */

.card {
    background: #ffffff;
    border: 1px solid #E9E7E2;
    border-radius: 16px;
    padding: 32px;
    height: 100%;

    transition:
        border-color .25s ease,
        transform .25s ease,
        box-shadow .25s ease;
}

.card:hover{
    border-color: var(--secondary);
    box-shadow:0 12px 32px rgba(0,0,0,.06);
    transform:translateY(-4px);
}

.card h3{
    margin-bottom:20px;
}

.card ul{
    margin:24px 0;
    padding-left:20px;
}

.card li{
    margin-bottom:12px;
}

.card .wp-block-button{
    margin-top:28px;
}
/* ==========================================
   KIMIA NATURIS
   CARDS.CSS
========================================== */

.card{

    display:flex;
    flex-direction:column;

    height:100%;

    padding:40px;

    background:var(--color-surface);

    border:1px solid var(--color-border);

    border-radius:var(--radius-card);

    transition:.3s ease;

}

.card:hover{

    transform:translateY(-6px);

    border-color:var(--color-secondary);

    box-shadow:0 18px 40px rgba(0,0,0,.08);

}

.card h3{

    margin-bottom:20px;

}

.card ul{

    margin:0 0 32px;

    padding-left:20px;

    color:var(--color-text);

    line-height:2;

    flex-grow:1;

}

.card .wp-block-button{

    margin-top:auto;

}
/* ==========================================
   KIMIA NATURIS — PRODUCT BUILDER
========================================== */

.product form.cart {
    background: #ffffff;
    border: 1px solid rgba(46, 94, 58, 0.18);
    border-radius: 24px;
    padding: 32px;
    margin-top: 32px;
}

.product form.cart label {
    font-weight: 600;
    color: #000000;
    margin-bottom: 8px;
}

.product form.cart input[type="radio"],
.product form.cart input[type="checkbox"] {
    margin-right: 8px;
}

.product form.cart .quantity {
    margin-top: 24px;
}
/* Product Builder option layout */
.single-product form.cart .wapf-field-container {
  margin-bottom: 24px;
}

.single-product form.cart .wapf-field-label {
  font-weight: 700;
  color: #000;
  margin-bottom: 12px;
}

.single-product form.cart .wapf-radios,
.single-product form.cart .wapf-checkboxes {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.single-product form.cart .wapf-checkable {
  margin: 0 !important;
}

.single-product form.cart .wapf-checkable label {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 140px;
  padding: 12px 16px;
  border: 1px solid rgba(46, 94, 58, 0.25);
  border-radius: 12px;
  background: #fff;
  cursor: pointer;
}

.single-product form.cart .wapf-checkable label:hover {
  border-color: #2E5E3A;
}

.single-product form.cart .wapf-checkable input:checked + span,
.single-product form.cart .wapf-checkable input:checked ~ span {
  color: #2E5E3A;
  font-weight: 700;
}
/* Product Builder visual polish */
.single-product form.cart {
  background: #ffffff;
  border: 1px solid rgba(46, 94, 58, 0.18);
  border-radius: 28px;
  padding: 28px;
  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.04);
}

.single-product form.cart .wapf-field-container {
  padding-bottom: 24px;
  margin-bottom: 24px;
  border-bottom: 1px solid rgba(46, 94, 58, 0.12);
}

.single-product form.cart .wapf-field-label {
  font-size: 15px;
  font-weight: 800;
  color: #2E5E3A;
  margin-bottom: 14px;
}

.single-product form.cart .wapf-checkable label {
  min-width: 155px;
  min-height: 46px;
  padding: 12px 18px;
  border-radius: 14px;
  border: 1px solid rgba(46, 94, 58, 0.22);
  background: #FAFAF7;
  font-size: 14px;
  font-weight: 700;
  color: #000;
}

.single-product form.cart .wapf-checkable label:hover {
  background: rgba(46, 94, 58, 0.06);
  border-color: #2E5E3A;
}

.single-product form.cart .wapf-checkable input:checked + span,
.single-product form.cart .wapf-checkable input:checked ~ span {
  color: #2E5E3A;
}

.single-product form.cart .quantity input {
  height: 44px;
  border-radius: 10px;
}

.single-product form.cart .single_add_to_cart_button {
  min-height: 48px;
  border-radius: 12px;
  background: #2E5E3A !important;
  color: #fff !important;
  font-weight: 800;
}