/*
Theme Name: Product Order Form
Description: Clean mobile-first product/service order form with configurable payment redirect, Razorpay API settings and footer widgets.
Version: 1.3.1
Requires at least: 5.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: product-order-theme
*/

*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{background:var(--pot-page-bg,#f2ece2);font-family:var(--pot-font,'Noto Sans','Segoe UI',Arial,sans-serif);color:var(--pot-text,#222);min-height:100vh}
a{color:inherit}
.pot-wrapper{width:100%;max-width:var(--pot-maxwidth,430px);margin:0 auto;padding:3px 0 22px}

.pot-header{background:var(--pot-header-bg,#ece5d8);border-radius:0 0 14px 14px;min-height:126px;padding:22px 16px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px;margin:0 0 18px}
.pot-header a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-decoration:none}
.pot-header img.pot-logo{width:var(--pot-img-width,92px);height:var(--pot-img-height,62px);object-fit:contain;border-radius:var(--pot-img-radius,0);display:block}
.pot-header .pot-product-title{font-size:17px;line-height:1.25;font-weight:700;color:var(--pot-header-text,#163d67)}

.pot-top-sections{padding:0 14px 18px;display:grid;gap:10px}
.pot-top-section{background:#fff;border:1px solid #ded3c2;border-radius:10px;padding:12px;text-align:center}
.pot-top-section h3{margin:6px 0;font-size:14px}
.pot-top-section p{margin:4px 0 9px;font-size:12px;color:#666;line-height:1.45}
.pot-top-icon{width:32px;height:32px;object-fit:contain}
.pot-top-btn{display:inline-block;background:var(--pot-btn-bg,#144b32);color:#fff;padding:7px 12px;border-radius:6px;text-decoration:none;font-size:12px}

.pot-card{background:var(--pot-card-bg,#fff);border-radius:14px;padding:22px 14px 26px;box-shadow:0 1px 7px rgba(0,0,0,.04);margin:0}
.pot-card h1{font-size:20px;line-height:1.25;margin:0 0 18px;color:var(--pot-heading-color,#171717);font-weight:700}
.pot-subtext{font-size:13px;color:var(--pot-primary,#2f6b4f);margin:-10px 0 18px;line-height:1.45}
.pot-amount{text-align:center;font-size:24px;font-weight:800;color:var(--pot-primary,#144b32);margin:-4px 0 18px}
.pot-field{margin:0 0 14px}
.pot-field label{display:block;font-size:13px;font-weight:700;margin:0 0 7px;color:var(--pot-label-color,#171717)}
.pot-field label .pot-optional{font-weight:400;color:#2f6b4f;font-size:12px}
.pot-field input[type=text],.pot-field input[type=email],.pot-field input[type=tel],.pot-field input[type=date],.pot-field select,.pot-field textarea{display:block;width:100%;height:40px;padding:8px 11px;border:1px solid var(--pot-border,#d9cfba);border-radius:8px;background:#fff;color:#333;font-family:inherit;font-size:13px;outline:none}
.pot-field input[type=date]{color:#777}
.pot-field textarea{height:auto;min-height:86px;resize:vertical}
.pot-field input:focus,.pot-field select:focus,.pot-field textarea:focus{border-color:var(--pot-primary,#2f6b4f);box-shadow:0 0 0 1px rgba(47,107,79,.08)}
.pot-field select{appearance:auto}
.pot-submit-btn{display:block;width:100%;height:43px;margin:18px 0 0;border:0;border-radius:7px;background:var(--pot-btn-bg,#144b32);color:var(--pot-btn-text,#fff);font-size:14px;font-weight:700;cursor:pointer;text-align:center;padding:0 12px}
.pot-submit-btn:hover{opacity:.94}
.pot-disclaimer{margin:14px 4px 0;font-size:10.5px;line-height:1.5;text-align:center;color:#6b6b6b}
.pot-char-count{text-align:right;font-size:11px;color:#999;margin-top:3px}
.pot-success-box{background:#e9f6ee;border:1px solid #bfe6cf;color:#14432c;padding:16px;border-radius:10px;font-size:14px;text-align:center}
.pot-payment-ref{margin-top:10px;font-size:11px;opacity:.8}
.pot-checkout-loading{text-align:center;padding:30px 10px;font-size:14px;color:var(--pot-primary,#2f6b4f)}
.pot-error-box{background:#fdeceb;border:1px solid #f3b7b2;color:#7a1f16;padding:12px;border-radius:9px;margin-bottom:14px;font-size:13px}

.pot-page-content{max-width:var(--pot-maxwidth,800px);margin:0 auto;padding:40px 20px}
.pot-site-footer{width:100%;margin-top:10px;padding:20px 14px;background:transparent}
.pot-footer-inner{max-width:var(--pot-maxwidth,430px);margin:0 auto;font-size:12px;color:#666}
.pot-footer-inner h2{font-size:16px;margin:0 0 7px;color:#222}
.pot-footer-inner p{margin:0 0 12px;line-height:1.5}
.pot-footer-menu ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
.pot-footer-menu a{text-decoration:none;color:#2f6b4f}
.pot-footer-widgets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:12px}
.pot-footer-widget-area .widget{margin:0 0 10px}
.pot-footer-widget-area h3{font-size:13px;margin:0 0 6px;color:#222}
.pot-footer-widget-area ul{padding-left:16px;margin:0}

@media (min-width:700px){
 .pot-wrapper{padding-top:10px}
 .pot-header{border-radius:14px}
 .pot-card{border-radius:14px}
}


/* Premium visual layer v1.3.0 — structure/form behavior intentionally preserved. */
:root{
 --pot-page-bg:#354453;
 --pot-page-bg-2:#263542;
 --pot-card-bg:#fff;
 --pot-header-bg:rgba(238,232,220,.98);
 --pot-header-text:#123e67;
 --pot-text:#151b21;
 --pot-heading-color:#111820;
 --pot-label-color:#121820;
 --pot-primary:#00d9ae;
 --pot-primary-dark:#0b513c;
 --pot-btn-bg:#0d4d36;
 --pot-btn-text:#fff;
 --pot-border:#dccfb9;
 --pot-muted:#9eabb6;
 --pot-shadow:0 18px 45px rgba(0,0,0,.24);
}

html{
 background:linear-gradient(145deg,var(--pot-page-bg),var(--pot-page-bg-2));
 min-height:100%;
}
body{
 background:
   radial-gradient(circle at 50% -10%,rgba(0,224,178,.13),transparent 34%),
   linear-gradient(145deg,var(--pot-page-bg),var(--pot-page-bg-2));
 color:var(--pot-text);
 min-height:100vh;
}
.pot-wrapper{
 max-width:430px;
 padding:10px 0 24px;
}
.pot-header{
 background:linear-gradient(145deg,#eee8dc,#e5dece);
 border:1px solid rgba(255,255,255,.34);
 box-shadow:0 8px 25px rgba(0,0,0,.13);
 min-height:128px;
 margin:0 8px 18px;
 border-radius:0 0 16px 16px;
}
.pot-header .pot-product-title{
 color:#123e67;
 letter-spacing:.1px;
}
.pot-header img.pot-logo{
 filter:drop-shadow(0 5px 10px rgba(0,0,0,.08));
}
.pot-card{
 margin:0 8px;
 border:1px solid rgba(255,255,255,.7);
 box-shadow:var(--pot-shadow);
 border-radius:15px;
 padding:24px 14px 28px;
}
.pot-card h1{
 letter-spacing:-.25px;
}
.pot-field input[type=text],
.pot-field input[type=email],
.pot-field input[type=tel],
.pot-field input[type=date],
.pot-field select,
.pot-field textarea{
 height:40px;
 border-color:#d9ccb5;
 background:#fff;
 transition:border-color .15s ease,box-shadow .15s ease;
}
.pot-field input:focus,
.pot-field select:focus,
.pot-field textarea:focus{
 border-color:#00b990;
 box-shadow:0 0 0 3px rgba(0,217,174,.12);
}
.pot-submit-btn{
 background:linear-gradient(180deg,#145b3e,#0b4b34);
 box-shadow:0 7px 16px rgba(9,76,53,.18);
 min-height:43px;
 transition:transform .12s ease,box-shadow .12s ease,opacity .12s ease;
}
.pot-submit-btn:hover{
 opacity:1;
 transform:translateY(-1px);
 box-shadow:0 9px 19px rgba(9,76,53,.25);
}
.pot-submit-btn:active{transform:translateY(0)}
.pot-success-box{
 background:linear-gradient(145deg,#153f3b,#1b4d49);
 border:1px solid rgba(0,217,174,.45);
 color:#fff;
 box-shadow:0 12px 30px rgba(0,0,0,.15);
}
.pot-success-box strong,
.pot-payment-ref{
 color:#00e0b2;
}
.pot-error-box{
 box-shadow:0 7px 18px rgba(0,0,0,.07);
}
.pot-disclaimer{
 color:#6e7479;
}
.pot-top-sections{
 padding-left:8px;
 padding-right:8px;
}
.pot-top-section{
 border:1px solid rgba(255,255,255,.45);
 box-shadow:0 8px 22px rgba(0,0,0,.12);
}
.pot-top-btn{
 background:#0d4d36;
}
.pot-page-content{
 max-width:800px;
}
.pot-page-content > article{
 background:#fff;
 border-radius:15px;
 padding:24px;
 box-shadow:var(--pot-shadow);
}
.pot-site-footer{
 color:#d5dee4;
 padding:22px 8px 26px;
}
.pot-footer-inner{
 color:#c8d2d9;
}
.pot-footer-inner h2,
.pot-footer-widget-area h3{
 color:#fff;
}
.pot-footer-menu a{
 color:#8cefd9;
}
.pot-footer-widget-area ul{
 color:#c8d2d9;
}
.pot-footer-widget-area a{
 color:#c8d2d9;
}
.pot-footer-widget-area a:hover{
 color:#00e0b2;
}
@media (min-width:700px){
 body{padding-bottom:18px}
 .pot-wrapper{padding-top:18px}
 .pot-header{border-radius:16px;margin-left:0;margin-right:0}
 .pot-card{margin-left:0;margin-right:0}
}

/* Legal/WordPress page readability fix v1.3.1 */
.pot-page-content > article,
.pot-page-content > article .entry-header,
.pot-page-content > article .entry-content{
  color:#1b2025 !important;
  opacity:1 !important;
  filter:none !important;
}
.pot-page-content > article .entry-title{
  color:#111820 !important;
  font-size:30px;
  line-height:1.2;
  font-weight:800;
  margin:0 0 22px;
  opacity:1 !important;
}
.pot-page-content > article .entry-content{
  font-size:15px;
  line-height:1.75;
}
.pot-page-content > article .entry-content p,
.pot-page-content > article .entry-content li,
.pot-page-content > article .entry-content dd,
.pot-page-content > article .entry-content dt{
  color:#22282e !important;
  opacity:1 !important;
}
.pot-page-content > article .entry-content strong,
.pot-page-content > article .entry-content b{
  color:#111820 !important;
  opacity:1 !important;
}
.pot-page-content > article .entry-content h1,
.pot-page-content > article .entry-content h2,
.pot-page-content > article .entry-content h3,
.pot-page-content > article .entry-content h4,
.pot-page-content > article .entry-content h5,
.pot-page-content > article .entry-content h6{
  color:#111820 !important;
  opacity:1 !important;
  line-height:1.3;
  margin:28px 0 12px;
}
.pot-page-content > article .entry-content a{
  color:#0b765f !important;
  opacity:1 !important;
  text-decoration:underline;
}
.pot-page-content > article .entry-content ul,
.pot-page-content > article .entry-content ol{
  color:#22282e !important;
  opacity:1 !important;
  padding-left:24px;
}
.pot-page-content > article .entry-content hr{
  border:0;
  border-top:1px solid #d9dee2;
  margin:24px 0;
}
@media (max-width:699px){
  .pot-page-content{padding:24px 12px !important;}
  .pot-page-content > article{padding:24px 18px !important;}
  .pot-page-content > article .entry-title{font-size:27px;}
  .pot-page-content > article .entry-content{font-size:15px;line-height:1.72;}
}

/* Customizer visual controls v1.3.2 */
body{
  background:
    radial-gradient(circle at 50% -10%, rgba(0,224,178,.13), transparent 34%),
    linear-gradient(145deg, var(--pot-page-bg), var(--pot-page-bg-2));
}
.pot-header{
  width: min(var(--pot-header-width, 430px), calc(100% - 16px));
  min-height: var(--pot-header-height, 128px);
  background: linear-gradient(145deg, var(--pot-header-bg), var(--pot-header-bg-2));
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}
.pot-header .pot-product-title{color:var(--pot-header-text,#123e67);}
.pot-card{background:var(--pot-card-bg,#fff);}
.pot-card h1{color:var(--pot-heading-color,#111820);}
.pot-field label{color:var(--pot-label-color,#121820);}
.pot-page-content > article{
  background:var(--pot-page-content-bg,#fff);
  border:1px solid var(--pot-page-border,#d9dee2);
}
.pot-page-content > article,
.pot-page-content > article .entry-content{color:var(--pot-page-text,#22282e) !important;}
.pot-page-content > article .entry-title,
.pot-page-content > article .entry-content h1,
.pot-page-content > article .entry-content h2,
.pot-page-content > article .entry-content h3,
.pot-page-content > article .entry-content h4,
.pot-page-content > article .entry-content h5,
.pot-page-content > article .entry-content h6,
.pot-page-content > article .entry-content strong,
.pot-page-content > article .entry-content b{color:var(--pot-page-heading,#111820) !important;}
.pot-page-content > article .entry-content p,
.pot-page-content > article .entry-content li,
.pot-page-content > article .entry-content dd,
.pot-page-content > article .entry-content dt{color:var(--pot-page-text,#22282e) !important;}
.pot-page-content > article .entry-content a{color:var(--pot-page-link,#0b765f) !important;}
.pot-page-content > article .entry-content hr{border-top-color:var(--pot-page-border,#d9dee2);}