/*
Theme Name: DIY Credit Repair
Theme URI: https://diycreditrepair.co.za/
Author: DIY Credit Repair
Description: Custom editable block theme for DIY Credit Repair South Africa.
Version: 0.1.0
Requires at least: 6.6
Requires PHP: 8.1
Text Domain: diy-credit-repair
*/

:root {
  --dcr-navy:#0b1f33;
  --dcr-navy-2:#112b45;
  --dcr-teal:#16a6a1;
  --dcr-gold:#d9b45a;
  --dcr-cream:#f6f8f9;
  --dcr-ink:#17202a;
  --dcr-muted:#667085;
  --dcr-white:#ffffff;
  --dcr-border:#dfe5ea;
  --dcr-success:#147a5b;
}

html { scroll-behavior: smooth; }
body { background:#fff; color:var(--dcr-ink); }
a { text-underline-offset: .18em; }

.dcr-shell { width:min(1180px, calc(100% - 36px)); margin-inline:auto; }
.dcr-eyebrow { text-transform:uppercase; letter-spacing:.12em; font-size:.78rem; font-weight:800; color:var(--dcr-teal); }
.dcr-card { background:#fff; border:1px solid var(--dcr-border); border-radius:20px; box-shadow:0 12px 40px rgba(11,31,51,.06); }
.dcr-soft { background:var(--dcr-cream); }
.dcr-muted { color:var(--dcr-muted); }

.wp-block-button__link,
.dcr-button {
  border-radius:12px;
  font-weight:800;
  padding:.9rem 1.25rem;
  transition:transform .15s ease, box-shadow .15s ease, opacity .15s ease;
}
.wp-block-button__link:hover,
.dcr-button:hover { transform:translateY(-1px); box-shadow:0 10px 22px rgba(11,31,51,.12); }

.dcr-pricing-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; align-items:stretch; margin:32px 0; }
.dcr-plan { position:relative; display:flex; flex-direction:column; padding:30px; background:#fff; border:1px solid var(--dcr-border); border-radius:22px; }
.dcr-plan--recommended { border:2px solid var(--dcr-teal); transform:scale(1.035); box-shadow:0 20px 55px rgba(22,166,161,.13); }
.dcr-plan-badge { position:absolute; top:-14px; left:50%; transform:translateX(-50%); background:var(--dcr-teal); color:#fff; border-radius:999px; padding:7px 14px; font-size:.76rem; font-weight:900; letter-spacing:.06em; text-transform:uppercase; white-space:nowrap; }
.dcr-plan h3 { margin:.25rem 0 .2rem; font-size:1.45rem; }
.dcr-price { font-size:2.65rem; line-height:1; font-weight:900; color:var(--dcr-navy); margin:.8rem 0 .4rem; }
.dcr-price-note { color:var(--dcr-muted); margin:0 0 1.15rem; }
.dcr-plan ul { margin:0 0 1.6rem 1.1rem; padding:0; flex:1; }
.dcr-plan li { margin:.62rem 0; }
.dcr-plan .dcr-button { display:block; text-align:center; background:var(--dcr-navy); color:#fff; text-decoration:none; }
.dcr-plan--recommended .dcr-button { background:var(--dcr-teal); }

.dcr-signup-wrap { display:grid; grid-template-columns:1fr 1.05fr; gap:32px; align-items:start; }
.dcr-signup-form { padding:28px; }
.dcr-field { margin-bottom:16px; }
.dcr-field label { display:block; font-weight:750; margin-bottom:7px; }
.dcr-field input, .dcr-field select { width:100%; box-sizing:border-box; border:1px solid #cfd7df; border-radius:10px; padding:12px 13px; background:#fff; color:var(--dcr-ink); font:inherit; }
.dcr-field input:focus, .dcr-field select:focus { outline:3px solid rgba(22,166,161,.16); border-color:var(--dcr-teal); }
.dcr-form-note { font-size:.88rem; color:var(--dcr-muted); }
.dcr-alert { padding:12px 14px; border-radius:10px; margin:0 0 16px; background:#fff2f2; border:1px solid #f0c7c7; }

.dcr-dashboard-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.dcr-dashboard-card { padding:22px; }
.dcr-kpi { font-size:1.8rem; font-weight:900; color:var(--dcr-navy); }
.dcr-progress { height:10px; background:#e9eef2; border-radius:999px; overflow:hidden; }
.dcr-progress > span { display:block; height:100%; background:var(--dcr-teal); border-radius:999px; }
.dcr-status { display:inline-flex; align-items:center; gap:8px; padding:6px 10px; border-radius:999px; background:#eaf8f4; color:var(--dcr-success); font-weight:800; font-size:.82rem; }

@media (max-width: 900px) {
  .dcr-pricing-grid, .dcr-dashboard-grid, .dcr-signup-wrap { grid-template-columns:1fr; }
  .dcr-plan--recommended { transform:none; order:-1; }
}

header.wp-block-template-part{background:#fff;position:relative;z-index:20}.has-navy-background-color a{color:#fff}.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.woocommerce form .form-row select{border:1px solid var(--dcr-border);border-radius:10px;padding:11px 12px}.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit{border-radius:10px;padding:.8rem 1.05rem;font-weight:800}.woocommerce-checkout #payment{border-radius:16px;background:#f6f8f9}.woocommerce-checkout-review-order-table{border-radius:12px;overflow:hidden}