/* Corporate Wellness - Front End Styles
   Typography inherits the active theme; only structural layout + brand
   accents are set here. Button color comes from CSS vars set inline by PHP
   (--cw-btn-bg / --cw-btn-text) so it always matches what's configured in
   Settings, regardless of theme. */

.cw-explore-wrap *,.cw-overlay *{box-sizing:border-box;font-family:inherit;}
.cw-explore-wrap{text-align:center;padding:16px 0;}
.cw-explore-btn{
	display:inline-block;cursor:pointer;border:none;border-radius:10px;padding:16px 34px;
	font-family:inherit;font-size:inherit;font-weight:inherit;
	background:var(--cw-btn-bg,#2c5e34);color:var(--cw-btn-text,#fff);
	transition:filter .15s ease,transform .15s ease;
}
.cw-explore-btn:hover{filter:brightness(1.08);transform:translateY(-1px);}

/* Modal */
.cw-overlay{position:fixed;inset:0;background:rgba(20,35,22,.55);display:none;align-items:center;justify-content:center;z-index:999999;padding:20px;}
.cw-overlay.cw-open{display:flex;}
.cw-modal{background:#fff;border-radius:18px;max-width:640px;width:100%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 20px 60px rgba(0,0,0,.25);}
.cw-modal-header{display:flex;align-items:center;justify-content:space-between;padding:22px 26px 0;}
.cw-modal-title{margin:0;font-weight:700;}
.cw-close{background:none;border:none;font-size:26px;line-height:1;cursor:pointer;color:#7a8b7f;}
.cw-close:hover{color:#1f3d2b;}
.cw-progress-track{height:5px;background:#eef1ec;margin:16px 26px 0;border-radius:4px;overflow:hidden;}
.cw-progress-bar{height:100%;width:0;background:linear-gradient(90deg,#4fae56,#7cca7f);transition:width .25s ease;}
.cw-modal-body{padding:22px 26px 6px;}
.cw-modal-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 26px 24px;}

.cw-step-title{margin:0 0 10px;}
.cw-step-body{margin:0 0 8px;white-space:pre-line;}
.cw-step-eyebrow{letter-spacing:.5px;color:#4a7d3f;text-transform:uppercase;margin-bottom:10px;}
.cw-section-title{margin:22px 0 12px;font-weight:700;}
.cw-section-title:first-child{margin-top:0;}

/* Wellness bowls (informational grid) */
.cw-wellness-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
@media (max-width:520px){.cw-wellness-grid{grid-template-columns:1fr;}}
.cw-wcard{border:1.5px solid #e3e8e1;border-radius:12px;padding:14px;}
.cw-wcard-head{display:flex;align-items:center;gap:10px;margin-bottom:8px;}
.cw-wcard-icon{width:36px;height:36px;border-radius:50%;background:#eef4ea;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;}
.cw-wcard-title{font-weight:700;}
.cw-wcard-row{font-size:13px;margin-bottom:4px;line-height:1.45;}
.cw-wcard-row strong{font-weight:600;}
.cw-wcard-macros{display:flex;gap:10px;margin:8px 0;flex-wrap:wrap;}
.cw-macro-pill{background:#f1f8ee;border-radius:20px;padding:3px 10px;font-size:12px;font-weight:600;color:#3f6d2f;}

/* Ritual bowls (cards w/ contact button) */
.cw-ritual-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
@media (max-width:520px){.cw-ritual-grid{grid-template-columns:1fr;}}
.cw-rcard{border:1.5px solid #e3e8e1;border-radius:12px;padding:16px;text-align:center;}
.cw-rcard-icon{width:44px;height:44px;border-radius:50%;background:#eef4ea;display:flex;align-items:center;justify-content:center;font-size:20px;margin:0 auto 10px;}
.cw-rcard-title{font-weight:700;margin-bottom:12px;}
.cw-rcard .cw-btn{display:inline-block;padding:9px 16px;font-size:13px;}

/* Mode selection cards */
.cw-mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
@media (max-width:480px){.cw-mode-grid{grid-template-columns:1fr;}}
.cw-mode-card{border:1.5px solid #e3e8e1;border-radius:14px;padding:20px;cursor:pointer;transition:border-color .15s ease,background .15s ease;text-align:center;}
.cw-mode-card:hover{border-color:#7cc48a;background:#f7fbf5;}
.cw-mode-icon{font-size:30px;margin-bottom:10px;}
.cw-mode-title{font-weight:700;margin-bottom:6px;}
.cw-mode-desc{font-size:13.5px;color:#5b6b60;}
.cw-mode-price{margin-top:10px;font-weight:700;color:#3f6d2f;}

/* Form */
.cw-field{margin-bottom:16px;}
.cw-field label{display:block;margin-bottom:6px;font-weight:600;font-size:13.5px;}
.cw-field input[type=text],.cw-field input[type=tel],.cw-field input[type=email],.cw-field select,.cw-field textarea{
	width:100%;padding:11px 13px;border:1px solid #dbe3dc;border-radius:9px;background:#fbfcfa;font-family:inherit;font-size:inherit;color:inherit;
}
.cw-field textarea{min-height:80px;resize:vertical;}
.cw-field input:focus,.cw-field select:focus,.cw-field textarea:focus{outline:none;border-color:#7cc48a;}

.cw-bowl-options{display:flex;flex-direction:column;gap:9px;margin:10px 0 6px;}
.cw-bowl-option{display:flex;align-items:center;gap:10px;padding:11px 14px;border:1.5px solid #e3e8e1;border-radius:10px;cursor:pointer;}
.cw-bowl-option:hover{border-color:#a9d3a9;}
.cw-bowl-option.cw-selected{border-color:#4a9152;background:#f1f8ee;font-weight:600;}
.cw-bowl-option input{accent-color:#4a9152;width:16px;height:16px;flex-shrink:0;}

.cw-note{font-size:13px;color:#8a978d;margin:6px 0 14px;}
.cw-error-msg{background:#fdeaea;color:#a33;border:1px solid #f2c1c1;padding:10px 14px;border-radius:8px;margin-bottom:14px;}

/* Price confirm */
.cw-price-box{border:1.5px solid #cfe3cb;background:#f5faf3;border-radius:12px;padding:18px;text-align:center;margin-bottom:16px;}
.cw-price-box .cw-price-amount{font-size:26px;font-weight:800;color:#2c5e34;margin:6px 0;}
.cw-accept-row{display:flex;align-items:flex-start;gap:10px;margin:14px 0;}
.cw-accept-row input{margin-top:3px;accent-color:#4a9152;}

/* Buttons */
.cw-btn{display:inline-block;text-align:center;text-decoration:none;border:none;border-radius:10px;padding:13px 24px;cursor:pointer;font-family:inherit;font-size:inherit;font-weight:600;transition:filter .15s ease,transform .15s ease;}
.cw-btn:hover{filter:brightness(.96);}
.cw-btn-primary{background:#3f6d2f;color:#fff;}
.cw-btn-primary:hover{background:#345c27;}
.cw-btn-primary:disabled{opacity:.5;cursor:not-allowed;}
.cw-btn-secondary{background:#eef1ec;color:#33453a;}
.cw-btn-back{background:none;border:none;color:#6d7c71;cursor:pointer;font-family:inherit;font-size:inherit;font-weight:600;}
.cw-btn-back:hover{color:#1f3d2b;}
.cw-btn-whatsapp{background:#25d366;color:#fff;width:100%;padding:14px;font-size:15px;}
.cw-btn-whatsapp:hover{background:#1fb958;}

.cw-thankyou{text-align:center;padding:10px 0 20px;}
.cw-thankyou .cw-emoji{font-size:40px;margin-bottom:12px;}