/* Portara contact widget (own look-alike of the retired chat widget's offline form)
   and the contact-page form states. No dependencies. */
.pcw-btn, .pcw-panel { font-family: Helvetica, Arial, sans-serif; font-weight: normal; position: fixed; line-height: 1; z-index: 99998; box-sizing: border-box; }
.pcw-btn *, .pcw-panel * { box-sizing: border-box; }
.pcw-btn { right: 30px; bottom: 15px; height: 34px; padding: 0 10px; color: #fff; background: #48b33a; border-radius: 5px; font-size: 16px; cursor: pointer; box-shadow: 0 0 8px rgba(0,0,0,.2); display: flex; align-items: center; gap: 10px; transition: background-color .3s; user-select: none; }
.pcw-btn:hover { background: #3f9e33; }
.pcw-btn .pcw-title { display: block; }
.pcw-chev { width: 9px; height: 9px; border-right: 2px solid #fff; border-bottom: 2px solid #fff; transform: rotate(-135deg); margin-top: 4px; }
.pcw-panel .pcw-chev { transform: rotate(45deg); margin-top: -4px; position: absolute; top: 13px; right: 15px; }
.pcw-panel { right: 30px; bottom: 15px; width: 325px; border-radius: 5px; box-shadow: 0 1px 12px rgba(0,0,0,.1); font-size: 14px; display: none; }
.pcw-panel.pcw-open { display: block; }
.pcw-head { position: relative; text-align: center; font-size: 16px; padding: 10px; cursor: pointer; color: #fff; background: #48b33a; border-radius: 5px 5px 0 0; line-height: 16px; }
.pcw-body { background: #fff; color: #333; padding: 20px; line-height: 16px; border-radius: 0 0 5px 5px; max-height: 450px; overflow: auto; }
.pcw-lead { color: #222; font-size: 15px; line-height: 19px; margin-bottom: 30px; }
.pcw-line { margin-bottom: 20px; }
.pcw-line label { display: block; font-family: Verdana, Geneva, sans-serif; text-align: left; color: #878787; font-size: 13px; margin-bottom: 7px; line-height: 16px; }
.pcw-req { color: red; }
.pcw-field { width: 100%; font-family: Helvetica, Arial, sans-serif; font-size: 14px; line-height: 16px; color: #333; background: #fff; border: 1px solid #cdcdcd; padding: 7px 11px; margin: 0; border-radius: 4px; outline: 0; display: inline-block; vertical-align: middle; }
.pcw-field:focus { background: #f5f5f5; border-color: #ccc; }
textarea.pcw-field { height: 48px; max-height: 100px; resize: none; }
.pcw-send { text-align: left; }
.pcw-ntf { display: none; color: #888; margin: 15px; text-align: center; }
.pcw-ntf.pcw-show { display: block; }
.pcw-ntf.pcw-error { color: #e54440; }
.pcw-ntf.pcw-success { color: green; }
.pcw-submit { display: inline-block; border: 0; padding: 7px 11px; border-radius: 4px; cursor: pointer; color: #fff; background: #3894db; font-family: Helvetica, Arial, sans-serif; font-size: 14px; line-height: 16px; text-decoration: none; }
.pcw-submit[disabled] { opacity: .6; cursor: default; }
@media (max-width: 480px) { .pcw-panel { width: calc(100% - 20px); right: 10px; } .pcw-btn { right: 10px; } }
/* contact page form feedback (mirrors the old plugin's classes so the theme CSS still applies) */
.wpcf7-response-output.pcw-show { display: block; }