/* AjazMD QR Code Generator — v6 Orange UI */
.ajazmd-qr{
  --orange:#f97316;
  --orange-dark:#ea580c;
  --orange-deep:#c2410c;
  --orange-soft:#fff7ed;
  --ink:#172033;
  --navy:#18283b;
  --muted:#64748b;
  --line:#e7eaf0;
  --surface:#f8fafc;
  --white:#fff;
  max-width:1280px;
  margin:32px auto;
  background:#fff;
  border:1px solid #e5e7eb;
  border-radius:26px;
  box-shadow:0 22px 65px rgba(15,23,42,.09);
  overflow:hidden;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:var(--ink);
}
.ajazmd-qr *{box-sizing:border-box}
.ajazmd-qr button,.ajazmd-qr input,.ajazmd-qr select,.ajazmd-qr textarea{font:inherit}

/* Header */
.ajazmd-qr__header{
  position:relative;
  padding:42px 46px 36px;
  background:linear-gradient(135deg,#fff7ed 0%,#fff 58%,#fffaf5 100%);
  border-bottom:1px solid var(--line);
}
.ajazmd-qr__header:before{
  content:"";
  position:absolute;
  left:0;top:0;width:100%;height:5px;
  background:linear-gradient(90deg,var(--orange),#fb923c,var(--orange-dark));
}
.ajazmd-qr__eyebrow{
  display:inline-flex;align-items:center;gap:8px;
  font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;
  color:var(--orange-deep);
}
.ajazmd-qr__eyebrow:before{
  content:"";width:7px;height:7px;border-radius:50%;background:var(--orange);
}
.ajazmd-qr__header h2{
  margin:11px 0 10px;
  font-size:40px;line-height:1.08;letter-spacing:-.035em;
  font-weight:800;color:var(--navy);
}
.ajazmd-qr__header p{
  margin:0;max-width:850px;color:var(--muted);
  font-size:15px;line-height:1.7;
}

/* Main layout */
.ajazmd-qr__layout{
  display:grid;
  grid-template-columns:minmax(0,1.62fr) minmax(350px,.78fr);
  align-items:start;
}
.ajazmd-qr__panel{padding:32px 34px;border-right:1px solid var(--line);min-width:0}
.ajazmd-qr__preview{
  padding:32px 28px;
  background:#fcfcfd;
  position:sticky;top:18px;min-width:0;
}

/* Section headings */
.ajazmd-qr__category-title{
  display:flex;align-items:center;gap:11px;
  margin:0 0 18px;
  font-size:18px;font-weight:750;letter-spacing:.02em;
  color:var(--navy);
}
.ajazmd-qr__category-title:before{
  content:"";
  width:8px;height:28px;border-radius:8px;
  background:var(--orange);
  box-shadow:0 5px 14px rgba(249,115,22,.22);
  flex:0 0 auto;
}

/* Type cards */
.ajazmd-qr__category{
  margin:0 0 20px;
  padding:19px;
  border:1px solid var(--line);
  border-radius:18px;
  background:#fff;
  box-shadow:0 5px 18px rgba(15,23,42,.035);
}
.ajazmd-qr__category-name{
  display:flex;align-items:center;gap:10px;
  margin:0 0 14px;
  color:#475569;
  font-size:12px;font-weight:750;
  letter-spacing:.08em;word-spacing:.12em;
  text-transform:uppercase;
}
.ajazmd-qr__category-name:after{content:"";height:1px;flex:1;background:#edf0f3}
.ajazmd-qr__types{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.ajazmd-qr__type{
  appearance:none;width:100%;min-height:66px;
  border:1px solid #dde3ea;border-radius:14px;
  background:#fff;color:var(--navy);
  padding:9px 11px;display:flex;align-items:center;gap:10px;
  cursor:pointer;text-align:left;
  transition:all .18s ease;
}
.ajazmd-qr__type:hover{
  background:var(--orange)!important;
  border-color:var(--orange)!important;
  color:#fff!important;
  transform:translateY(-1px);
  box-shadow:0 9px 22px rgba(249,115,22,.20);
}
.ajazmd-qr__type:hover span{background:#fff!important;color:var(--orange)!important}
.ajazmd-qr__type:hover strong{color:#fff!important}
.ajazmd-qr__type.is-active{
  background:var(--orange-soft);
  border-color:var(--orange);
  box-shadow:0 0 0 3px rgba(249,115,22,.09);
}
.ajazmd-qr__type span{
  flex:0 0 37px;width:37px;height:37px;
  display:grid;place-items:center;border-radius:10px;
  background:#f1f5f9;color:var(--navy);
  font-size:14px;font-weight:700;
}
.ajazmd-qr__type.is-active span{background:var(--orange);color:#fff}
.ajazmd-qr__type strong{
  font-size:12.5px;line-height:1.3;font-weight:500;
  color:#263449;letter-spacing:.015em;
}

/* Dynamic form */
.ajazmd-qr__form{
  display:grid;grid-template-columns:1fr 1fr;gap:15px;
  margin:20px 0 28px;padding:21px;
  border:1px solid var(--line);border-radius:18px;background:#fbfcfe;
}
.ajazmd-qr__field{display:block!important;margin:0!important}
.ajazmd-qr__field span,.ajazmd-qr label{
  display:block;font-size:13px;font-weight:650;
  color:#334155;margin:0 0 9px;
  letter-spacing:.02em;
}
.ajazmd-qr__field:first-child{grid-column:1/-1}
.ajazmd-qr__field:first-child span{font-size:14px;font-weight:700;letter-spacing:.025em}
.ajazmd-qr__field:first-child input{
  height:62px;min-height:62px;padding:0 19px;
  font-size:17px;border-radius:14px;
}
.ajazmd-qr input,.ajazmd-qr textarea,.ajazmd-qr select{
  width:100%;
  border:1px solid #d7dee7;border-radius:12px;
  background:#fff;color:var(--ink);
  outline:none;font-size:14px;line-height:1.35;
  transition:border-color .16s ease,box-shadow .16s ease,background .16s ease;
}
.ajazmd-qr input,.ajazmd-qr select{height:50px;min-height:50px;padding:0 14px}
.ajazmd-qr textarea{min-height:118px;padding:13px 14px;resize:vertical}
.ajazmd-qr select{padding-right:40px;white-space:normal}
.ajazmd-qr input:focus,.ajazmd-qr textarea:focus,.ajazmd-qr select:focus{
  border-color:var(--orange);
  box-shadow:0 0 0 3px rgba(249,115,22,.11);
}
.ajazmd-qr input[type=color]{
  height:32px!important;min-height:32px!important;
  padding:2px!important;border-radius:7px!important;
  margin-top:7px;display:block;
  cursor:pointer;
}

/* Customization */
.ajazmd-qr__customize>.ajazmd-qr__category-title{margin-top:4px}
.ajazmd-qr__grid{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;margin-top:14px;
}
.ajazmd-qr__grid>label{
  padding:14px;border:1px solid var(--line);
  border-radius:14px;background:#fff;
  box-shadow:0 3px 12px rgba(15,23,42,.025);
  font-weight:600;
}
.ajazmd-qr__checks{display:flex;gap:12px;margin:14px 0 0}
.ajazmd-qr__checks label{
  display:flex;align-items:center;gap:9px;margin:0;
  padding:12px 14px;border:1px solid #fed7aa;
  border-radius:12px;background:var(--orange-soft);
  color:var(--orange-deep);font-weight:600;
}
.ajazmd-qr__checks input{width:18px;height:18px;min-height:18px;accent-color:var(--orange)}
.ajazmd-qr__logo-box{
  display:grid;grid-template-columns:minmax(0,1fr) auto 165px;
  gap:13px;align-items:end;margin-top:14px;
  padding:17px;border:1px solid var(--line);
  border-radius:16px;background:#f8fafc;
}
.ajazmd-qr__logo-box label{margin:0}
.ajazmd-qr__logo-box small{
  display:block;color:var(--muted);font-size:11px;line-height:1.5;margin-top:7px
}

/* Buttons */
.ajazmd-qr button{font-weight:500!important;letter-spacing:.025em}
.ajazmd-qr__small,.ajazmd-qr__secondary{
  min-height:50px;border:1px solid #d6dde6;
  background:#fff;color:var(--navy);padding:0 17px;
  border-radius:12px;font-size:13px;cursor:pointer;
  transition:all .17s ease;
}
.ajazmd-qr__small:hover,.ajazmd-qr__secondary:hover{
  background:var(--orange)!important;border-color:var(--orange)!important;color:#fff!important
}
.ajazmd-qr__actions{
  display:grid;grid-template-columns:minmax(0,1fr) auto;
  gap:12px;margin-top:20px;
}
.ajazmd-qr__primary,.ajazmd-qr__download{
  min-height:54px;border:0;border-radius:13px;
  background:linear-gradient(135deg,var(--orange),var(--orange-dark));
  color:#fff;padding:0 22px;font-size:14px;
  cursor:pointer;box-shadow:0 9px 22px rgba(249,115,22,.20);
  transition:all .17s ease;
}
.ajazmd-qr__primary:hover,.ajazmd-qr__download:hover{
  background:var(--orange-deep);
  transform:translateY(-1px);
  box-shadow:0 13px 27px rgba(249,115,22,.26);
}
.ajazmd-qr__primary:disabled,.ajazmd-qr__download:disabled{
  opacity:.5;cursor:not-allowed;transform:none;box-shadow:none
}
.ajazmd-qr__status{min-height:22px;margin-top:11px;font-size:12px;font-weight:500;color:#15803d}
.ajazmd-qr__status.is-error{color:#b91c1c}

/* Preview */
.ajazmd-qr__preview:before{
  content:"LIVE PREVIEW";display:inline-block;margin-bottom:7px;
  font-size:10px;font-weight:800;letter-spacing:.14em;color:var(--orange-deep)
}
.ajazmd-qr__preview-title{
  font-size:19px;font-weight:750;color:var(--navy);
  margin:0 0 6px;letter-spacing:.015em
}
.ajazmd-qr__canvas{
  min-height:400px;margin-top:14px;padding:28px;
  border:1px solid #e1e7ef;border-radius:20px;
  background:repeating-conic-gradient(#f8fafc 0 25%,#fff 0 50%) 50%/22px 22px;
  display:flex;align-items:center;justify-content:center;
  position:relative;overflow:hidden;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.75)
}
.ajazmd-qr__canvas:after{
  content:"";position:absolute;inset:10px;
  border:1px dashed #d7dee8;border-radius:15px;pointer-events:none
}
.ajazmd-qr__canvas canvas,.ajazmd-qr__canvas svg{
  position:relative;z-index:2;display:block;max-width:100%;height:auto!important;border-radius:4px
}
.ajazmd-qr__placeholder{
  position:relative;z-index:3;max-width:220px;text-align:center;
  color:#94a3b8;font-size:13px;line-height:1.6
}
.ajazmd-qr__download{width:100%;margin-top:15px}
.ajazmd-qr__resetlink{
  display:block;margin:13px auto 0;border:0;background:none;
  color:var(--orange-deep);font-size:13px;cursor:pointer;
  transition:color .15s ease
}
.ajazmd-qr__resetlink:hover{color:var(--orange);text-decoration:underline}
.ajazmd-qr__privacy{
  margin-top:15px;padding:12px 14px;border:1px solid #e2e8f0;
  border-radius:12px;background:#fff;color:#64748b;
  text-align:center;font-size:11px;line-height:1.55
}
.ajazmd-qr__caption{
  position:absolute;z-index:4;bottom:12px;left:18px;right:18px;
  text-align:center;font-weight:750;font-size:13px;letter-spacing:.08em
}
.ajazmd-qr__caption .ajazmd-qr__additional{
  font-weight:500;letter-spacing:0;font-size:11px;margin-top:3px
}

/* SEO */
.ajazmd-qr__seo{margin:0;padding:36px;background:#fff;border-top:1px solid var(--line)}
.ajazmd-qr__seo-inner{max-width:1080px;margin:auto}
.ajazmd-qr__seo-inner h2{
  font-size:26px;line-height:1.25;color:var(--navy);
  margin:34px 0 11px;letter-spacing:-.02em
}
.ajazmd-qr__seo-inner h2:first-of-type{margin-top:0}
.ajazmd-qr__seo-inner h3{font-size:16px;color:var(--navy);margin:9px 0}
.ajazmd-qr__seo-inner p{color:#475569;line-height:1.78;font-size:15px;margin:0 0 13px}
.ajazmd-qr__steps{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}
.ajazmd-qr__steps>div{
  border:1px solid var(--line);border-radius:15px;padding:18px;background:#fbfcfe
}
.ajazmd-qr__steps strong{
  display:grid;place-items:center;width:36px;height:36px;
  border-radius:11px;background:var(--orange);color:#fff;font-weight:600
}
.ajazmd-qr__steps p{font-size:13px;line-height:1.65}
.ajazmd-qr__seo-list{padding-left:22px;color:#475569;line-height:1.8}
.ajazmd-qr__seo-list li{margin-bottom:7px}
.ajazmd-qr__faq{display:grid;gap:9px}
.ajazmd-qr__faq details{border:1px solid #e5e7eb;border-radius:13px;background:#fff}
.ajazmd-qr__faq summary{
  cursor:pointer;padding:17px 18px;font-weight:650;color:var(--navy);list-style:none
}
.ajazmd-qr__faq summary::-webkit-details-marker{display:none}
.ajazmd-qr__faq summary:after{content:"+";float:right;color:var(--orange);font-size:18px}
.ajazmd-qr__faq details[open] summary:after{content:"−"}
.ajazmd-qr__faq details p{padding:0 18px 17px;margin:0}
.ajazmd-qr [hidden]{display:none!important}

/* Responsive */
@media(max-width:1050px){
  .ajazmd-qr__layout{grid-template-columns:1fr}
  .ajazmd-qr__panel{border-right:0;border-bottom:1px solid var(--line)}
  .ajazmd-qr__preview{position:relative;top:auto}
  .ajazmd-qr__canvas{min-height:360px}
  .ajazmd-qr__steps{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:760px){
  .ajazmd-qr{margin:12px;border-radius:20px}
  .ajazmd-qr__header{padding:32px 20px 27px}
  .ajazmd-qr__header h2{font-size:31px}
  .ajazmd-qr__panel,.ajazmd-qr__preview{padding:23px 17px}
  .ajazmd-qr__types{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ajazmd-qr__form,.ajazmd-qr__grid{grid-template-columns:1fr}
  .ajazmd-qr__field:first-child{grid-column:auto}
  .ajazmd-qr__field:first-child input{height:58px;min-height:58px;font-size:16px}
  .ajazmd-qr__logo-box{grid-template-columns:1fr}
  .ajazmd-qr__actions{grid-template-columns:1fr}
  .ajazmd-qr__seo{padding:26px 18px}
  .ajazmd-qr__seo-inner h2{font-size:22px}
  .ajazmd-qr__steps{grid-template-columns:1fr}
  .ajazmd-qr__canvas{min-height:300px;padding:20px}
}
@media(max-width:460px){
  .ajazmd-qr__types{grid-template-columns:1fr}
  .ajazmd-qr__type{min-height:62px}
  .ajazmd-qr__category{padding:14px}
}

/* v7 — Refined controls: normal-weight text + cleaner customization UI */
.ajazmd-qr__grid{
  gap:16px;
  margin-top:16px;
}
.ajazmd-qr__grid>label{
  display:block!important;
  padding:15px 16px 16px!important;
  border:1px solid #e2e8f0!important;
  border-radius:15px!important;
  background:#fff!important;
  box-shadow:0 2px 8px rgba(15,23,42,.025)!important;
  font-weight:500!important;
  transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;
}
.ajazmd-qr__grid>label:hover{
  border-color:#fdba74!important;
  box-shadow:0 6px 18px rgba(15,23,42,.055)!important;
  transform:translateY(-1px);
}

/* Labels stay clear, but controls themselves are never bold */
.ajazmd-qr__grid>label,
.ajazmd-qr__grid>label > span,
.ajazmd-qr__grid>label > div{
  font-weight:500!important;
}
.ajazmd-qr__grid>label > span,
.ajazmd-qr__grid>label > div:first-child{
  display:block;
  margin-bottom:8px;
  color:#334155;
  font-size:12px;
  line-height:1.35;
  letter-spacing:.025em;
}
.ajazmd-qr__grid select,
.ajazmd-qr__grid input:not([type="color"]),
.ajazmd-qr__grid textarea{
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  font-size:14px!important;
  font-weight:400!important;
  line-height:1.35!important;
  color:#334155!important;
}
.ajazmd-qr__grid select{
  height:54px!important;
  min-height:54px!important;
  padding:0 42px 0 15px!important;
  border:1px solid #dbe3ec!important;
  border-radius:12px!important;
  background-color:#fff!important;
  box-shadow:none!important;
}
.ajazmd-qr__grid select:hover{
  border-color:#cbd5e1!important;
}
.ajazmd-qr__grid select:focus{
  border-color:var(--orange)!important;
  box-shadow:0 0 0 3px rgba(249,115,22,.10)!important;
}
.ajazmd-qr__grid option{
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  font-size:14px!important;
  font-weight:400!important;
}

/* Force normal text inside every control/button, even when the WordPress theme overrides it */
.ajazmd-qr button,
.ajazmd-qr button span,
.ajazmd-qr input,
.ajazmd-qr textarea,
.ajazmd-qr select,
.ajazmd-qr option{
  font-weight:400!important;
}
.ajazmd-qr__type strong{
  font-weight:500!important;
}
.ajazmd-qr__small,
.ajazmd-qr__secondary,
.ajazmd-qr__primary,
.ajazmd-qr__download,
.ajazmd-qr__resetlink{
  font-weight:400!important;
}

/* More polished color controls */
.ajazmd-qr input[type="color"]{
  height:42px!important;
  min-height:42px!important;
  padding:3px!important;
  margin-top:6px!important;
  border:1px solid #dbe3ec!important;
  border-radius:10px!important;
  background:#fff!important;
}

/* Cleaner checkbox row */
.ajazmd-qr__checks label{
  font-weight:400!important;
  color:#475569!important;
  background:#fff!important;
  border:1px solid #e2e8f0!important;
  transition:border-color .18s ease,background .18s ease;
}
.ajazmd-qr__checks label:hover{
  border-color:#fdba74!important;
  background:var(--orange-soft)!important;
}

/* Better section spacing */
.ajazmd-qr__customize{
  margin-top:4px;
}
.ajazmd-qr__customize>.ajazmd-qr__category-title{
  margin-bottom:4px!important;
}

@media(max-width:760px){
  .ajazmd-qr__grid{gap:12px}
  .ajazmd-qr__grid select{height:52px!important;min-height:52px!important}
}