/*
Theme Name: Invoice Sys
Theme URI: https://zone4print.com/
Author: Zone4print
Author URI: https://zone4print.com/
Description: Minimal WordPress theme that applies the "Invoice Sys, by Zone4print" styling to Quform forms (Hello Biz-inspired).
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: invoice-sys
Tags: custom-colors, custom-logo, one-column, two-columns, right-sidebar
*/

/* Basic layout (minimal) */
:root{
  --is-primary:#cc3366;
  --is-secondary:#333366;
  --is-text:#333333;
  --is-muted:#666666;
  --is-border:#dddddd;
  --is-bg:#f7f7f7;
  --is-card:#ffffff;
  --is-radius:10px;
  --is-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif;
}

body{
  margin:0;
  font-family:var(--is-font);
  color:var(--is-text);
  background:var(--is-bg);
  line-height:1.5;
}

a{ color:var(--is-primary); }
a:hover{ color:var(--is-secondary); }

.container{
  max-width: 1100px;
  margin: 0 auto;
  padding: 24px 16px;
}

.site-header{
  background: var(--is-card);
  border-bottom:1px solid var(--is-border);
}

.site-title{
  font-size: 20px;
  font-weight: 700;
  margin: 0;
  padding: 16px 0;
}

.card{
  background: var(--is-card);
  border:1px solid var(--is-border);
  border-radius: var(--is-radius);
  padding: 24px;
}

/* Quform theme overrides (scoped) */
.quform,
.quform .qfb{
  font-family: var(--is-font) !important;
  color: var(--is-text) !important;
}

.quform input[type="text"],
.quform input[type="email"],
.quform input[type="tel"],
.quform input[type="number"],
.quform input[type="date"],
.quform input[type="url"],
.quform input[type="password"],
.quform textarea,
.quform select{
  border: 1px solid var(--is-border) !important;
  border-radius: 8px !important;
  padding: 10px 12px !important;
  font-size: 15px !important;
  box-shadow: none !important;
  background: #fff !important;
}

.quform input:focus,
.quform textarea:focus,
.quform select:focus{
  outline: none !important;
  border-color: var(--is-primary) !important;
  box-shadow: 0 0 0 3px rgba(204,51,102,.18) !important;
}

.quform .qfb-label,
.quform .qfb-label label{
  font-weight: 600 !important;
  color: var(--is-text) !important;
}

.quform .qfb-description{
  color: var(--is-muted) !important;
}

.quform .qfb-button,
.quform button,
.quform input[type="submit"]{
  background: var(--is-primary) !important;
  border: 1px solid var(--is-primary) !important;
  color: #fff !important;
  border-radius: 10px !important;
  padding: 12px 18px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}

.quform .qfb-button:hover,
.quform button:hover,
.quform input[type="submit"]:hover{
  background: var(--is-secondary) !important;
  border-color: var(--is-secondary) !important;
}

.quform .qfb-error,
.quform .qfb-errors{
  color: #b91c1c !important;
}

.quform .qfb-required{
  color: var(--is-primary) !important;
}

.quform .qfb-progress-bar{
  background: rgba(204,51,102,.15) !important;
  border-radius: 999px !important;
}

.quform .qfb-progress-bar > div{
  background: var(--is-primary) !important;
  border-radius: 999px !important;
}

/* Checkboxes / radios */
.quform input[type="checkbox"],
.quform input[type="radio"]{
  accent-color: var(--is-primary);
}