/*
Theme Name: PAINT HOMES
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* PaintHomes Color Override - ph-est-app */
html body .ph-est-app {
  --ph-blue: #8b0000;
  --ph-blue-soft: #f9f0f0;
  --ph-blue-soft2: #f3e5e5;
  --ph-blue-border: #d4a0a0;
  --ph-blue-text: #6b0000;
  --ph-navy: #1a1a1a;
  --ph-text: #1a1a1a;
  --ph-muted: #666666;
  --ph-line: #e8d0d0;
  --ph-red: #8b0000;
  --ph-green: #8b0000;
}
html body .ph-est-app { background: #1a1a1a !important; }
html body .ph-est-app .ph-est-shell { background: #1a1a1a !important; }
html body .ph-est-app .ph-est-inner { background: #ffffff !important; border: none !important; box-shadow: 0 20px 60px rgba(0,0,0,.4) !important; }
html body .ph-est-app .ph-preview { border: 1px solid #e0e0e0 !important; }
.ph-est-modal::before { background: linear-gradient(90deg,#6b0000,#8b0000,#a00000,#8b0000) !important; height: 4px !important; opacity: 1 !important; }
.ph-est-head { background: linear-gradient(135deg,#1a1a1a 0%,#2d2d2d 100%) !important; border-bottom: 3px solid #8b0000 !important; }
.ph-est-brandline { background: #8b0000 !important; }
.ph-est-brand-mini { color: #ffffff !important; }
.ph-est-brand-jp { color: #cccccc !important; }
.ph-est-main-title { color: #ffffff !important; }
.ph-est-title { color: #ffffff !important; }
.ph-est-sub { color: #cccccc !important; }
.ph-est-media { background: rgba(139,0,0,.15) !important; border: 1px solid rgba(139,0,0,.3) !important; color: #ffcccc !important; }
.ph-step-dot { background: #555 !important; border-color: #555 !important; color: #999 !important; }
.ph-step-dot.is-active { background: #8b0000 !important; border-color: #8b0000 !important; color: #fff !important; box-shadow: 0 0 0 3px rgba(139,0,0,.3) !important; }
.ph-step-dot.is-done { background: #6b0000 !important; border-color: #6b0000 !important; color: #fff !important; }
.ph-est-modal { background: #fff !important; border: 1px solid #e0e0e0 !important; }
.ph-old-label-cell { background: #f0f0f0 !important; color: #333 !important; border-color: #ddd !important; }
.ph-required { color: #8b0000 !important; }
.ph-old-main-cell,.ph-old-side-cell,.ph-old-paint-cell,.ph-old-phone-cell { background: #fff !important; border-color: #ddd !important; }
.ph-chip { background: #f0f0f0 !important; border: 2px solid #ccc !important; color: #555 !important; }
.ph-chip:hover { background: #ffe8e8 !important; border-color: #8b0000 !important; color: #8b0000 !important; }
.ph-chip.is-active { background: #8b0000 !important; border-color: #8b0000 !important; color: #fff !important; box-shadow: 0 2px 8px rgba(139,0,0,.35) !important; }
.ph-check-card { background: #f8f8f8 !important; border: 2px solid #ccc !important; color: #555 !important; }
.ph-check-card.is-active,.ph-check-card-fixed.is-active { background: #8b0000 !important; border-color: #8b0000 !important; color: #fff !important; }
.ph-soft-btn { background: #f8f8f8 !important; border: 2px solid #ccc !important; color: #666 !important; }
.ph-soft-btn.is-active { background: #1a1a1a !important; border-color: #1a1a1a !important; color: #fff !important; }
.ph-plan-switch { background: #f0f0f0 !important; border: 2px solid #ccc !important; color: #666 !important; }
.ph-plan-switch.is-active { background: #8b0000 !important; border-color: #8b0000 !important; color: #fff !important; }
.ph-plan-card { border: 2px solid #ddd !important; background: #fff !important; }
.ph-plan-card:hover { border-color: #8b0000 !important; background: #fff5f5 !important; }
.ph-plan-card.is-active { background: #fff0f0 !important; border-color: #8b0000 !important; box-shadow: 0 0 0 2px rgba(139,0,0,.2) !important; }
.ph-plan-label { color: #8b0000 !important; }
.ph-input { border: 2px solid #ccc !important; background: #fff !important; color: #1a1a1a !important; }
.ph-input:focus { border-color: #8b0000 !important; box-shadow: 0 0 0 3px rgba(139,0,0,.15) !important; }
.ph-summary-bar { background: #1a1a1a !important; border-top: 2px solid #8b0000 !important; }
.ph-summary-label { background: #8b0000 !important; color: #fff !important; }
.ph-summary-text { color: #ccc !important; }
.ph-footer { background: #1a1a1a !important; }
.ph-btn-light { background: #ddd !important; color: #333 !important; border: none !important; }
.ph-btn-primary { background: linear-gradient(135deg,#8b0000 0%,#6b0000 100%) !important; color: #fff !important; border: none !important; box-shadow: 0 3px 10px rgba(139,0,0,.4) !important; }
.ph-result-card { background: #fff !important; border: 1px solid #e0e0e0 !important; }
.ph-result-head { background: linear-gradient(135deg,#1a1a1a 0%,#2d2d2d 100%) !important; color: #fff !important; }
.ph-result-plan { color: #8b0000 !important; }
.ph-paint-modal__head { background: linear-gradient(135deg,#1a1a1a 0%,#2d2d2d 100%) !important; color: #fff !important; border-bottom: 3px solid #8b0000 !important; }
.ph-link-like { color: #8b0000 !important; }
.ph-mode-text { color: #8b0000 !important; }
@media (max-width:980px) {
  html body .ph-est-app .ph-est-shell { background: #1a1a1a !important; padding: 0 !important; }
  html body .ph-est-app .ph-est-inner { border-radius: 0 !important; background: #f5f5f5 !important; }
  .ph-est-modal { border-radius: 0 0 12px 12px !important; border-left: none !important; border-right: none !important; border-top: none !important; }
  .ph-est-head { padding: 14px !important; border-radius: 0 !important; }
  .ph-est-title { font-size: 19px !important; text-align: center !important; }
  .ph-est-sub { font-size: 12px !important; text-align: center !important; }
  .ph-est-steps { justify-content: center !important; margin-top: 8px !important; }
  .ph-step-dot { width: 28px !important; height: 28px !important; font-size: 13px !important; }
  .ph-old-label-cell { font-size: 13px !important; padding: 8px 10px !important; justify-content: flex-start !important; }
  .ph-chip { padding: 10px 6px !important; font-size: 13px !important; border-radius: 6px !important; min-height: 38px !important; }
  .ph-check-card { padding: 12px 8px !important; font-size: 14px !important; text-align: center !important; border-radius: 8px !important; }
  .ph-soft-btn { width: 100% !important; justify-content: center !important; border-radius: 8px !important; }
  .ph-plan-card { padding: 7px 4px !important; min-height: 56px !important; height: auto !important; }
  .ph-plan-label { font-size: 10px !important; }
  .ph-plan-title { font-size: 10px !important; }
  .ph-summary-bar { padding: 7px 12px !important; overflow-x: auto !important; }
  .ph-summary-label { font-size: 11px !important; padding: 2px 7px !important; white-space: nowrap !important; }
  .ph-footer { padding: 10px 12px !important; display: grid !important; grid-template-columns: 1fr 2fr !important; gap: 8px !important; }
  .ph-btn { width: 100% !important; padding: 15px 10px !important; font-size: 15px !important; font-weight: 900 !important; border-radius: 8px !important; display: flex !important; align-items: center !important; justify-content: center !important; }
  .ph-btn-light { background: #ccc !important; color: #333 !important; }
  .ph-btn-primary { background: linear-gradient(135deg,#8b0000 0%,#6b0000 100%) !important; font-weight: 900 !important; }
  .ph-preview { background: #f5f5f5 !important; border: none !important; padding: 12px 8px 8px !important; }
  .ph-result-head { border-radius: 8px 8px 0 0 !important; padding: 10px 8px !important; }
  .ph-result-card { border-radius: 8px !important; }
}