/* ==========================================================================
   product-addons.css — WC Product Add-ons reskin v1.7
   ========================================================================== */

#product-addons-total { display:none!important; }

.wc-pao-addon-container label.wc-pao-addon-name,
.wc-pao-addon-heading {
  display:block!important; font-size:11px!important; font-weight:700!important;
  letter-spacing:.1em!important; text-transform:uppercase!important;
  color:#777!important; margin:0 0 12px!important; padding:0!important;
  border:none!important; background:none!important; width:auto!important;
  float:none!important; cursor:default!important;
}
.wc-pao-addon-name .amount,
.wc-pao-addon-name .woocommerce-Price-currencySymbol { display:none!important; }

.wc-pao-addon-container { border-top:1px solid #e8e4de; padding:18px 0 0; margin:0; }
.wc-pao-addons-container { display:flex; flex-direction:column; }

/* When inside accordion: remove redundant border/padding — accordion provides structure */
.tp2-acc__body--addons .wc-pao-addon-container { border-top:none!important; padding-top:0!important; }
.tp2-acc__body--addons .wc-pao-addon-container label.wc-pao-addon-name { display:none!important; }
.tp2-acc__body--addons { padding-bottom:8px; }

p.wc-pao-addon-wrap.form-row {
  margin:0 0 6px!important; padding:0!important;
  float:none!important; width:100%!important; clear:both!important;
}

/* THE ROW — label.tp2-extra */
label.tp2-extra {
  display:grid!important;
  grid-template-columns:22px auto 1fr auto!important;
  grid-template-rows:auto!important;
  align-items:center!important;
  column-gap:12px!important;
  row-gap:0!important;
  padding:11px 14px!important;
  border:1.5px solid #e8e4de!important;
  border-radius:10px!important;
  background:#fff!important;
  cursor:pointer!important;
  user-select:none!important;
  width:100%!important;
  box-sizing:border-box!important;
  margin:0!important;
  float:none!important;
  clear:none!important;
  position:static!important;
  overflow:visible!important;
  text-align:left!important;
  vertical-align:top!important;
  font-weight:400!important;
  font-size:14px!important;
  color:#111!important;
  line-height:1.4!important;
  transition:border-color .15s, background .15s;
}
label.tp2-extra:hover { border-color:#2d5a3d!important; background:#f5faf7!important; }
label.tp2-extra:has(input:checked) { border-color:#2d5a3d!important; background:#eef5f0!important; }

label.tp2-extra input.wc-pao-addon-checkbox {
  position:absolute!important; opacity:0!important; width:0!important;
  height:0!important; pointer-events:none!important; margin:0!important;
  padding:0!important; border:none!important; grid-column:unset!important;
}

label.tp2-extra .tp2-extra__check {
  grid-column:1!important; grid-row:1!important;
  display:flex!important; align-items:center!important; justify-content:center!important;
  width:22px!important; height:22px!important; min-width:22px!important;
  flex-shrink:0!important; border:1.5px solid #ccc!important; border-radius:6px!important;
  background:#fff!important; transition:background .15s,border-color .15s;
  margin:0!important; padding:0!important;
}
label.tp2-extra .tp2-extra__check svg { opacity:0; transition:opacity .12s; display:block!important; width:13px!important; height:13px!important; }
label.tp2-extra:has(input:checked) .tp2-extra__check { background:#2d5a3d!important; border-color:#2d5a3d!important; }
label.tp2-extra:has(input:checked) .tp2-extra__check svg { opacity:1; }

label.tp2-extra .tp2-extra__thumb {
  grid-column:2!important; grid-row:1!important;
  display:block!important; width:54px!important; height:54px!important; min-width:54px!important;
  border-radius:8px!important; overflow:hidden!important; border:1px solid #e8e4de!important;
  background:#f7f4ef!important; margin:0!important; padding:0!important;
  flex-shrink:0!important; transition:border-color .15s;
}
label.tp2-extra:hover .tp2-extra__thumb,
label.tp2-extra:has(input:checked) .tp2-extra__thumb { border-color:#2d5a3d!important; }
label.tp2-extra .tp2-extra__thumb img {
  display:block!important; width:54px!important; height:54px!important; min-width:54px!important;
  object-fit:cover!important; border-radius:0!important; margin:0!important; padding:0!important; float:none!important;
}

label.tp2-extra .tp2-extra__body {
  grid-column:3!important; grid-row:1!important;
  display:flex!important; flex-direction:column!important; gap:2px!important;
  min-width:0!important; margin:0!important; padding:0!important;
}
label.tp2-extra .tp2-extra__label { display:block!important; font-size:14px!important; font-weight:500!important; color:#111!important; line-height:1.35!important; margin:0!important; padding:0!important; }
label.tp2-extra .tp2-extra__desc  { display:block!important; font-size:12px!important; color:#999!important; line-height:1.4!important; margin:0!important; padding:0!important; }

label.tp2-extra .tp2-extra__price {
  grid-column:4!important; grid-row:1!important;
  font-size:13px!important; font-weight:600!important; color:#2d5a3d!important;
  white-space:nowrap!important; padding-left:4px!important; margin:0!important; text-align:right!important;
}
label.tp2-extra .tp2-extra__price .woocommerce-Price-currencySymbol { font-weight:400; }

.wc-pao-addon-checkbox-group-required.wc-pao-addon-checkbox-required-error label.tp2-extra {
  border-color:#d44!important;
}